Merge pull request #1561 from Frappet/feat/banner

feat: add contact banner

src/components/Dialogs/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();
@@ -391,7 +392,11 @@ function onClose() {
         </q-card-section>
 
         <q-separator />
-        <q-card-actions align="right">
+        <q-card-actions class="q-px-sm items-center">
+          <div class="row items-center q-pa-sm">
+            <FooterContact />
+          </div>
+          <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/Error404NotFound.vue

@@ -22,6 +22,12 @@ export default defineComponent({
         label="กลับไปหน้าหลัก"
         no-caps
       />
+
+      <div class="q-mt-xl text-subtitle1">
+        <q-icon name="mdi-alert-circle-outline" size="20px" class="q-mr-sm" />
+        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
+        <span class="text-weight-bold q-ml-xs">088-264-9800</span>
+      </div>
     </div>
   </div>
 </template>

src/views/ErrorPermission.vue

@@ -18,6 +18,12 @@
         label="กลับหน้าหลัก"
         no-caps
       />
+
+      <div class="q-mt-xl text-subtitle1 text-grey-8">
+        <q-icon name="mdi-alert-circle-outline" size="20px" class="q-mr-sm" />
+        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
+        <span class="text-weight-bold text-dark q-ml-xs">088-264-9800</span>
+      </div>
     </div>
   </div>
 </template>

src/views/MainLayout.vue

@@ -28,6 +28,7 @@ import { tabList, tabListPlacement } from "../interface/request/main/main";
 
 import LoginLinkage from "@/components/LoginLinkage.vue";
 import DialogDebug from "@/components/Dialogs/DialogDebug.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 // landing page config url
 const configParam = {
@@ -1282,6 +1283,10 @@ function onViewDetailNoti(url: string) {
         <router-view :key="$route.fullPath" />
       </q-page>
     </q-page-container>
+    <q-footer class="bg-grey-1 text-dark q-pa-md" bordered>
+      <FooterContact />
+    </q-footer>
+
     <full-loader :visibility="loader" />
     <LoginLinkage v-model:modal="modalLoginLinkage" />
     <DialogDebug v-model:modal="modalDebug" />