From 98c7504a50a883aad36cb5e0734302773194a282 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Thu, 7 Sep 2023 09:32:27 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=B1=E0=B8=9E=E0=B9=82=E0=B8=AB=E0=B8=A5=E0=B8=94?=
 =?UTF-8?q?=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C=E0=B9=80=E0=B8=9E=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=20docx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/information/Document.vue       |   6 +-
 src/components/information/OldName.vue        |   6 +-
 .../views/02_qualify/PeriodAdd.vue            |  16 +-
 .../components/Information/OldName.vue        |  15 +-
 .../08_registryEmployee/views/Document.vue    | 272 +++++++++---------
 .../views/Information/OldName.vue             |   6 +-
 6 files changed, 162 insertions(+), 159 deletions(-)

diff --git a/src/components/information/Document.vue b/src/components/information/Document.vue
index 0484fbf68..ee4a9ead5 100644
--- a/src/components/information/Document.vue
+++ b/src/components/information/Document.vue
@@ -69,9 +69,9 @@
         class="full-width"
         text-color="white"
         :max-size="10000000"
-        accept=".jpg,.png,.pdf,.csv,.doc"
+        accept=".jpg,.png,.pdf,.csv,.doc,.docx"
         bordered
-        label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
+        label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
         @added="fileAdd"
       >
         <template v-slot:header="scope">
@@ -99,7 +99,7 @@
             <q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
             <div class="col">
               <div class="q-uploader__title">
