From 90a28484c0ff7fdd36d4380de4bedad5a57d7f05 Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Wed, 20 Sep 2023 07:37:32 +0200
Subject: [PATCH] hide modules not ready

---
 gui_vue/src/components/chat.vue               |  10 -
 gui_vue/src/components/chat_conversations.vue |   3 +-
 gui_vue/src/components/chat_navbar.vue        | 231 +-----------------
 gui_vue/src/components/main.vue               |  13 +-
 gui_vue/src/js/chatHandler.js                 |   2 +-
 5 files changed, 19 insertions(+), 240 deletions(-)

diff --git a/gui_vue/src/components/chat.vue b/gui_vue/src/components/chat.vue
index f863b29f..8ebb3f9c 100644
--- a/gui_vue/src/components/chat.vue
+++ b/gui_vue/src/components/chat.vue
@@ -26,23 +26,13 @@ import {updateAllChat, newMessage} from '../js/chatHandler'
 updateAllChat()
 
 
-
-
 function transmitNewMessage(){
-    console.log(chat.inputText)
-    console.log(chat.selectedCallsign)
-
     newMessage(chat.selectedCallsign, chat.inputText)
 
     // finally do a cleanup
     chat.inputText = ''
-
-
 }
 
-
-
-
 </script>
 
 <template>
