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

---
 src/components/DialogDebug.vue   |  5 ++++-
 src/components/FooterContact.vue | 13 +++++++++++++
 src/views/MainView.vue           |  6 ++++++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/components/FooterContact.vue

diff --git a/src/components/DialogDebug.vue b/src/components/DialogDebug.vue
index 5fa1f3f..ab55a0e 100644
--- a/src/components/DialogDebug.vue
+++ b/src/components/DialogDebug.vue
@@ -11,6 +11,7 @@ import http from '@/plugins/http'
 import config from '@/app.config'
 
 import DialogHeader from '@/components/DialogHeader.vue'
+import FooterContact from '@/components/FooterContact.vue'
 
 const $q = useQuasar()
 const store = usePositionKeycloakStore()
@@ -343,7 +344,9 @@ function onClose() {
         </q-card-section>
 
         <q-separator />
-        <q-card-actions align="right">
+        <q-card-actions class="q-px-md items-center">
+          <FooterContact />
+          <q-space />
           <q-btn
             type="submit"
             for="#submitForm"
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/MainView.vue b/src/views/MainView.vue
index eda5edc..e34ab53 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -17,6 +17,7 @@ import { usePositionKeycloakStore } from '@/stores/positionKeycloak'
 import DialogHeader from '@/components/DialogHeader.vue'
 import PopupPrivacy from '@/components/PopupPrivacy.vue'
 import DialogDebug from '@/components/DialogDebug.vue'
+import FooterContact from '@/components/FooterContact.vue'
 
 const mixin = useCounterMixin()
 const privacyStore = usePrivacyStore()
@@ -561,6 +562,11 @@ onMounted(async () => {
         <router-view :key="$route.fullPath" />
       </q-page>
     </q-page-container>
+
+    <!-- Footer -->
+    <q-footer class="bg-grey-1 text-dark q-pa-md">
+      <footer-contact />
+    </q-footer>
   </q-layout>
 
   <q-dialog v-model="modalReset" persistent>

From 66a48f38302946708ea52af51dcd4f2da33dd864 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:58:46 +0700
Subject: [PATCH 2/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..025aed3 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 fa855b30c84b55f797725f8e3861554f1ef8c07f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 12:12:40 +0700
Subject: [PATCH 3/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 025aed3..4df5d53 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></span
+        ><a href="tel:0882649800" style="text-decoration: none; color: inherit"
+          >088-264-9800</a
+        ></span
       >
     </span>
   </div>

From f53327e2d9b8d71373783d4f5844082c81763d4d Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Fri, 27 Mar 2026 20:57:24 +0700
Subject: [PATCH 4/4] fix on mobile hidden contact

---
 src/views/MainView.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index e34ab53..c8bc1d8 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -564,7 +564,10 @@ onMounted(async () => {
     </q-page-container>
 
     <!-- Footer -->
-    <q-footer class="bg-grey-1 text-dark q-pa-md">
+    <q-footer
+      class="bg-grey-1 text-dark q-pa-md"
+      :class="$q.screen.xs ? 'hidden' : ''"
+    >
       <footer-contact />
     </q-footer>
   </q-layout>
@@ -720,4 +723,8 @@ onMounted(async () => {
   background-color: #016987;
   color: #fff;
 }
+
+.hidden {
+  display: none !important;
+}
 </style>