From 9793df1c57d59626a3bbe3e50523a3a58f780a34 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Jan 2026 13:35:54 +0700
Subject: [PATCH 1/6] fix

---
 src/components/PopupPrivacy.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PopupPrivacy.vue b/src/components/PopupPrivacy.vue
index 0109ffd..85d97d1 100644
--- a/src/components/PopupPrivacy.vue
+++ b/src/components/PopupPrivacy.vue
@@ -19,7 +19,7 @@ const privacyContent = {
     title: 'วัตถุประสงค์การใช้ข้อมูล',
     items: [
       'เพื่อยืนยันตัวตนของผู้ปฏิบัติงานในการบันทึกเวลาเข้า-ออกการปฏิบัติราชการ',
-      'เพื่อใช้เป็นหลักฐานประกอบการบริหารงานด้านทรัพยากรบุคคล การจ่ายค่าตอบแหน และการกำกับ ดูแลการปฏิบัติราชการ',
+      'เพื่อใช้เป็นหลักฐานประกอบการบริหารงานด้านทรัพยากรบุคคล การจ่ายค่าตอบแทน และการกำกับ ดูแลการปฏิบัติราชการ',
       'เพื่อรักษาความถูกต้อง โปร่งใส และป้องกันการทุจริตในการบันทึกเวลาการปฏิบัติงาน',
     ],
   },

From 8b26530d52a14609d354a6d86898ed4a663900df Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Jan 2026 14:47:32 +0700
Subject: [PATCH 2/6] fix:privacy

---
 src/components/AscGISMap.vue      | 17 ++++++++++-
 src/components/PopupPrivacy.vue   | 13 ++++----
 src/composables/usePermissions.ts | 51 +++++++++++++++++++++++++++++++
 src/stores/privacy.ts             | 22 +++++++++++++
 src/views/HomeView.vue            | 21 ++++++++++++-
 src/views/MainView.vue            |  8 ++---
 6 files changed, 120 insertions(+), 12 deletions(-)
 create mode 100644 src/composables/usePermissions.ts
 create mode 100644 src/stores/privacy.ts

diff --git a/src/components/AscGISMap.vue b/src/components/AscGISMap.vue
index b32e32a..c9ab17d 100644
--- a/src/components/AscGISMap.vue
+++ b/src/components/AscGISMap.vue
@@ -4,9 +4,11 @@ import { loadModules } from 'esri-loader'
 import axios from 'axios'
 import { useCounterMixin } from '@/stores/mixin'
 import { useQuasar } from 'quasar'
+import { usePrivacyStore } from '@/stores/privacy'
 
 const mixin = useCounterMixin()
 const { messageError } = mixin
+const privacyStore = usePrivacyStore()
 
 // import type { LocationObject } from '@/interface/index/Main'
 const mapElement = ref<HTMLElement | null>(null)
