Merge pull request #31 from Frappet/feat/banner

fix

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"

src/components/FooterContact.vue

@@ -0,0 +1,17 @@
+<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"
+        ><a href="tel:0882649800" style="text-decoration: none; color: inherit"
+          >088-264-9800</a
+        ></span
+      >
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>

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>