เพิ่มส่งข้อความ inbox

src/views/Dashboard.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
-import { useCounterMixin } from "@/stores/mixin";
 
+import { useCounterMixin } from "@/stores/mixin";
+import { tokenParsed } from "@/plugins/auth";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -37,6 +38,8 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
 };
 const isLoadInbox = ref<boolean>(false); // สถานะการโหลด
 const modalReply = ref<boolean>(false); // ตอบกลับข้อความ
+const modalAdministrator = ref<boolean>(false); //ส่งข้อความไปยังผู้ดูแลระบบของหน่วยงาน
+const isSuperAdmin = ref<boolean>(false);
 
 /**
  * โหลดรายการกล่องข้องความ
@@ -156,6 +159,7 @@ function dialogRepleOpen() {
  */
 function modalReplyClose() {
   modalReply.value = false;
+  modalAdministrator.value = false;
 }
 
 /**
@@ -176,6 +180,11 @@ function onLoad(index: number, done: Function) {
 
 onMounted(async () => {
   await getData(1);
+  //  ดิงชื่อผู้ใช้งานจาก keycloak
+  const tokenParsedData = await tokenParsed();
+  if (tokenParsedData != null) {
+    isSuperAdmin.value = tokenParsedData.role.includes("SUPER_ADMIN");
+  }
 });
 </script>
 
@@ -197,7 +206,21 @@ onMounted(async () => {
         :style="$q.screen.gt.xs ? 'height: 80vh' : 'height: auto;'"
       >
         <div class="q-px-md q-py-sm row col-12 items-center">
-          <div class="text-subtitle1 text-weight-medium">กล่องข้อความ</div>
+          <div class="text-subtitle1 text-weight-medium">
+            กล่องข้อความ
+            <q-btn
+              v-if="isSuperAdmin"
+              flat
+              round
+              dense
+              icon="add"
+              size="10px"
+              color="add"
+              @click="modalAdministrator = true"
+            >
+              <q-tooltip>ส่งข้อความไปยังผู้ดูแลระบบของหน่วยงาน</q-tooltip>
+            </q-btn>
+          </div>
           <q-space />
           <div v-if="totalInbox" class="text-grey-5" style="font-size: 12px">
             ทั้งหมด {{ totalInbox }} ข้อความ
@@ -387,6 +410,12 @@ onMounted(async () => {
       </q-card>
     </template>
   </q-splitter>
+
+  <PopupReplyInbox
+    :modal="modalAdministrator"
+    :click-close="modalReplyClose"
+    type="Administrator"
+  />
 </template>
 
 <style>