From 4d9415213b2334b640e0c474e9f5ae8588bf61fe Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Sun, 27 Aug 2023 17:13:55 +0200
Subject: [PATCH] moved mesh module

---
 gui/preload-main.js |  17 ++----
 gui/src/index.html  | 128 +++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 130 insertions(+), 15 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 2cd737cd..58bcbd66 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -6,6 +6,8 @@ const daemon = require("./daemon.js");
 
 
 require("./preload-chat.js");
+require("./preload-mesh.js");
+require("./preload-log.js");
 
 
 
@@ -1640,13 +1642,6 @@ window.addEventListener("DOMContentLoaded", () => {
     );
   });
 
-  document.getElementById("list-logger-list").addEventListener("click", () => {
-    ipcRenderer.send("request-open-tnc-log");
-  });
-
-  document.getElementById("list-mesh-list").addEventListener("click", () => {
-    ipcRenderer.send("request-open-mesh-module");
-  });
 
   // stopTNC button clicked
   document.getElementById("stopTNC").addEventListener("click", () => {
@@ -1752,13 +1747,7 @@ window.addEventListener("DOMContentLoaded", () => {
       sock.disconnectARQ();
     });
 
-  // OPEN CHAT MODULE
-  document.getElementById("list-messages-list").addEventListener("click", () => {
-    let Data = {
-      command: "openRFChat",
-    };
-    //ipcRenderer.send("request-show-chat-window", Data);
-  });
+
 
   document.getElementById("thTime").addEventListener("click", () => {
     if (hslLastSort == 0 && hslLastSortDir == "asc") hslLastSortDir = "desc";
diff --git a/gui/src/index.html b/gui/src/index.html
index c82f27f6..f0aed4d7 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1193,7 +1193,133 @@
         </div>
 
       </div>
-      <div class="tab-pane fade" id="list-mesh" role="tabpanel" aria-labelledby="list-mesh-list">...</div>
+      <div class="tab-pane fade" id="list-mesh" role="tabpanel" aria-labelledby="list-mesh-list">
+<div class="container">
+            <nav>
+      <div class="nav nav-tabs" id="nav-tab-mesh" role="tablist-mesh">
+        <button
+          class="nav-link active"
+          id="nav-route-tab"
+          data-bs-toggle="tab"
+          data-bs-target="#nav-route"
+          type="button"
+          role="tab"
+          aria-controls="nav-route"
+          aria-selected="true"
+        >
+          Routes
+        </button>
+        <button
+          class="nav-link"
+          id="nav-signaling-tab"
+          data-bs-toggle="tab"
+          data-bs-target="#nav-signaling"
+          type="button"
+          role="tab"
+          aria-controls="nav-signaling"
+          aria-selected="false"
+        >
+          Signaling
+        </button>
+        <button
+          class="nav-link"
+          id="nav-actions-tab"
+          data-bs-toggle="tab"
+          data-bs-target="#nav-actions"
+          type="button"
+          role="tab"
+          aria-controls="nav-actions"
+          aria-selected="false"
+        >
+          Actions
+        </button>
+      </div>
+    </nav>
+
+            <div class="tab-content" id="nav-tabContent-Mesh">
+      <div
+        class="tab-pane fade show active vw-100 vh-90 overflow-auto"
+        id="nav-route"
+        role="tabpanel"
+        aria-labelledby="nav-route-tab"
+      >
+        <div class="container-fluid">
+          <div
+            class="table-responsive overflow-auto"
+            style="max-width: 99vw; max-height: 99vh"
+          >
+            <table class="table table-hover table-sm">
+              <thead>
+                <tr>
+                  <th scope="col">Timestamp</th>
+                  <th scope="col">DXCall</th>
+                  <th scope="col">Router</th>
+                  <th scope="col">Hops</th>
+                  <th scope="col">Score</th>
+                  <th scope="col">SNR</th>
+                </tr>
+              </thead>
+              <tbody id="mesh-table"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div
+        class="tab-pane fade"
+        id="nav-signaling"
+        role="tabpanel"
+        aria-labelledby="nav-signaling-tab"
+      >
+        <div class="container-fluid">
+          <div
+            class="table-responsive overflow-auto"
+            style="max-width: 99vw; max-height: 99vh"
+          >
+            <table class="table table-hover table-sm">
+              <thead>
+                <tr>
+                  <th scope="col">Timestamp</th>
+                  <th scope="col">Destination</th>
+                  <th scope="col">Origin</th>
+                  <th scope="col">Frametype</th>
+                  <th scope="col">Payload</th>
+                  <th scope="col">Attempt</th>
+                  <th scope="col">Status</th>
+                </tr>
+              </thead>
+              <tbody id="mesh-signalling-table"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div
+        class="tab-pane fade"
+        id="nav-actions"
+        role="tabpanel-mesh"
+        aria-labelledby="nav-actions-tab"
+      >
+        <div class="input-group mt-1">
+          <input
+            type="text"
+            class="form-control"
+            style="max-width: 6rem; text-transform: uppercase"
+            placeholder="DXcall"
+            pattern="[A-Z]*"
+            id="dxCallMesh"
+            maxlength="11"
+            aria-label="Input group"
+            aria-describedby="btnGroupAddon"
+          />
+          <button id="transmit_mesh_ping" type="button" class="btn btn-primary">
+            mesh ping
+          </button>
+        </div>
+      </div>
+    </div>
+
+</div>
+
+      </div>
       <div class="tab-pane fade" id="list-info" role="tabpanel" aria-labelledby="list-info-list">