diff --git a/gui_vue/src/components/chat_conversations.vue b/gui_vue/src/components/chat_conversations.vue
index 7c18bd33..0b7d85a6 100644
--- a/gui_vue/src/components/chat_conversations.vue
+++ b/gui_vue/src/components/chat_conversations.vue
@@ -25,7 +25,8 @@ function deleteChat(callsign){
 import chat_conversations_entry from './chat_conversations_entry.vue'
 
 function chatSelected(callsign){
-    chat.selectedCallsign = callsign
+
+    chat.selectedCallsign = callsign.toUpperCase()
 
   // scroll message container to bottom
   var messageBody = document.getElementById("message-container");
diff --git a/gui_vue/src/components/chat_navbar.vue b/gui_vue/src/components/chat_navbar.vue
index c38dd70e..7968de38 100644
--- a/gui_vue/src/components/chat_navbar.vue
+++ b/gui_vue/src/components/chat_navbar.vue
@@ -18,7 +18,10 @@ const chat = useChatStore(pinia);
 
 
 function newChat(obj){
-            chat.callsign_list.add(document.getElementById("chatModuleNewDxCall").value)
+
+        let callsign = document.getElementById("chatModuleNewDxCall").value
+        callsign = callsign.toUpperCase()
+            chat.callsign_list.add(callsign)
 
 
 }
@@ -45,241 +48,21 @@ function newChat(obj){
                               title="Start a new chat (enter dx call sign first)"
                               @click="newChat()"
                             >
+                              new chat
                               <i
                                 class="bi bi-pencil-square"
                                 style="font-size: 1.2rem"
                               ></i>
                             </button>
 
-                            <button
-                              type="button"
-                              id="userModalButton"
-                              data-bs-toggle="modal"
-                              data-bs-target="#userModal"
-                              class="btn btn-sm btn-primary ms-2"
-                              title="My station info"
-                            >
-                              <i
-                                class="bi bi-person"
-                                style="font-size: 1.2rem"
-                              ></i>
-                            </button>
-                            <button
-                              type="button"
-                              id="sharedFolderButton"
-                              data-bs-toggle="modal"
-                              data-bs-target="#sharedFolderModal"
-                              class="btn btn-sm btn-primary"
-                              title="My shared folder"
-                            >
-                              <i
-                                class="bi bi-files"
-                                style="font-size: 1.2rem"
-                              ></i>
-                            </button>
+
                           </div>
                         </div>
                         <div class="col-7 ms-2 p-0">
-                          <div class="input-group bottom-0">
-                            <button
-                              class="btn btn-sm btn-outline-secondary me"
-                              id="ping"
-                              type="button"
-                              data-bs-toggle="tooltip"
-                              data-bs-trigger="hover"
-                              data-bs-html="false"
-                              title="Ping remote station"
-                            >
-                              Ping
-                            </button>
 
-                            <button
-                              type="button"
-                              id="userModalDXButton"
-                              data-bs-toggle="modal"
-                              data-bs-target="#userModalDX"
-                              class="btn btn-sm btn-outline-secondary"
-                              title="Request remote station's information"
-                            >
-                              <i
-                                class="bi bi-person"
-                                style="font-size: 1.2rem"
-                              ></i>
-                            </button>
+                        <!-- right side of chat nav bar-->
 
-                            <button
-                              type="button"
-                              id="sharedFolderDXButton"
-                              data-bs-toggle="modal"
-                              data-bs-target="#sharedFolderModalDX"
-                              class="btn btn-sm btn-outline-secondary me-2"
-                              title="Request remote station's shared files"
-                            >
-                              <i
-                                class="bi bi-files"
-                                style="font-size: 1.2rem"
-                              ></i>
-                            </button>
 
-                            <button
-                              type="button"
-                              class="btn btn-small btn-outline-primary dropdown-toggle me-2"
-                              data-bs-toggle="dropdown"
-                              aria-expanded="false"
-                              data-bs-auto-close="outside"
-                              data-bs-trigger="hover"
-                              data-bs-html="false"
-                              title="Message filter"
-                            >
-                              <i class="bi bi-funnel-fill"></i>
-                            </button>
-                            <form class="dropdown-menu p-4" id="frmFilter">
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    checked="true"
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkMessage"
-                                  />
-                                  <label
-                                    class="form-check-label"
-                                    for="chkMessage"
-                                  >
-                                    All Messages
-                                  </label>
-                                </div>
-                              </div>
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    checked="false"
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkNewMessage"
-                                  />
-
-                                  <label
-                                    class="form-check-label"
-                                    for="chkNewMessage"
-                                  >
-                                    Unread Messages
-                                  </label>
-                                </div>
-                              </div>
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkPing"
-                                  />
-                                  <label class="form-check-label" for="chkPing">
-                                    Pings
-                                  </label>
-                                </div>
-                              </div>
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    checked="true"
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkPingAck"
-                                  />
-                                  <label
-                                    class="form-check-label"
-                                    for="chkPingAck"
-                                  >
-                                    Ping-Acks
-                                  </label>
-                                </div>
-                              </div>
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkBeacon"
-                                  />
-                                  <label
-                                    class="form-check-label"
-                                    for="chkBeacon"
-                                  >
-                                    Beacons
-                                  </label>
-                                </div>
-                              </div>
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkRequest"
-                                  />
-                                  <label
-                                    class="form-check-label"
-                                    for="chkRequest"
-                                  >
-                                    Requests
-                                  </label>
-                                </div>
-                              </div>
-                              <div class="mb-1">
-                                <div class="form-check">
-                                  <input
-                                    type="checkbox"
-                                    class="form-check-input"
-                                    id="chkResponse"
-                                  />
-                                  <label
-                                    class="form-check-label"
-                                    for="chkResponse"
-                                  >
-                                    Responses
-                                  </label>
-                                </div>
-                              </div>
-                              <button
-                                type="button"
-                                class="btn btn-primary"
-                                id="btnFilter"
-                              >
-                                Refresh
-                              </button>
-                            </form>
-
-                            <button
-                              id="chatSettingsDropDown"
-                              type="button"
-                              class="btn btn-outline-secondary dropdown-toggle"
-                              data-bs-toggle="dropdown"
-                              aria-expanded="false"
-                              title="More options...."
-                            >
-                              <i class="bi bi-three-dots-vertical"></i>
-                            </button>
-                            <ul
-                              class="dropdown-menu"
-                              aria-labelledby="chatSettingsDropDown"
-                            >
-
-                              <li>
-                                <button
-                                  class="dropdown-item"
-                                  id="openHelpModalchat"
-                                  data-bs-toggle="modal"
-                                  data-bs-target="#chatHelpModal"
-                                >
-                                  <i
-                                    class="bi bi-question-circle"
-                                    style="font-size: 1rem"
-                                  ></i>
-                                  Help
-                                </button>
-                              </li>
-                            </ul>
-                          </div>
                         </div>
                       </div>
                     </div>
diff --git a/gui_vue/src/components/main.vue b/gui_vue/src/components/main.vue
index 84214974..b45247ed 100644
--- a/gui_vue/src/components/main.vue
+++ b/gui_vue/src/components/main.vue
@@ -148,8 +148,9 @@ function changeGuiDesign(design) {
                   ><i class="bi bi-chat-text h3"></i
                 ></a>
 
+
                 <a
-                  class="list-group-item list-group-item-action"
+                  class="list-group-item list-group-item-action d-none"
                   id="list-mesh-list"
                   data-bs-toggle="list"
                   href="#list-mesh"
@@ -157,6 +158,7 @@ function changeGuiDesign(design) {
                   aria-controls="list-mesh"
                   ><i class="bi bi-rocket h3"></i
                 ></a>
+
                 <a
                   class="list-group-item list-group-item-action mt-2 border"
                   id="list-info-list"
@@ -167,8 +169,9 @@ function changeGuiDesign(design) {
                   ><i class="bi bi-info h3"></i
                 ></a>
 
+
                 <a
-                  class="list-group-item list-group-item-action"
+                  class="list-group-item list-group-item-action d-none"
                   id="list-logger-list"
                   data-bs-toggle="list"
                   href="#list-logger"
@@ -274,7 +277,7 @@ function changeGuiDesign(design) {
               </div>
 
               <div
-                class="tab-pane fade"
+                class="tab-pane fade d-none"
                 id="list-mesh"
                 role="tabpanel"
                 aria-labelledby="list-mesh-list"
@@ -325,7 +328,7 @@ function changeGuiDesign(design) {
                     </div>
                   </nav>
 
-                  <div class="tab-content" id="nav-tabContent-Mesh">
+                  <div class="tab-content  d-none" id="nav-tabContent-Mesh">
                     <div
                       class="tab-pane fade show active vw-100 vh-90 overflow-auto"
                       id="nav-route"
@@ -381,6 +384,8 @@ function changeGuiDesign(design) {
                         </div>
                       </div>
                     </div>
+
+
                     <div
                       class="tab-pane fade"
                       id="nav-actions"
diff --git a/gui_vue/src/js/chatHandler.js b/gui_vue/src/js/chatHandler.js
index bc30677f..c2541d03 100644
--- a/gui_vue/src/js/chatHandler.js
+++ b/gui_vue/src/js/chatHandler.js
@@ -128,7 +128,7 @@ export function newMessage(dxcallsign, chatmessage){
         newChatObj.msg = chatmessage
         newChatObj.checksum = file_checksum
         newChatObj.type = message_type
-        newChatObj.status = "transmit"
+        newChatObj.status = "transmitting"
         newChatObj.attempt = 1
         newChatObj.uuid = uuid
         newChatObj._attachments = {