reply message

src/modules/01_dashboard/views/Dashboard.vue

@@ -6,6 +6,7 @@ import router from "@/router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
+import PopupReplyInbox from "@/components/PopupReplyInbox.vue";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
@@ -117,7 +118,18 @@ const fetchlistInbox = async () => {
 const transferToPage = (path?: string) => {
   router.push(`${path}`);
 };
+
+// Dialog Reply
+const modalReply = ref<boolean>(false);
+function dialogRepleOpen() {
+  modalReply.value = true;
+}
+
+function modalReplyClose() {
+  modalReply.value = false;
+}
 </script>
+
 <template>
   <div class="col-12 row q-col-gutter-md" style="padding-top: 1.8%">
     <div class="col-12 row" v-if="!$q.screen.gt.xs">
@@ -177,16 +189,17 @@ const transferToPage = (path?: string) => {
           <div class="text-subtitle1 text-weight-bold text-dark">
             กล่องข้อความ
           </div>
-          <q-space />
+          <!-- <q-space />
           <q-btn
             dense
             icon="mdi-dots-vertical"
             color="grey-6"
             size="11px"
             flat
-          />
+          /> -->
         </div>
-        <q-scroll-area style="height: 64vh" v-if="inboxList.length > 1">
+
+        <q-scroll-area style="height: 64vh" v-if="inboxList.length > 0">
           <q-list
             v-for="(contact, index) in inboxList"
             :key="index"
@@ -210,6 +223,26 @@ const transferToPage = (path?: string) => {
               <q-item-section side top>
                 <q-item-label caption>{{ contact.timereceive }}</q-item-label>
               </q-item-section>
+
+              <q-item-section side top>
+                <q-btn
+                  flat
+                  round
+                  dense
+                  icon="mdi-reply"
+                  size="10px"
+                  color="grey-7"
+                  @click="dialogRepleOpen()"
+                >
+                  <q-tooltip>ตอบกลับข้อความ</q-tooltip>
+                </q-btn>
+
+                <PopupReplyInbox
+                  :modal="modalReply"
+                  :idInbox="contact.no"
+                  :click-close="modalReplyClose"
+                />
+              </q-item-section>
             </q-item>
           </q-list>
         </q-scroll-area>