From b93a6a57f21fbf35649cfeb19085de947fb50c56 Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Mon, 16 Oct 2023 17:26:28 +0200
Subject: [PATCH] message info for received messages

---
 .../src/components/chat_messages_received.vue | 19 +++++++++++++-
 gui_vue/src/components/main_active_stats.vue  | 25 +++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/gui_vue/src/components/chat_messages_received.vue b/gui_vue/src/components/chat_messages_received.vue
index 9c31ffb3..32845a9c 100644
--- a/gui_vue/src/components/chat_messages_received.vue
+++ b/gui_vue/src/components/chat_messages_received.vue
@@ -23,6 +23,17 @@
 
     <!-- Delete button outside of the card -->
     <div class="col-auto">
+
+     <button
+        class="btn btn-outline-secondary border-0 me-1"
+        @click="showMessageInfo"
+        data-bs-target="#messageInfoModal"
+        data-bs-toggle="modal"
+      >
+        <i class="bi bi-info-circle"></i>
+      </button>
+
+
       <button class="btn btn-outline-secondary border-0" @click="deleteMessage">
         <i class="bi bi-trash"></i>
       </button>
@@ -31,7 +42,7 @@
 </template>
 
 <script>
-import { deleteMessageFromDB } from "../js/chatHandler";
+import { deleteMessageFromDB, requestMessageInfo } from "../js/chatHandler";
 
 export default {
   props: {
@@ -62,6 +73,12 @@ export default {
         return "col-9";
       }
     },
+    showMessageInfo() {
+        requestMessageInfo(this.message._id);
+        //let infoModal = Modal.getOrCreateInstance(document.getElementById('messageInfoModal'))
+        //console.log(this.infoModal)
+        //this.infoModal.show()
+    },
     deleteMessage() {
       deleteMessageFromDB(this.message._id);
     },
diff --git a/gui_vue/src/components/main_active_stats.vue b/gui_vue/src/components/main_active_stats.vue
index 5345a6f4..74d6e7cc 100644
--- a/gui_vue/src/components/main_active_stats.vue
+++ b/gui_vue/src/components/main_active_stats.vue
@@ -257,6 +257,31 @@ export default {
               >
                 busy
               </button>
+
+              <button
+                class="btn btn-sm ms-2 disabled"
+                type="button"
+                data-bs-placement="top"
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
+                data-bs-html="true"
+                v-bind:class="{
+                  'btn-warning': state.channel_busy === 'True',
+                  'btn-outline-secondary': state.channel_busy === 'False',
+                }"
+                title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
+              >
+                S1
+              </button>
+
+
+
+
+
+
+
+
+
               <button
                 class="btn btn-sm disabled"
                 type="button"