From 1cc4b96d4bf1124c439bd3223464015e5c94f190 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Tue, 23 Apr 2024 13:52:02 +0700
Subject: [PATCH] feat: other information component

---
 .../OtherInformation.vue                      | 50 +++++++++++++++++++
 src/i18n/en-US/other-document.ts              |  4 ++
 src/i18n/th-th/other-document.ts              |  4 ++
 3 files changed, 58 insertions(+)
 create mode 100644 src/components/03_customer-management/OtherInformation.vue
 create mode 100644 src/i18n/en-US/other-document.ts
 create mode 100644 src/i18n/th-th/other-document.ts

diff --git a/src/components/03_customer-management/OtherInformation.vue b/src/components/03_customer-management/OtherInformation.vue
new file mode 100644
index 00000000..8acf8111
--- /dev/null
+++ b/src/components/03_customer-management/OtherInformation.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue';
+defineProps<{
+  title?: string;
+  dense?: boolean;
+  outlined?: boolean;
+  readonly?: boolean;
+  separator?: boolean;
+}>();
+
+const additionalEmployerDocument = defineModel<File | null>(
+  'additionalEmployerDocument',
+);
+</script>
+
+<template>
+  <div class="row">
+    <div class="col-3 app-text-muted">• {{ $t(`otherDocument`) }}</div>
+    <div class="col-9 row q-col-gutter-md">
+      <q-file
+        id="input-attchment"
+        :dense="dense"
+        :outlined="readonly ? false : outlined"
+        :readonly="readonly"
+        :borderless="readonly"
+        multiple
+        append
+        :label="$t('additionalEmployerDocument')"
+        class="col-6"
+        v-model="additionalEmployerDocument"
+      >
+        <template v-slot:prepend>
+          <Icon
+            icon="material-symbols:attach-file"
+            width="20px"
+            style="color: var(--brand-1)"
+          />
+        </template>
+      </q-file>
+    </div>
+  </div>
+
+  <q-separator
+    v-if="separator"
+    class="col-12 q-mt-xl q-mb-md"
+    style="padding-block: 0.5px"
+  />
+</template>
+
+<style></style>
diff --git a/src/i18n/en-US/other-document.ts b/src/i18n/en-US/other-document.ts
new file mode 100644
index 00000000..55acbe1d
--- /dev/null
+++ b/src/i18n/en-US/other-document.ts
@@ -0,0 +1,4 @@
+export default {
+  otherDocument: 'Other Document',
+  additionalEmployerDocument: 'Additional Employer Documents',
+};
diff --git a/src/i18n/th-th/other-document.ts b/src/i18n/th-th/other-document.ts
new file mode 100644
index 00000000..611a4ad1
--- /dev/null
+++ b/src/i18n/th-th/other-document.ts
@@ -0,0 +1,4 @@
+export default {
+  otherDocument: 'เอกสารอื่นๆ',
+  additionalEmployerDocument: 'เอกสารนายจ้างเพิ่มเติม',
+};