@@ -200,6 +202,16 @@ async function initializeMap() {
 const locationGranted = ref(false)
 // Function to request location permission
 const requestLocationPermission = () => {
+  // เช็คสิทธิ์ privacy ก่อนเข้าถึงแผนที่
+  if (!privacyStore.isAccepted) {
+    $q.notify({
+      type: 'warning',
+      message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานแผนที่',
+      position: 'top',
+    })
+    return
+  }
+
   if (!navigator.geolocation) {
     messageError(
       $q,
@@ -261,7 +273,10 @@ defineExpose({
 })
 
 onMounted(async () => {
-  await initializeMap()
+  // เรียกแผนที่เฉพาะเมื่อยอมรับ privacy แล้ว
+  if (privacyStore.isAccepted) {
+    await initializeMap()
+  }
 })
 </script>
 
diff --git a/src/components/PopupPrivacy.vue b/src/components/PopupPrivacy.vue
index 85d97d1..df4f675 100644
--- a/src/components/PopupPrivacy.vue
+++ b/src/components/PopupPrivacy.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
+import { useQuasar } from 'quasar'
 import http from '@/plugins/http'
 import config from '@/app.config'
+import { usePrivacyStore } from '@/stores/privacy'
+
+const $q = useQuasar()
+const privacyStore = usePrivacyStore()
 
 const modal = defineModel<boolean>('modal', {
   required: true,
@@ -70,13 +75,11 @@ const handleAccept = async () => {
       system: 'checkin',
       accept: true,
     })
+    privacyStore.setAccepted(true)
+    modal.value = false
   } catch (error) {}
 }
 
-const handleDecline = () => {
-  modal.value = false
-}
-
 const toggleDetails = () => {
   showDetails.value = !showDetails.value
 }
@@ -103,7 +106,6 @@ const toggleDetails = () => {
           dense
           class="absolute-top-right q-ma-sm"
           v-close-popup
-          @click="handleDecline"
         />
       </q-card-section>
 
@@ -237,7 +239,6 @@ const toggleDetails = () => {
           unelevated
           no-caps
           class="action-btn"
-          @click="handleDecline"
           v-close-popup
         />
       </q-card-actions>
diff --git a/src/composables/usePermissions.ts b/src/composables/usePermissions.ts
new file mode 100644
index 0000000..93a9a09
--- /dev/null
+++ b/src/composables/usePermissions.ts
@@ -0,0 +1,51 @@
+import { useQuasar } from 'quasar'
+import { usePrivacyStore } from '@/stores/privacy'
+
+export function usePermissions() {
+  const $q = useQuasar()
+  const privacyStore = usePrivacyStore()
+
+  const checkCameraPermission = (): boolean => {
+    if (!privacyStore.isAccepted) {
+      privacyStore.modalPrivacy = true
+      $q.notify({
+        type: 'warning',
+        message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานกล้อง',
+        position: 'top',
+      })
+      return false
+    }
+    return true
+  }
+
+  const checkLocationPermission = (): boolean => {
+    if (!privacyStore.isAccepted) {
+      privacyStore.modalPrivacy = true
+      $q.notify({
+        type: 'warning',
+        message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานแผนที่',
+        position: 'top',
+      })
+      return false
+    }
+    return true
+  }
+
+  const checkPrivacyAccepted = (): boolean => {
+    if (!privacyStore.isAccepted) {
+      $q.notify({
+        type: 'warning',
+        message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งาน',
+        position: 'top',
+      })
+      return false
+    }
+    return true
+  }
+
+  return {
+    checkCameraPermission,
+    checkLocationPermission,
+    checkPrivacyAccepted,
+  }
+}
diff --git a/src/stores/privacy.ts b/src/stores/privacy.ts
new file mode 100644
index 0000000..ce2dc83
--- /dev/null
+++ b/src/stores/privacy.ts
@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const usePrivacyStore = defineStore('privacy', () => {
+  const modalPrivacy = ref<boolean>(false)
+  const isAccepted = ref<boolean>(false)
+
+  const setAccepted = (value: boolean) => {
+    isAccepted.value = value
+  }
+
+  const reset = () => {
+    isAccepted.value = false
+  }
+
+  return {
+    modalPrivacy,
+    isAccepted,
+    setAccepted,
+    reset,
+  }
+})
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a64742b..cfc598a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -7,6 +7,8 @@ import Camera from 'simple-vue-camera'
 import config from '@/app.config'
 import http from '@/plugins/http'
 import { useCounterMixin } from '@/stores/mixin'
+import { usePermissions } from '@/composables/usePermissions'
+import { usePrivacyStore } from '@/stores/privacy'
 
 import type { FormRef, OptionReason } from '@/interface/response/checkin'
 
@@ -15,6 +17,8 @@ import MapCheck from '@/components/AscGISMap.vue'
 const mixin = useCounterMixin()
 const { date2Thai, showLoader, hideLoader, messageError, dialogConfirm } = mixin
 const $q = useQuasar()
+const { checkCameraPermission, checkLocationPermission } = usePermissions()
+const privacyStore = usePrivacyStore()
 
 const modalTime = ref<boolean>(false) // Dailog ลงเวลาเข้างานของคุณ
 const checkStatus = ref<string>('')
@@ -261,6 +265,12 @@ async function stopChecking() {
 
 /** function เปิดกล้อง*/
 async function openCamera() {
+  // เช็คสิทธิ์ privacy ก่อนเปิดกล้อง
+  if (!checkCameraPermission()) {
+    
+    return
+  }
+  
   // change camera device
   if (cameraIsOn.value) {
     await camera.value?.stop()
@@ -336,6 +346,11 @@ const timeChickin = ref<string>('') //เวลาเข้างาน,เว
 
 /** function ยืนยันการลงเวลาเข้า - ออก*/
 async function confirm() {
+  // เช็คสิทธิ์ privacy ก่อนใช้งานแผนที่และกล้อง
+  if (!checkLocationPermission() || !checkCameraPermission()) {
+    return
+  }
+  
   if (!formLocation.POI || !formLocation.lat || !formLocation.lng) {
     mapRef.value?.requestLocationPermission()
     return
@@ -473,7 +488,11 @@ onMounted(async () => {
   isLoadingCheckTime.value = true
   updateClock()
   startChecking() //เช็ค status จาก คิว #1
-  mapRef.value?.requestLocationPermission()
+  
+  // เรียกแผนที่เฉพาะเมื่อยอมรับ privacy แล้ว
+  if (privacyStore.isAccepted) {
+    mapRef.value?.requestLocationPermission()
+  }
 })
 </script>
 
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index 37151eb..18c30d0 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -8,6 +8,7 @@ import config from '@/app.config'
 import avatar from '@/assets/avatar_user.jpg'
 import { logout, tokenParsed, getCookie } from '@/plugins/auth'
 import { useCounterMixin } from '@/stores/mixin'
+import { usePrivacyStore } from '@/stores/privacy'
 
 import type { notiType } from '@/interface/index/Main'
 import type { Noti } from '@/interface/response/Main'
@@ -16,6 +17,7 @@ import DialogHeader from '@/components/DialogHeader.vue'
 import PopupPrivacy from '@/components/PopupPrivacy.vue'
 
 const mixin = useCounterMixin()
+const privacyStore = usePrivacyStore()
 const {
   date2Thai,
   hideLoader,
@@ -56,8 +58,6 @@ const isPwdOld = ref<boolean>(true)
 const isPwdNewOld = ref<boolean>(true)
 const isPwdReNewOld = ref<boolean>(true)
 
-const modalPrivacy = ref<boolean>(false)
-
 /**
  *  ฟังก์ชั่นดึงข้อมูลจำนวนการแจ้งเตือน
  */
@@ -173,7 +173,7 @@ async function fetchKeycloakPosition() {
     .get(config.API.keycloakPosition())
     .then(async (res) => {
       const data = await res.data.result
-      modalPrivacy.value = !data.privacyCheckin ? true : false
+      privacyStore.modalPrivacy = !data.privacyCheckin ? true : false
       //เช็คว่ามีรูปไหม ถ้ามีรูปเรียกข้อมูลรูป
       if (data.avatarName) {
         await getImg(data.profileId, data.avatarName)
@@ -606,7 +606,7 @@ onMounted(async () => {
     </q-card>
   </q-dialog>
 
-  <popup-privacy v-model:modal="modalPrivacy" />
+  <popup-privacy v-model:modal="privacyStore.modalPrivacy" />
 </template>
 
 <style>

From 112e6911adfeaa784f3345652c4c392efea888e6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Jan 2026 15:01:13 +0700
Subject: [PATCH 3/6] fix

---
 src/components/PopupPrivacy.vue   | 18 ++++++++++-
 src/composables/usePermissions.ts | 53 ++++++++++++++++---------------
 src/views/HomeView.vue            | 13 ++++----
 3 files changed, 50 insertions(+), 34 deletions(-)

diff --git a/src/components/PopupPrivacy.vue b/src/components/PopupPrivacy.vue
index df4f675..dd9debf 100644
--- a/src/components/PopupPrivacy.vue
+++ b/src/components/PopupPrivacy.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, nextTick } from 'vue'
 import { useQuasar } from 'quasar'
 import http from '@/plugins/http'
 import config from '@/app.config'
@@ -53,6 +53,7 @@ const privacyContent = {
   },
 }
 
+const scrollContainer = ref<HTMLElement | null>(null)
 const hasScrolledToBottom = ref(false)
 const acceptPrivacy = ref(false)
 const showDetails = ref(false)
@@ -60,6 +61,7 @@ const isAcceptDisabled = computed(() => !acceptPrivacy.value)
 
 const handleScroll = (event: Event) => {
   const target = event.target as HTMLElement
+
   if (!target) return
 
   const { scrollTop, scrollHeight, clientHeight } = target
@@ -82,6 +84,20 @@ const handleAccept = async () => {
 
 const toggleDetails = () => {
   showDetails.value = !showDetails.value
+  checkIfScrollable()
+}
+
+const checkIfScrollable = () => {
+  nextTick(() => {
+    const container = scrollContainer.value?.$el || scrollContainer.value
+    if (container) {
+      const { scrollHeight, clientHeight } = container
+
+      if (scrollHeight <= clientHeight + 20) {
+        hasScrolledToBottom.value = true
+      }
+    }
+  })
 }
 </script>
 
diff --git a/src/composables/usePermissions.ts b/src/composables/usePermissions.ts
index 93a9a09..dd624d8 100644
--- a/src/composables/usePermissions.ts
+++ b/src/composables/usePermissions.ts
@@ -5,34 +5,35 @@ export function usePermissions() {
   const $q = useQuasar()
   const privacyStore = usePrivacyStore()
 
-  const checkCameraPermission = (): boolean => {
-    if (!privacyStore.isAccepted) {
-      privacyStore.modalPrivacy = true
-      $q.notify({
-        type: 'warning',
-        message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานกล้อง',
-        position: 'top',
-      })
-      return false
-    }
-    return true
-  }
+  // const checkCameraPermission = (): boolean => {
+  //   if (!privacyStore.isAccepted) {
+  //     privacyStore.modalPrivacy = true
+  //     $q.notify({
+  //       type: 'warning',
+  //       message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานกล้อง',
+  //       position: 'top',
+  //     })
+  //     return false
+  //   }
+  //   return true
+  // }
 
-  const checkLocationPermission = (): boolean => {
-    if (!privacyStore.isAccepted) {
-      privacyStore.modalPrivacy = true
-      $q.notify({
-        type: 'warning',
-        message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานแผนที่',
-        position: 'top',
-      })
-      return false
-    }
-    return true
-  }
+  // const checkLocationPermission = (): boolean => {
+  //   if (!privacyStore.isAccepted) {
+  //     privacyStore.modalPrivacy = true
+  //     $q.notify({
+  //       type: 'warning',
+  //       message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งานแผนที่',
+  //       position: 'top',
+  //     })
+  //     return false
+  //   }
+  //   return true
+  // }
 
   const checkPrivacyAccepted = (): boolean => {
     if (!privacyStore.isAccepted) {
+      privacyStore.modalPrivacy = true
       $q.notify({
         type: 'warning',
         message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งาน',
@@ -44,8 +45,8 @@ export function usePermissions() {
   }
 
   return {
-    checkCameraPermission,
-    checkLocationPermission,
+    // checkCameraPermission,
+    // checkLocationPermission,
     checkPrivacyAccepted,
   }
 }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index cfc598a..34369c2 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -17,7 +17,7 @@ import MapCheck from '@/components/AscGISMap.vue'
 const mixin = useCounterMixin()
 const { date2Thai, showLoader, hideLoader, messageError, dialogConfirm } = mixin
 const $q = useQuasar()
-const { checkCameraPermission, checkLocationPermission } = usePermissions()
+const { checkPrivacyAccepted } = usePermissions()
 const privacyStore = usePrivacyStore()
 
 const modalTime = ref<boolean>(false) // Dailog ลงเวลาเข้างานของคุณ
@@ -266,11 +266,10 @@ async function stopChecking() {
 /** function เปิดกล้อง*/
 async function openCamera() {
   // เช็คสิทธิ์ privacy ก่อนเปิดกล้อง
-  if (!checkCameraPermission()) {
-    
+  if (!checkPrivacyAccepted()) {
     return
   }
-  
+
   // change camera device
   if (cameraIsOn.value) {
     await camera.value?.stop()
@@ -347,10 +346,10 @@ const timeChickin = ref<string>('') //เวลาเข้างาน,เว
 /** function ยืนยันการลงเวลาเข้า - ออก*/
 async function confirm() {
   // เช็คสิทธิ์ privacy ก่อนใช้งานแผนที่และกล้อง
-  if (!checkLocationPermission() || !checkCameraPermission()) {
+  if (!checkPrivacyAccepted()) {
     return
   }
-  
+
   if (!formLocation.POI || !formLocation.lat || !formLocation.lng) {
     mapRef.value?.requestLocationPermission()
     return
@@ -488,7 +487,7 @@ onMounted(async () => {
   isLoadingCheckTime.value = true
   updateClock()
   startChecking() //เช็ค status จาก คิว #1
-  
+
   // เรียกแผนที่เฉพาะเมื่อยอมรับ privacy แล้ว
   if (privacyStore.isAccepted) {
     mapRef.value?.requestLocationPermission()

From d32e72bc1d5f012ed235d31a98b7b5527596acf5 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Jan 2026 15:11:13 +0700
Subject: [PATCH 4/6] fix:notify_privacyisAccepted

---
 src/composables/usePermissions.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/composables/usePermissions.ts b/src/composables/usePermissions.ts
index dd624d8..ecf1ef3 100644
--- a/src/composables/usePermissions.ts
+++ b/src/composables/usePermissions.ts
@@ -34,11 +34,11 @@ export function usePermissions() {
   const checkPrivacyAccepted = (): boolean => {
     if (!privacyStore.isAccepted) {
       privacyStore.modalPrivacy = true
-      $q.notify({
-        type: 'warning',
-        message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งาน',
-        position: 'top',
-      })
+      // $q.notify({
+      //   type: 'warning',
+      //   message: 'กรุณายอมรับนโยบายคุ้มครองข้อมูลส่วนบุคคลก่อนใช้งาน',
+      //   position: 'center',
+      // })
       return false
     }
     return true

From 3b4d89da48fb88ce7aa5a0ac399b1e5d19eea555 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Jan 2026 16:04:26 +0700
Subject: [PATCH 5/6] fix:setAccepted

---
 src/views/HomeView.vue | 11 ++++++++++-
 src/views/MainView.vue |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 34369c2..ae79034 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, watch } from 'vue'
 import { is, useQuasar } from 'quasar'
 import moment from 'moment'
 import Camera from 'simple-vue-camera'
@@ -493,6 +493,15 @@ onMounted(async () => {
     mapRef.value?.requestLocationPermission()
   }
 })
+
+watch(
+  () => privacyStore.isAccepted,
+  (newVal) => {
+    if (newVal) {
+      mapRef.value?.requestLocationPermission()
+    }
+  }
+)
 </script>
 
 <template>
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index 18c30d0..06cafd0 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -174,6 +174,7 @@ async function fetchKeycloakPosition() {
     .then(async (res) => {
       const data = await res.data.result
       privacyStore.modalPrivacy = !data.privacyCheckin ? true : false
+      privacyStore.setAccepted(data.privacyCheckin)
       //เช็คว่ามีรูปไหม ถ้ามีรูปเรียกข้อมูลรูป
       if (data.avatarName) {
         await getImg(data.profileId, data.avatarName)
@@ -286,7 +287,7 @@ const isSsoToken = ref<boolean>(false)
 
 onMounted(async () => {
   fetchTotolNotificate()
-  fetchKeycloakPosition()
+  await fetchKeycloakPosition()
   const checkTokenParsed = await tokenParsed()
   const SSO_TOKEN = await getCookie('SSO')
   isSsoToken.value = SSO_TOKEN === 'y' ? true : false

From 659e934f7c6c6dba2b84fbab9e7b30265f981706 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 19 Jan 2026 16:10:41 +0700
Subject: [PATCH 6/6] fix:display_number_Thai

---
 src/components/PopupPrivacy.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PopupPrivacy.vue b/src/components/PopupPrivacy.vue
index dd9debf..1a77526 100644
--- a/src/components/PopupPrivacy.vue
+++ b/src/components/PopupPrivacy.vue
@@ -297,7 +297,7 @@ const checkIfScrollable = () => {
 } */
 
 .list-style {
-  list-style-type: decimal;
+  list-style-type: thai;
 }
 
 .list-style-disc {