From 53494c2a5d5ca3b38157befe1afda483702db302 Mon Sep 17 00:00:00 2001
From: Kittapath <kittapath@frappet.com>
Date: Wed, 22 Mar 2023 12:01:49 +0700
Subject: [PATCH 1/2] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20consendform?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/01_exam/components/Conference.vue | 70 ++++++++++++++++---
 .../components/Form/Profile/Information.vue   | 12 +++-
 src/modules/01_exam/views/ExamDetail.vue      |  1 +
 src/stores/mixin.ts                           |  2 +-
 4 files changed, 74 insertions(+), 11 deletions(-)

diff --git a/src/modules/01_exam/components/Conference.vue b/src/modules/01_exam/components/Conference.vue
index 54a33a7..956c248 100644
--- a/src/modules/01_exam/components/Conference.vue
+++ b/src/modules/01_exam/components/Conference.vue
@@ -20,25 +20,71 @@
         ข้อกำหนดและเงื่อนไขฉบับนี้ ถือเป็นข้อตกลงในการเก็บข้อมูล
       </div>
       <q-card class="col-12 q-pa-md" flat>
-        <q-card-section class="text-black text-left"
-          >ข้าพเจ้าเข้าใจดีว่า ผู้ให้บริการ จะเก็บรวบรวม ใช้ และเปิดเผยข้อมูลส่วนบุคคลของข้าพเจ้า
-          เพื่อวัตถุประสงค์ในการให้บริการตามสัญญานี้ การวิเคราะห์ข้อมูลเพื่อวางแผนทางการตลาด
-          การนำเสนอสินค้าและบริการอื่นๆ ของผู้ให้บริการแก่ข้าพเจ้า รวมถึงวัตถุประสงค์อื่นๆ
-          ตามที่ผู้ให้บริการเห็นสมควร <br /><br />
-          ข้าพเจ้ารับทราบดีกว่า หากข้าพเจ้าไม่ตกลงยอมรับข้อกำหนดและเงื่อนไขนี้
-          ผู้ให้บริการสงวนสิทธิไม่ให้บริการแก่ข้าพเจ้าได้
+        <q-card-section class="text-black text-left">
+          <p>
+            &nbsp;&nbsp;&nbsp;&nbsp;หนังสือยินยอมให้เก็บ ใช้หรือเปิดเผยข้อมูลส่วนบุคคลของผู้สมัคร
+            เพื่อสมัครงานกับกรุงเทพมหานครฯ 1. คำยินยอมจากผู้ให้ข้อมูลกับกรุงเทพมหานครฯ ข้าพเจ้า
+            <strong>{{ fullname }}</strong>
+            ยินยอมให้ใช้หรือเปิดเผยข้อมูลส่วนบุคคลที่เกี่ยวข้องกับข้าพเจ้า สำหรับให้กรุงเทพมหานครฯ
+            พิจารณาคุณสมบัติว่ามีความเหมาะสมกับตำแหน่งงานที่ทางกรุงเทพมหานครฯ เปิดรับหรือไม่
+            ข้าพเจ้าฯ ยินยอมให้ทางกรุงเทพมหานครฯ เก็บข้อมูลส่วนบุคคล ตรวจสอบประวัติส่วนบุคคล
+            ประวัติอาชญากรรม หรือประวัติ/ประสบการณ์การทำงานที่ผ่านมาของข้าพเจ้าฯ ไปยังบุคคล และ/หรือ
+            หน่วยงานต่างๆ ที่เกี่ยวข้อง
+            เพื่อเป็นข้อมูลประกอบการพิจารณาการคัดเลือกตามตำแหน่งที่ข้าพเจ้าสมัคร โดยข้าพเจ้าฯ
+            ยินยอมให้เปิดเผยข้อมูลดังต่อไปนี้
+          </p>
+          <p>
+            <span>
+              1. รายละเอียดข้อมูล ที่ผู้สมัครงานได้กรอกในใบสมัครงานของกรุงเทพมหานครฯ
+              ข้อมูลบุคคลอ้างอิง/บุคคลที่เกี่ยวข้องตามที่ได้ระบุไว้ในใบสมคัร
+              ประวัติส่วนบุคคลและประวัติการทำงานเป็นต้น 2.รายละเอียดข้อมูลต่างๆ
+              ในเอกสารหรือหลักฐานที่ผู้สมัครได้นำส่งให้กับกรุงเทพมหานครฯ ทุกช่องทางการสื่อสาร เช่น
+              จดหมาย หรืออีเมล์เป็นต้น ในกรณีที่ท่าน ไม่ผ่าน การพิจารณารับเข้าทำงาน
+              ข้อมูลในใบสมคัรจะถูกเก็บรักษาไว้อีกเป็นระยะเวลา 24 เดือน
+              เพื่อพิจารณาความเหมาะสมกับตำแหน่งงานอื่น ในกรณีที่ท่าน ผ่าน การพิจารณารับเข้าทำงาน
+              ข้อมูลในใบสมัครจะถูกเก็บรักษาไว้ตลอดระยะเวลาการเป็นพนกังาน/ลูกจ้าง
+              และเก็บต่อเนื่องอีกเป็นระยะเวลา 10 ปี
+              เพื่อกรณีต้องใช้เป็นหลักฐานประกอบการใช้สิทธิเรียกร้องตามกฎหมาย
+              พระราชบัญญัติคุ้มครองแรงงาน พ.ศ. 2541 และที่แก้ไขเพิ่มเติม
+            </span>
+          </p>
+          <p>
+            <span>
+              2. ข้อมูลส่วนบุคคลที่กรุงเทพมหานครฯ เก็บรวบรวมในคร้ังนี้ กรุงเทพมหานครฯ
+              จะใช้วิธีการที่ชอบด้วยกฏหมายและเป็นธรรมในการเก็บรวบรวมข้อมูลส่วนบุคคลอย่างจำกัดเพียงเท่าที่จำเป็นภายใต้วัตถุประสงค์การทำงานของกรุงเทพมหานครฯ
+              เพื่อใช้เป็นข้อมูลประกอบการพิจารณาคัดเลือกตามตำแหน่งที่ผู้ให้ข้อมูลประสงค์จะสมัครรับการคัดเลือกโดยกรุงเทพมหานครฯ
+              จะเก็บรวบรวมข้อมูลส่วนบุคคลของท่าน ดังนี้ - ชื่อ-นามสกุล
+              เพื่อติดต่อกับทางกรุงเทพมหานครฯ - อีเมล์ เพื่อใช้ในการติดต่อกับกรุงเทพมหานครฯ -
+              เบอร์โทร เพื่อใช้สมัครงานกับทางกรุงเทพมหานครฯ - ที่อยู่
+              เพื่อใช้สมัครงานกับทางกรุงเทพมหานครฯ - ประวัติการทำงาน, ประวัติการศึกษา,
+              ประวัติการฝึกอบรม ตามข้อมูลข้างต้น
+              ท้้งนี้ข้อมูลส่วนบุคคลดังกล่าวเป็นข้อมูลที่จำเป็นสำหรับการทำงานของกรุงเทพมหานครฯ
+              หากไม่มีข้อมูลดังกล่าว อาจส่งผลต่อกระบวนการพิจารณาคุณสมบัติของผู้สมัคร
+            </span>
+          </p>
+          <p>
+            ทั้งนี้ผู้สมัครเป็นผู้มีสิทธิเลือกได้ว่าจะบันทึกข้อมูลส่วนบุคคลอื่นใด
+            และยินดีจะเปิดเผยข้อมูลดังกล่าวกับบุคคลหรือหน่วยงานอื่นหรือไม่
+            วัตถุประสงค์ในการเก็บรวบรวมข้อมูลส่วนบุคคล กรุงเทพมหานครฯ
+            จะเก็บรวบรวมข้อมูลส่วนบุคคลของท่านเพื่อนำไปใช้หรือเปิดเผยเท่าที่จำเป็นภายใต้วัตถุประสงค์ในการใช้ประกอบการพิจารณาคัดเลือกตามตำแหน่งที่ผู้ให้ข้อมูลแสดงความประสงค์ไว้เท่าน้้น
+            กรุงเทพมหานครฯ
+            จะไม่ดำเนินการอื่นใดแตกต่างจากที่ระบุในวัตถุประสงค์เว้นแต่มีกฏหมายบัญญัติให้กระทำหรือมีหนังสือร้องขอที่สามารถปฏิบัติได้ตามกฏหมาย
+            เช่น เพื่อความจำเป็นในการป้องกันด้านสุขภาพและโรคติดต่ออันตราย
+          </p>
         </q-card-section>
       </q-card>
     </div>
   </q-card-section>
   <q-separator />