-                {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
+                {{ "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]" }}
               </div>
               <div class="q-uploader__subtitle">
                 {{ scope.uploadSizeLabel }} / {{ scope.uploadProgressLabel }}
diff --git a/src/components/information/OldName.vue b/src/components/information/OldName.vue
index 98021b07e..c19edc7c0 100644
--- a/src/components/information/OldName.vue
+++ b/src/components/information/OldName.vue
@@ -167,9 +167,9 @@
               class="full-width"
               text-color="white"
               :max-size="10000000"
-              accept=".jpg,.png,.pdf,.csv,.doc"
+              accept=".jpg,.png,.pdf,.csv,.doc,.docx"
               bordered
-              label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
+              label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
               @added="fileAdd"
             >
               <template v-slot:header="scope">
@@ -200,7 +200,7 @@
                   />
                   <div class="col">
                     <div class="q-uploader__title">
-                      {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
+                      {{ "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]" }}
                     </div>
                     <div class="q-uploader__subtitle">
                       {{ scope.uploadSizeLabel }} /
diff --git a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
index 90be47bd8..f33f90ddb 100644
--- a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
+++ b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
@@ -611,9 +611,9 @@
                   class="full-width"
                   text-color="dark"
                   :max-size="10000000"
-                  accept=".jpg,.png,.pdf,.csv,.doc"
+                  accept=".jpg,.png,.pdf,.csv,.doc,.docx"
                   bordered
-                  label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
+                  label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
                   multiple
                   @added="fileUploadImg"
                   @removed="fileRemoveImg"
@@ -648,7 +648,9 @@
                       />
                       <div class="col">
                         <div class="q-uploader__title">
-                          {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
+                          {{
+                            "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
+                          }}
                         </div>
                         <div class="q-uploader__subtitle">
                           {{ scope.uploadSizeLabel }}
@@ -746,9 +748,9 @@
                   class="full-width"
                   text-color="dark"
                   :max-size="10000000"
-                  accept=".jpg,.png,.pdf,.csv,.doc"
+                  accept=".jpg,.png,.pdf,.csv,.doc,.docx"
                   bordered
-                  label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
+                  label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
                   multiple
                   @added="fileUploadDoc"
                   @removed="fileRemoveDoc"
@@ -783,7 +785,9 @@
                       />
                       <div class="col">
                         <div class="q-uploader__title">
-                          {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
+                          {{
+                            "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
+                          }}
                         </div>
                         <div class="q-uploader__subtitle">
                           {{ scope.uploadSizeLabel }}
diff --git a/src/modules/04_registry/components/Information/OldName.vue b/src/modules/04_registry/components/Information/OldName.vue
index a4a8fecc7..deb13353a 100644
--- a/src/modules/04_registry/components/Information/OldName.vue
+++ b/src/modules/04_registry/components/Information/OldName.vue
@@ -42,8 +42,8 @@
                 icon="mdi-file-document-outline"
                 @click="openFile(props.row.file)"
               >
-            <q-tooltip>ไฟล์เอกสารหลักฐาน</q-tooltip>
-            </q-btn>
+                <q-tooltip>ไฟล์เอกสารหลักฐาน</q-tooltip>
+              </q-btn>
               <q-btn
                 color="info"
                 flat
@@ -53,9 +53,8 @@
                 icon="mdi-history"
                 @click="clickHistory(props.row)"
               >
-              <q-tooltip>ประวัติการเปลี่ยนชื่อ-นามสกุล
-</q-tooltip>
-            </q-btn>
+                <q-tooltip>ประวัติการเปลี่ยนชื่อ-นามสกุล </q-tooltip>
+              </q-btn>
             </q-td>
           </q-tr>
         </template>
@@ -172,9 +171,9 @@
               class="full-width"
               text-color="white"
               :max-size="10000000"
-              accept=".jpg,.png,.pdf,.csv,.doc"
+              accept=".jpg,.png,.pdf,.csv,.doc,.docx"
               bordered
-              label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
+              label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
               @added="fileAdd"
             >
               <template v-slot:header="scope">
@@ -205,7 +204,7 @@
                   />
                   <div class="col">
                     <div class="q-uploader__title">
-                      {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
+                      {{ "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]" }}
                     </div>
                     <div class="q-uploader__subtitle">
                       {{ scope.uploadSizeLabel }} /
diff --git a/src/modules/08_registryEmployee/views/Document.vue b/src/modules/08_registryEmployee/views/Document.vue
index bcc2c1204..92be37c74 100644
--- a/src/modules/08_registryEmployee/views/Document.vue
+++ b/src/modules/08_registryEmployee/views/Document.vue
@@ -1,140 +1,140 @@
 <template>
   <q-card flat bordered class="col-12 row q-px-lg q-py-md">
     <q-form ref="myform" class="col-12">
-    <HeaderTop
-      v-model:edit="edit"
-      header="เอกสารหลักฐาน"
-      icon="mdi-file-document"
-      :history="false"
-      :changeBtn="changeBtn"
-      :cancel="onCancel"
-      :disable="statusEdit"
-      :save="uploadData"
-    />
-    <div class="row col-12 q-pt-sm">
-      <q-card bordered flat class="full-width">
-        <q-list separator>
-          <q-item v-for="file in files" :key="file.key" class="q-my-xs">
-            <q-item-section>
-              <q-item-label class="full-width ellipsis">
-                {{ file.fileName }}
-              </q-item-label>
-
-              <q-item-label caption> </q-item-label>
-            </q-item-section>
-            <q-item-section top side>
-              <div class="row col-12">
-                <q-btn
-                  class="gt-xs"
-                  size="12px"
-                  flat
-                  dense
-                  round
-                  color="blue"
-                  icon="mdi-download-outline"
-                  @click="downloadData(file.file)"
-                />
-                <q-btn
-                  class="gt-xs"
-                  size="12px"
-                  flat
-                  dense
-                  round
-                  color="red"
-                  icon="mdi-delete-outline"
-                  v-show="edit"
-                  @click="deleteData(file.id)"
-                />
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-list>
-      </q-card>
-
-      <q-input
-        v-if="edit"
-        class="q-mt-sm col-12 q-pb-xs"
-        outlined
-        dense
-        lazy-rules
-        v-model="name"
-        hide-bottom-space
-        :rules="[(val) => !!val || `${'กรุณากรอกชื่อเอกสาร'}`]"
-        :label="`${'ชื่อเอกสาร'}`"
+      <HeaderTop
+        v-model:edit="edit"
+        header="เอกสารหลักฐาน"
+        icon="mdi-file-document"
+        :history="false"
+        :changeBtn="changeBtn"
+        :cancel="onCancel"
+        :disable="statusEdit"
+        :save="uploadData"
       />
-      <q-uploader
-        v-if="edit"
-        color="gray"
-        type="file"
-        flat
-        @factory="uploadData"
-        ref="uploader"
-        class="full-width"
-        text-color="white"
-        :max-size="10000000"
-        accept=".jpg,.png,.pdf,.csv,.doc"
-        bordered
-        label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
-        @added="fileAdd"
-      >
-        <template v-slot:header="scope">
-          <div class="row no-wrap items-center q-pa-sm q-gutter-xs">
-            <q-btn
-              v-if="scope.queuedFiles.length > 0"
-              icon="clear_all"
-              @click="scope.removeQueuedFiles"
-              round
-              dense
-              flat
-            >
-              <q-tooltip>ลบทั้งหมด</q-tooltip>
-            </q-btn>
-            <q-btn
-              v-if="scope.uploadedFiles.length > 0"
-              icon="done_all"
-              @click="scope.removeUploadedFiles"
-              round
-              dense
-              flat
-            >
-              <q-tooltip>ลบไฟล์ที่อัปโหลด</q-tooltip>
-            </q-btn>
-            <q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
-            <div class="col">
-              <div class="q-uploader__title">
-                {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
-              </div>
-              <div class="q-uploader__subtitle">
-                {{ scope.uploadSizeLabel }} / {{ scope.uploadProgressLabel }}
+      <div class="row col-12 q-pt-sm">
+        <q-card bordered flat class="full-width">
+          <q-list separator>
+            <q-item v-for="file in files" :key="file.key" class="q-my-xs">
+              <q-item-section>
+                <q-item-label class="full-width ellipsis">
+                  {{ file.fileName }}
+                </q-item-label>
+
+                <q-item-label caption> </q-item-label>
+              </q-item-section>
+              <q-item-section top side>
+                <div class="row col-12">
+                  <q-btn
+                    class="gt-xs"
+                    size="12px"
+                    flat
+                    dense
+                    round
+                    color="blue"
+                    icon="mdi-download-outline"
+                    @click="downloadData(file.file)"
+                  />
+                  <q-btn
+                    class="gt-xs"
+                    size="12px"
+                    flat
+                    dense
+                    round
+                    color="red"
+                    icon="mdi-delete-outline"
+                    v-show="edit"
+                    @click="deleteData(file.id)"
+                  />
+                </div>
+              </q-item-section>
+            </q-item>
+          </q-list>
+        </q-card>
+
+        <q-input
+          v-if="edit"
+          class="q-mt-sm col-12 q-pb-xs"
+          outlined
+          dense
+          lazy-rules
+          v-model="name"
+          hide-bottom-space
+          :rules="[(val) => !!val || `${'กรุณากรอกชื่อเอกสาร'}`]"
+          :label="`${'ชื่อเอกสาร'}`"
+        />
+        <q-uploader
+          v-if="edit"
+          color="gray"
+          type="file"
+          flat
+          @factory="uploadData"
+          ref="uploader"
+          class="full-width"
+          text-color="white"
+          :max-size="10000000"
+          accept=".jpg,.png,.pdf,.csv,.doc,.docx"
+          bordered
+          label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
+          @added="fileAdd"
+        >
+          <template v-slot:header="scope">
+            <div class="row no-wrap items-center q-pa-sm q-gutter-xs">
+              <q-btn
+                v-if="scope.queuedFiles.length > 0"
+                icon="clear_all"
+                @click="scope.removeQueuedFiles"
+                round
+                dense
+                flat
+              >
+                <q-tooltip>ลบทั้งหมด</q-tooltip>
+              </q-btn>
+              <q-btn
+                v-if="scope.uploadedFiles.length > 0"
+                icon="done_all"
+                @click="scope.removeUploadedFiles"
+                round
+                dense
+                flat
+              >
+                <q-tooltip>ลบไฟล์ที่อัปโหลด</q-tooltip>
+              </q-btn>
+              <q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
+              <div class="col">
+                <div class="q-uploader__title">
+                  {{ "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]" }}
+                </div>
+                <div class="q-uploader__subtitle">
+                  {{ scope.uploadSizeLabel }} / {{ scope.uploadProgressLabel }}
+                </div>
               </div>
+              <q-btn
+                v-if="scope.canAddFiles"
+                type="a"
+                icon="add_box"
+                @click="scope.pickFiles"
+                round
+                dense
+                flat
+              >
+                <q-uploader-add-trigger />
+                <q-tooltip>เลือกไฟล์</q-tooltip>
+              </q-btn>
+              <q-btn
+                v-if="scope.isUploading"
+                icon="clear"
+                @click="scope.abort"
+                round
+                dense
+                flat
+              >
+                <q-tooltip>ยกเลิกการอัปโหลด</q-tooltip>
+              </q-btn>
             </div>
-            <q-btn
-              v-if="scope.canAddFiles"
-              type="a"
-              icon="add_box"
-              @click="scope.pickFiles"
-              round
-              dense
-              flat
-            >
-              <q-uploader-add-trigger />
-              <q-tooltip>เลือกไฟล์</q-tooltip>
-            </q-btn>
-            <q-btn
-              v-if="scope.isUploading"
-              icon="clear"
-              @click="scope.abort"
-              round
-              dense
-              flat
-            >
-              <q-tooltip>ยกเลิกการอัปโหลด</q-tooltip>
-            </q-btn>
-          </div>
-        </template>
-      </q-uploader>
-    </div>
-  </q-form>
+          </template>
+        </q-uploader>
+      </div>
+    </q-form>
   </q-card>
 </template>
 <script setup lang="ts">
@@ -167,7 +167,7 @@ const emit = defineEmits(["update:statusEdit"]);
 const $q = useQuasar(); // show dialog
 const mixin = useCounterMixin();
 const route = useRoute();
-const { success, messageError, showLoader, hideLoader ,dialogConfirm} = mixin;
+const { success, messageError, showLoader, hideLoader, dialogConfirm } = mixin;
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
@@ -176,7 +176,7 @@ const uploader = ref<any>();
 const files = ref<any>([]);
 const file = ref<any>([]);
 const name = ref<string>("");
-  const myform = ref<QForm | null>(null);
+const myform = ref<QForm | null>(null);
 onMounted(async () => {
   await getData();
 });
@@ -213,9 +213,9 @@ const deleteData = async (id: string) => {
       await getData();
     });
 };
-const uploadData = () =>{
-  dialogConfirm($q,()=> Datasave())
-}
+const uploadData = () => {
+  dialogConfirm($q, () => Datasave());
+};
 const Datasave = async () => {
   if (myform.value != null) {
     await myform.value.validate().then(async (success: boolean) => {
diff --git a/src/modules/08_registryEmployee/views/Information/OldName.vue b/src/modules/08_registryEmployee/views/Information/OldName.vue
index 3aa1e5125..84e25eb2b 100644
--- a/src/modules/08_registryEmployee/views/Information/OldName.vue
+++ b/src/modules/08_registryEmployee/views/Information/OldName.vue
@@ -167,9 +167,9 @@
               class="full-width"
               text-color="white"
               :max-size="10000000"
-              accept=".jpg,.png,.pdf,.csv,.doc"
+              accept=".jpg,.png,.pdf,.csv,.doc,.docx"
               bordered
-              label="[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]"
+              label="[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]"
               @added="fileAdd"
             >
               <template v-slot:header="scope">
@@ -200,7 +200,7 @@
                   />
                   <div class="col">
                     <div class="q-uploader__title">
-                      {{ "[ไฟล์ jpg,png,pdf,csv,doc ขนาดไม่เกิน 10MB]" }}
+                      {{ "[ไฟล์ jpg,png,pdf,csv,doc,docx ขนาดไม่เกิน 10MB]" }}
                     </div>
                     <div class="q-uploader__subtitle">
                       {{ scope.uploadSizeLabel }} /