From 13d541bc189e129e0351011f4380211ae532dffb Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 10:39:13 +0700
Subject: [PATCH 1/4] feat: add contact banner

---
 src/components/DialogDebug.vue | 9 ++++++++-
 src/views/MainLayout.vue       | 9 +++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/DialogDebug.vue b/src/components/DialogDebug.vue
index 77d5642..87600b8 100644
--- a/src/components/DialogDebug.vue
+++ b/src/components/DialogDebug.vue
@@ -354,7 +354,14 @@ function onClose() {
         </q-card-section>
 
         <q-separator />
-        <q-card-actions align="right">
+        <q-card-actions class="q-px-md items-center">
+          <div class="text-caption text-grey-8 q-pa-sm">
+            *พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
+            <span class="text-weight-bold text-grey-8 q-ml-xs"
+              >088-264-9800</span
+            >
+          </div>
+          <q-space />
           <q-btn
             type="submit"
             for="#submitForm"
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 3251ecb..ebd4442 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -765,6 +765,15 @@ watch(
         "
       >
         <router-view :key="$route.fullPath" />
+        
+        <!-- Footer Contact Info -->
+        <div class="row justify-center q-mt-sm">
+          <div class="text-caption text-grey-7 row items-center px-4" style="border-radius: 20px; background-color: #f1f5f9; ">
+            พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
+            <q-icon name="mdi-phone" size="16px" class="q-mx-xs" /> 
+            <span class="text-weight-bold">088-264-9800</span>
+          </div>
+        </div>
       </q-page>
     </q-page-container>
   </q-layout>

From a95e502b8dc5fca4255bc4b77abfd896ede27401 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:05:40 +0700
Subject: [PATCH 2/4] fix

---
 src/components/DialogDebug.vue   |  8 ++------
 src/components/FooterContact.vue | 13 +++++++++++++
 src/views/MainLayout.vue         | 14 +++++---------
 3 files changed, 20 insertions(+), 15 deletions(-)
 create mode 100644 src/components/FooterContact.vue

diff --git a/src/components/DialogDebug.vue b/src/components/DialogDebug.vue
index 87600b8..d51100e 100644
--- a/src/components/DialogDebug.vue
+++ b/src/components/DialogDebug.vue
@@ -13,6 +13,7 @@ import config from "@/app.config";
 import type { MenuMainList } from "@/modules/01_dashboard/interface/Main";
 
 import DialogHeader from "@/components/DialogHeader.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 const $q = useQuasar();
 const store = usePositionKeycloakStore();
@@ -355,12 +356,7 @@ function onClose() {
 
         <q-separator />
         <q-card-actions class="q-px-md items-center">
-          <div class="text-caption text-grey-8 q-pa-sm">
-            *พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
-            <span class="text-weight-bold text-grey-8 q-ml-xs"
-              >088-264-9800</span
-            >
-          </div>
+          <FooterContact />
           <q-space />
           <q-btn
             type="submit"
diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
new file mode 100644
index 0000000..fe21234
--- /dev/null
+++ b/src/components/FooterContact.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="row items-center justify-center q-gutter-sm">
+    <q-icon name="support_agent" color="primary" size="sm" />
+    <span class="text-body2">
+      พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
+      <span class="text-weight-medium text-primary">088-264-9800</span>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index ebd4442..f14d08e 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -20,6 +20,7 @@ import { useKpiDataStore } from "@/modules/08_KPI/store";
 
 import DialogResetPass from "@/components/DialogResetPass.vue";
 import DialogDebug from "@/components/DialogDebug.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 // landing page config url
 const configParam = {
@@ -765,17 +766,12 @@ watch(
         "
       >
         <router-view :key="$route.fullPath" />
-        
-        <!-- Footer Contact Info -->
-        <div class="row justify-center q-mt-sm">
-          <div class="text-caption text-grey-7 row items-center px-4" style="border-radius: 20px; background-color: #f1f5f9; ">
-            พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
-            <q-icon name="mdi-phone" size="16px" class="q-mx-xs" /> 
-            <span class="text-weight-bold">088-264-9800</span>
-          </div>
-        </div>
       </q-page>
     </q-page-container>
+
+    <q-footer class="bg-grey-1 text-dark q-pa-md">
+      <FooterContact />
+    </q-footer>
   </q-layout>
 
   <DialogResetPass v-model="modalResetPass" />

From 834355b0440fb81ae4517a574518f2c0f28c1994 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:53:38 +0700
Subject: [PATCH 3/4] fix:tel

---
 src/components/FooterContact.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
index fe21234..d8d7236 100644
--- a/src/components/FooterContact.vue
+++ b/src/components/FooterContact.vue
@@ -3,7 +3,9 @@
     <q-icon name="support_agent" color="primary" size="sm" />
     <span class="text-body2">
       พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
-      <span class="text-weight-medium text-primary">088-264-9800</span>
+      <span class="text-weight-medium text-primary"
+        ><a href="tel:0882649800">088-264-9800</a>
+      </span>
     </span>
   </div>
 </template>

From 2984fb6a56c5bea0453dd2eff3758b56adc6b903 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 12:12:00 +0700
Subject: [PATCH 4/4] fix:style

---
 src/components/FooterContact.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
index d8d7236..45082f5 100644
--- a/src/components/FooterContact.vue
+++ b/src/components/FooterContact.vue
@@ -4,7 +4,9 @@
     <span class="text-body2">
       พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
       <span class="text-weight-medium text-primary"
-        ><a href="tel:0882649800">088-264-9800</a>
+        ><a href="tel:0882649800" style="text-decoration: none; color: inherit"
+          >088-264-9800</a
+        >
       </span>
     </span>
   </div>