-  <q-card-actions align="right" class="bg-white text-teal">
+  <q-card-actions align="right" class="bg-white text-teal justify-center">
+    <q-btn label="ยกเลิก" color="grey" @click="close" flat />
     <q-btn label="ตกลง" color="primary" @click="ok" />
   </q-card-actions>
 </template>
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
+import keycloak from '@/plugins/keycloak'
 const props = defineProps({
   close: {
     type: Function,
@@ -50,6 +96,14 @@ const props = defineProps({
   }
 })
 
+const fullname = ref<string>('')
+/**
+ * ดิงชื่อผู้ใช้งานจาก keycloak
+ */
+if (keycloak.tokenParsed != null) {
+  fullname.value = keycloak.tokenParsed.name
+}
+
 const ok = async () => {
   props.ok()
 }
diff --git a/src/modules/01_exam/components/Form/Profile/Information.vue b/src/modules/01_exam/components/Form/Profile/Information.vue
index 071045b..75fb332 100644
--- a/src/modules/01_exam/components/Form/Profile/Information.vue
+++ b/src/modules/01_exam/components/Form/Profile/Information.vue
@@ -106,7 +106,11 @@
                 :label="`${'วัน/เดือน/ปี เกิด'}`"
               >
                 <template v-slot:prepend>
-                  <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
+                  <q-icon
+                    name="event"
+                    class="cursor-pointer"
+                    :style="edit ? 'color: var(--q-primary)' : 'color: var(--q-grey)'"
+                  >
                   </q-icon>
                 </template>
               </q-input>
@@ -241,7 +245,11 @@
                 :label="`${'วัน/เดือน/ปี'}`"
               >
                 <template v-slot:prepend>
-                  <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
+                  <q-icon
+                    name="event"
+                    class="cursor-pointer"
+                    :style="edit ? 'color: var(--q-primary)' : 'color: var(--q-grey)'"
+                  >
                   </q-icon>
                 </template>
               </q-input>
diff --git a/src/modules/01_exam/views/ExamDetail.vue b/src/modules/01_exam/views/ExamDetail.vue
index d52c102..9ca3c58 100644
--- a/src/modules/01_exam/views/ExamDetail.vue
+++ b/src/modules/01_exam/views/ExamDetail.vue
@@ -19,6 +19,7 @@
         active-color="blue-7"
         inactive-color="positive"
         done-icon="mdi-check-bold"
+        alternative-labels
         :active-icon="stepRaw === step && stepRaw != 4 ? 'mdi-pencil' : 'mdi-eye-outline'"
       >
         <!-- <q-step
diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
index 90c154d..09c6231 100644
--- a/src/stores/mixin.ts
+++ b/src/stores/mixin.ts
@@ -239,7 +239,7 @@ export const useCounterMixin = defineStore('mixin', () => {
         color: 'grey-14'
       },
       ok: {
-        color: 'red-6'
+        color: 'red-5'
       },
       focus: 'none',
       persistent: true,

From 1166f82847c526e9a76731e5d691df045d118b72 Mon Sep 17 00:00:00 2001
From: Kittapath <kittapath@frappet.com>
Date: Wed, 22 Mar 2023 12:13:10 +0700
Subject: [PATCH 2/2] =?UTF-8?q?validate=20=E0=B8=81=E0=B8=A3=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=81=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B8=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B1=E0=B9=88=E0=B8=A7=E0=B9=84=E0=B8=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Form/Profile/Address.vue       | 27 +++++++++----------
 .../components/Form/Profile/Family.vue        | 27 +++++++++----------
 .../components/Form/Profile/Information.vue   | 27 +++++++++----------
 .../components/Form/Profile/Occupation.vue    | 27 +++++++++----------
 4 files changed, 52 insertions(+), 56 deletions(-)

diff --git a/src/modules/01_exam/components/Form/Profile/Address.vue b/src/modules/01_exam/components/Form/Profile/Address.vue
index b4e9ff5..0966df4 100644
--- a/src/modules/01_exam/components/Form/Profile/Address.vue
+++ b/src/modules/01_exam/components/Form/Profile/Address.vue
@@ -282,27 +282,26 @@ const saveData = async () => {
   if (store.consend == true) {
     edit.value = false
     emit('update:statusEdit', false)
-    await myform.value.validate().then(async (success: boolean) => {
-      if (success) {
-      } else {
-      }
-    })
   } else {
     modalConsend.value = true
   }
 }
 
 const changeBtn = async () => {
-  if (edit.value == true) {
-    if (props.statusEdit === true) {
-      edit.value = false
-      props.notiNoEdit()
-    } else {
-      emit('update:statusEdit', true)
+  await myform.value.validate().then(async (success: boolean) => {
+    if (success) {
+      if (edit.value == true) {
+        if (props.statusEdit === true) {
+          edit.value = false
+          props.notiNoEdit()
+        } else {
+          emit('update:statusEdit', true)
+        }
+      } else {
+        emit('update:statusEdit', false)
+      }
     }
-  } else {
-    emit('update:statusEdit', false)
-  }
+  })
 }
 
 const selectProvince = (e: string, name: string) => {
diff --git a/src/modules/01_exam/components/Form/Profile/Family.vue b/src/modules/01_exam/components/Form/Profile/Family.vue
index 6960d0a..83d8478 100644
--- a/src/modules/01_exam/components/Form/Profile/Family.vue
+++ b/src/modules/01_exam/components/Form/Profile/Family.vue
@@ -402,27 +402,26 @@ const saveData = async () => {
   if (store.consend == true) {
     edit.value = false
     emit('update:statusEdit', false)
-    await myform.value.validate().then(async (success: boolean) => {
-      if (success) {
-      } else {
-      }
-    })
   } else {
     modalConsend.value = true
   }
 }
 
 const changeBtn = async () => {
-  if (edit.value == true) {
-    if (props.statusEdit === true) {
-      edit.value = false
-      props.notiNoEdit()
-    } else {
-      emit('update:statusEdit', true)
+  await myform.value.validate().then(async (success: boolean) => {
+    if (success) {
+      if (edit.value == true) {
+        if (props.statusEdit === true) {
+          edit.value = false
+          props.notiNoEdit()
+        } else {
+          emit('update:statusEdit', true)
+        }
+      } else {
+        emit('update:statusEdit', false)
+      }
     }
-  } else {
-    emit('update:statusEdit', false)
-  }
+  })
 }
 
 const selectRadio = (e: boolean, i: any) => {
diff --git a/src/modules/01_exam/components/Form/Profile/Information.vue b/src/modules/01_exam/components/Form/Profile/Information.vue
index 715dac0..966a958 100644
--- a/src/modules/01_exam/components/Form/Profile/Information.vue
+++ b/src/modules/01_exam/components/Form/Profile/Information.vue
@@ -428,27 +428,26 @@ const saveData = async () => {
   if (store.consend == true) {
     edit.value = false
     emit('update:statusEdit', false)
-    await myform.value.validate().then(async (success: boolean) => {
-      if (success) {
-      } else {
-      }
-    })
   } else {
     modalConsend.value = true
   }
 }
 
 const changeBtn = async () => {
-  if (edit.value == true) {
-    if (props.statusEdit === true) {
-      edit.value = false
-      props.notiNoEdit()
-    } else {
-      emit('update:statusEdit', true)
+  await myform.value.validate().then(async (success: boolean) => {
+    if (success) {
+      if (edit.value == true) {
+        if (props.statusEdit === true) {
+          edit.value = false
+          props.notiNoEdit()
+        } else {
+          emit('update:statusEdit', true)
+        }
+      } else {
+        emit('update:statusEdit', false)
+      }
     }
-  } else {
-    emit('update:statusEdit', false)
-  }
+  })
 }
 
 const fetchProvince = async () => {
diff --git a/src/modules/01_exam/components/Form/Profile/Occupation.vue b/src/modules/01_exam/components/Form/Profile/Occupation.vue
index 97b481b..c48f67b 100644
--- a/src/modules/01_exam/components/Form/Profile/Occupation.vue
+++ b/src/modules/01_exam/components/Form/Profile/Occupation.vue
@@ -277,27 +277,26 @@ const saveData = async () => {
   if (store.consend == true) {
     edit.value = false
     emit('update:statusEdit', false)
-    await myform.value.validate().then(async (success: boolean) => {
-      if (success) {
-      } else {
-      }
-    })
   } else {
     modalConsend.value = true
   }
 }
 
 const changeBtn = async () => {
-  if (edit.value == true) {
-    if (props.statusEdit === true) {
-      edit.value = false
-      props.notiNoEdit()
-    } else {
-      emit('update:statusEdit', true)
+  await myform.value.validate().then(async (success: boolean) => {
+    if (success) {
+      if (edit.value == true) {
+        if (props.statusEdit === true) {
+          edit.value = false
+          props.notiNoEdit()
+        } else {
+          emit('update:statusEdit', true)
+        }
+      } else {
+        emit('update:statusEdit', false)
+      }
     }
-  } else {
-    emit('update:statusEdit', false)
-  }
+  })
 }
 
 const consenClose = () => {