From 236dd75d38710ff3671ec9f2cb1395ab0fed3e15 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Fri, 3 Feb 2023 17:14:02 -0500
Subject: [PATCH 01/32] Less fancy graphics if !high_graphics

---
 gui/preload-main.js | 50 +++++++++++++++------------------------------
 1 file changed, 17 insertions(+), 33 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index b9ec859b..8143b36b 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1902,45 +1902,27 @@ var speedChartOptions = {
         document.getElementById("rigctld_state").className = "btn btn-secondary btn-sm";
     }
 
+   let bcn = document.getElementById("startBeacon");
 
-
-    // BEACON STATE
-    /*
-    if (arg.beacon_state == 'True') {
-        document.getElementById("startBeacon").className = "btn btn-sm btn-success spinner-grow";
-        document.getElementById("startBeacon").disabled = true;
-        document.getElementById("beaconInterval").disabled = true;
-        document.getElementById("stopBeacon").disabled = false;
-    } else if (arg.beacon_state == 'False') {
-        document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-        document.getElementById("startBeacon").disabled = false;
-        document.getElementById("beaconInterval").disabled = false;
-        document.getElementById("stopBeacon").disabled = true;
-    } else {
-        document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-        document.getElementById("startBeacon").disabled = false;
-        document.getElementById("stopBeacon").disabled = true;
-        document.getElementById("beaconInterval").disabled = false;
-    }
-    */
     switch (arg.beacon_state){
         case 'True':
-            document.getElementById("startBeacon").className = "btn btn-sm btn-success spinner-grow";
-            document.getElementById("startBeacon").disabled = true;
+            if (config.high_graphics.toUpperCase() == "TRUE") {
+               bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
+                document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
+            } else {
+                bcn.className = "btn btn-sm btn-success";
+                document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1 text-success text-uppercase");
+            }
+            bcn.disabled = true;
             document.getElementById("beaconInterval").disabled = true;
             document.getElementById("stopBeacon").disabled = false;
             break;
-        case 'False':
-            document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-            document.getElementById("startBeacon").disabled = false;
-            document.getElementById("beaconInterval").disabled = false;
-            document.getElementById("stopBeacon").disabled = true;
-            break;
         default:
-            document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-            document.getElementById("startBeacon").disabled = false;
-            document.getElementById("stopBeacon").disabled = true;
+            document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
+            bcn.className = "btn btn-sm btn-success";
+            bcn.disabled = false;
             document.getElementById("beaconInterval").disabled = false;
+            document.getElementById("stopBeacon").disabled = true;
             break;
     }
     // dbfs
@@ -2954,11 +2936,13 @@ function set_CPU_mode() {
         toggleClass("transmission_progress","progress-bar-striped",true);
     }
 }
-//Teomporarily disable a button with timeout
+//Temporarily disable a button with timeout
 function pauseButton(btn, timems) {
     btn.disabled = true;
     var curText = btn.innerHTML;
-    btn.innerHTML = "<span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\">";
+    if (config.high_graphics.toUpperCase() == "TRUE") {
+        btn.innerHTML = "<span class=\"spinner-grow spinner-grow-sm force-gpu\" role=\"status\" aria-hidden=\"true\">";
+    }
   setTimeout(()=>{
     btn.innerHTML=curText;
     btn.disabled = false;}, timems)

From 877f8f468cd08da5ca25e0acbf3f9f70dd6b2f79 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Fri, 3 Feb 2023 17:17:15 -0500
Subject: [PATCH 02/32] Add id to beacon text, move fancy gui setting with
 other gui settings

---
 gui/src/index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 3b41caa6..a875e712 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -814,7 +814,7 @@
 								<div class="col-md-auto">
 									<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
 										<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i> </button>
-										<div class="input-group-text p-1">Beacon</div>
+										<div id="txtBeacon" class="input-group-text p-1">Beacon</div>
 										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
 											<option value="5">5s</option>
 											<option selected value="10">10s</option>
@@ -1214,6 +1214,15 @@
 							<option value="6">Binary</option>
 						</select>
 					</div>
+					<div class="input-group  input-group-sm mb-1">
+						<label class="input-group-text w-50">Enable Fancy GUI</label>
+						<label class="input-group-text bg-white w-50">
+							<div class="form-check form-switch form-check-inline">
+								<input class="form-check-input" type="checkbox" id="GraphicsSwitch">
+								<label class="form-check-label" for="GraphicsSwitch">Higher CPU Usage</label>
+							</div>
+						</label>
+					</div>
 					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
 						<select class="form-select form-select-sm w-50" id="update_channel_selector">
 							<option value="latest">stable</option>
@@ -1315,15 +1324,6 @@
 							</select>
 						</label>
 					</div>
-					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable Fancy GUI</label>
-						<label class="input-group-text bg-white w-50">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="GraphicsSwitch">
-								<label class="form-check-label" for="GraphicsSwitch">Higher CPU Usage</label>
-							</div>
-						</label>
-					</div>
 				</div>
 			</div>
 		</div>

From cf5d25a8e7447184aa43c2535a12a07ff9946e9c Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 00:28:28 -0500
Subject: [PATCH 03/32] Small tweaks, cleanup

---
 gui/preload-main.js | 157 ++------------------------------------------
 1 file changed, 6 insertions(+), 151 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 8143b36b..db81343a 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1484,14 +1484,6 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
             };
             ipcRenderer.send('request-show-chat-window', Data);    
     })
-
-
-    
-    
-    
-    
-
-  
 })
 
 //Listen for events caused by tnc 'tnc-message's
@@ -1563,9 +1555,7 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
     // DATA STATE
     global.rxBufferLengthTnc = arg.rx_buffer_length
 
-
     // START OF SCATTER CHART
-
     const scatterConfig = {
                 plugins: {
                     legend: {
@@ -1574,7 +1564,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                     tooltip: {
                         enabled: false
                     },
-                    
                     annotation: {
                         annotations: {
                             line1: {
@@ -1593,9 +1582,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                             }
                          }   
                      },   
-        
-        
-        
                 },
                 animations: false,
                 scales: {
@@ -1610,7 +1596,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                         }            
                     },
                     y: {
-                    
                         display: true,
                         min: -80,
                         max: 80,
@@ -1654,7 +1639,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
     // END OF SCATTER CHART
 
     // START OF SPEED CHART
-
     var speedDataTime = []
 
     if (typeof(arg.speed_list) == 'undefined') {
@@ -1683,7 +1667,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
         speedDataSnr.push(arg.speed_list[i].snr)
     }
 
-
     var speedChartConfig = {
       type: 'line',
     };
@@ -1710,7 +1693,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                 yAxisID: 'SPEED',
             }
         ],
-
     };
 
 var speedChartOptions = {
@@ -1748,19 +1730,9 @@ var speedChartOptions = {
             global.speedChart.update();
         }
     }
-
     // END OF SPEED CHART
 
     // PTT STATE
-    /*
-    if (arg.ptt_state == 'True') {
-        document.getElementById("ptt_state").className = "btn btn-sm btn-danger";
-    } else if (arg.ptt_state == 'False') {
-        document.getElementById("ptt_state").className = "btn btn-sm btn-success";
-    } else {
-        document.getElementById("ptt_state").className = "btn btn-sm btn-secondary";
-    }
-    */
     switch (arg.ptt_state){
         case 'True':
             document.getElementById("ptt_state").className = "btn btn-sm btn-danger";
@@ -1771,33 +1743,16 @@ var speedChartOptions = {
         default:
             document.getElementById("ptt_state").className = "btn btn-sm btn-secondary";
             break;
-
     }
+
     // AUDIO RECORDING
     if (arg.audio_recording == 'True') {
-        document.getElementById("startStopRecording").className = "btn btn-sm btn-danger";
         document.getElementById("startStopRecording").textContent = "Stop Rec"
-    } else if (arg.ptt_state == 'False') {
-        document.getElementById("startStopRecording").className = "btn btn-sm btn-danger";
-        document.getElementById("startStopRecording").textContent = "Start Rec"
     } else {
-        document.getElementById("startStopRecording").className = "btn btn-sm btn-danger";
         document.getElementById("startStopRecording").textContent = "Start Rec"
     }
 
     // CHANNEL BUSY STATE
-    /*
-    if (arg.channel_busy == 'True') {
-        document.getElementById("channel_busy").className = "btn btn-sm btn-danger";
-
-    } else if (arg.channel_busy == 'False') {
-        document.getElementById("channel_busy").className = "btn btn-sm btn-success";
-
-    } else {
-        document.getElementById("channel_busy").className = "btn btn-sm btn-secondary";
-
-    }
-    */
     switch (arg.channel_busy){
         case 'True':
             document.getElementById("channel_busy").className = "btn btn-sm btn-danger";
@@ -1811,19 +1766,6 @@ var speedChartOptions = {
     }
 
     // BUSY STATE
-    /*
-    if (arg.busy_state == 'BUSY') {
-        document.getElementById("busy_state").className = "btn btn-sm btn-danger";
-        document.getElementById("startTransmission").disabled = true;
-        //document.getElementById("stopTransmission").disabled = false;
-    } else if (arg.busy_state == 'IDLE') {
-        document.getElementById("busy_state").className = "btn btn-sm btn-success";
-    } else {
-        document.getElementById("busy_state").className = "btn btn-sm btn-secondary";
-        document.getElementById("startTransmission").disabled = true;
-        //document.getElementById("stopTransmission").disabled = false;
-    }
-    */
     switch(arg.busy_state){
         case 'BUSY':
             document.getElementById("busy_state").className = "btn btn-sm btn-danger";
@@ -1839,57 +1781,22 @@ var speedChartOptions = {
     }
 
     // ARQ STATE
-    /*
-    if (arg.arq_state == 'True') {
-        document.getElementById("arq_state").className = "btn btn-sm btn-warning";
-        //document.getElementById("startTransmission").disabled = true;
-        document.getElementById("startTransmission").disabled = false;
-        //document.getElementById("stopTransmission").disabled = false;
-    } else if (arg.arq_state == 'False') {
-        document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
-        document.getElementById("startTransmission").disabled = false;
-        //document.getElementById("stopTransmission").disabled = true;
-    } else {
-        document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
-        //document.getElementById("startTransmission").disabled = true;
-        document.getElementById("startTransmission").disabled = false;
-        //document.getElementById("stopTransmission").disabled = false;
-    }
-    */
     switch (arg.arq_state){
         case 'True':
             document.getElementById("arq_state").className = "btn btn-sm btn-warning";
             document.getElementById("startTransmission").disabled = false;
             break;
-        case 'False':
-            document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
-            document.getElementById("startTransmission").disabled = false;
-            break;
         default:
             document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
             document.getElementById("startTransmission").disabled = false;
             break;
     }
-    // ARQ SESSION
-    /*
-    if (arg.arq_session == 'True') {
-        document.getElementById("arq_session").className = "btn btn-sm btn-warning";
 
-    } else if (arg.arq_session == 'False') {
-        document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-
-    } else {
-        document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-
-    }
-    */
+ // ARQ SESSION
     switch (arg.arq_session){
         case 'True':
             document.getElementById("arq_session").className = "btn btn-sm btn-warning";
             break;
-        case 'False':
-            document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-            break;
         default:
             document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
             break;
@@ -1902,12 +1809,13 @@ var speedChartOptions = {
         document.getElementById("rigctld_state").className = "btn btn-secondary btn-sm";
     }
 
-   let bcn = document.getElementById("startBeacon");
+    // BEACON
+    let bcn = document.getElementById("startBeacon");
 
     switch (arg.beacon_state){
         case 'True':
             if (config.high_graphics.toUpperCase() == "TRUE") {
-               bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
+                bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
                 document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
             } else {
                 bcn.className = "btn btn-sm btn-success";
@@ -1950,23 +1858,6 @@ var speedChartOptions = {
     document.getElementById("bandwidth").textContent = arg.bandwidth;
 
     // SET SPEED LEVEL
-    /*
-    if(arg.speed_level >= 0) {
-        document.getElementById("speed_level").className = "bi bi-reception-1";
-    }
-    if(arg.speed_level >= 1) {
-        document.getElementById("speed_level").className = "bi bi-reception-2";
-    }
-    if(arg.speed_level >= 2) {
-        document.getElementById("speed_level").className = "bi bi-reception-3";
-    }
-    if(arg.speed_level >= 3) {
-        document.getElementById("speed_level").className = "bi bi-reception-4";
-    }
-    if(arg.speed_level >= 4) {
-        document.getElementById("speed_level").className = "bi bi-reception-4";
-    }
-    */
     switch (arg.speed_level){
         case '0':
             document.getElementById("speed_level").className = "bi bi-reception-1";
@@ -1982,8 +1873,6 @@ var speedChartOptions = {
             break;
     }
     
-    
-    
     // SET TOTAL BYTES
     if (typeof(arg.total_bytes) == 'undefined') {
         var total_bytes = 0;
@@ -2022,13 +1911,10 @@ var speedChartOptions = {
             var myGrid = document.getElementById("myGrid").value;
             try {
                 var dist = parseInt(distance(myGrid, dxGrid)) + ' km';
-                //document.getElementById("pingDistance").innerHTML = dist;
                 document.getElementById("dataModalPingDistance").textContent = dist;
             } catch {
-                //document.getElementById("pingDistance").innerHTML = '---';
                 document.getElementById("dataModalPingDistance").textContent = '---';
             }
-            //document.getElementById("pingDB").innerHTML = arg.stations[i]['snr'];
             document.getElementById("dataModalPingDB").textContent = arg.stations[i]['snr'];
         }
 
@@ -2082,17 +1968,7 @@ var speedChartOptions = {
         var dataTypeText = document.createElement('span');
         dataTypeText.innerText = arg.stations[i]['datatype'];
         dataType.appendChild(dataTypeText);
-        /*
-        if(arg.stations[i]['datatype'] == 'DATA-CHANNEL'){
-            dataTypeText.innerText = 'DATA-C';
-            dataType.appendChild(dataTypeText);
-        }
-        
-        if(arg.stations[i]['datatype'] == 'SESSION-HB'){
-            dataTypeText.innerHTML = '<i class="bi bi-heart-pulse-fill"></i>';
-            dataType.appendChild(dataTypeText);
-        }
-        */
+
         switch (arg.stations[i]['datatype']){
             case 'DATA-CHANNEL':
                 dataTypeText.innerText = 'DATA-C';
@@ -2103,28 +1979,7 @@ var speedChartOptions = {
                 dataType.appendChild(dataTypeText);
                 break;
         }
-        /*
-        if (dataTypeText.innerText == 'CQ CQ CQ') {
-            row.classList.add("table-success");
-        }
 
-        if (dataTypeText.innerText == 'DATA-C') {
-            dataTypeText.innerHTML = '<i class="bi bi-file-earmark-binary-fill"></i>';
-            row.classList.add("table-warning");
-        }
-
-        if (dataTypeText.innerText == 'BEACON') {
-            row.classList.add("table-light");
-        }
-
-        if (dataTypeText.innerText == 'PING') {
-            row.classList.add("table-info");
-        }
-
-        if (dataTypeText.innerText == 'PING-ACK') {
-            row.classList.add("table-primary");
-        }
-        */
         switch (dataTypeText.innerText){
             case 'CQ CQ CQ':
                 row.classList.add("table-success");

From 0364ac794e5cb680a2963f15e1b7b55e849839e0 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 06:00:53 -0500
Subject: [PATCH 04/32] Show connected station, show RX byte rate, responsive
 footer

---
 gui/main.js         |    4 +
 gui/preload-main.js |   65 +-
 gui/sock.js         |    3 +
 gui/src/index.html  | 1405 ++++++++++++++++++++++++++-----------------
 4 files changed, 926 insertions(+), 551 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 808a45d8..2f84b768 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -467,6 +467,10 @@ ipcMain.on('request-update-transmission-status', (event, arg) => {
     win.webContents.send('action-update-transmission-status',arg);
 });
 
+ipcMain.on('request-update-reception-status', (event, arg) => {
+    win.webContents.send('action-update-reception-status',arg);
+});
+
 ipcMain.on('request-open-tnc-log', () => {
     logViewer.show();
 });
diff --git a/gui/preload-main.js b/gui/preload-main.js
index db81343a..d8c4c85b 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1486,6 +1486,33 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
     })
 })
 
+//Listen for events caused by tnc 'tnc-message' receiving
+ipcRenderer.on('action-update-reception-status', (event, arg) => {
+    var data =arg["data"][0];
+    //var txprog = document.getElementById("transmission_progress")
+   
+    ipcRenderer.send('request-show-electron-progressbar',data.percent);
+    // SET BYTES PER MINUTE
+    if (typeof(data.bytesperminute) == 'undefined') {
+        var arq_bytes_per_minute = 0;
+    } else {
+        var arq_bytes_per_minute = data.bytesperminute;
+    }
+    document.getElementById("bytes_per_min_rx").textContent = arq_bytes_per_minute;
+    
+    // SET BYTES PER MINUTE COMPRESSED
+    var compress = data.compression;
+    if (isNaN(compress)) {
+        compress = 1;
+    }
+    var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
+    document.getElementById("bytes_per_min_rx").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
+    if (!(typeof(data.dxcallsign) == 'undefined')) {
+        //console.log("Received dxcallsign(rx-status):  ", data.dxcallsign);
+        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
+    }
+});
+
 //Listen for events caused by tnc 'tnc-message's
 ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     var data =arg["data"][0];
@@ -1530,7 +1557,11 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
         compress = 1;
     }
     var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
-    document.getElementById("bytes_per_min_compressed").textContent = arq_bytes_per_minute_compressed;
+    document.getElementById("bytes_per_min").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
+    if (!(typeof(data.dxcallsign) == 'undefined')) {
+        //console.log("Received dxcallsign(tx-status):  ", data.dxcallsign);
+        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
+    }
     
 });
 
@@ -1792,15 +1823,25 @@ var speedChartOptions = {
             break;
     }
 
- // ARQ SESSION
-    switch (arg.arq_session){
-        case 'True':
-            document.getElementById("arq_session").className = "btn btn-sm btn-warning";
-            break;
-        default:
-            document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-            break;
-    }
+     // ARQ SESSION
+     switch (arg.arq_session){
+         case 'True':
+             document.getElementById("arq_session").className = "btn btn-sm btn-warning";
+             break;
+         default:
+             document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
+             break;
+     }
+
+     if (arg.arq_state == 'True' || arg.arq_session == 'True') {
+        toggleClass("spnConnectedWith","text-success",true);
+        if (!(typeof(arg.dxcallsign) == 'undefined')) {
+            //console.log("Received dxcallsign:  " + arg.dxcallsign);
+            document.getElementById("txtConnectedWith").textContent=arg.dxcallsign;
+        }
+     } else {
+        toggleClass("spnConnectedWith","text-success",false);
+     }
 
     // HAMLIB STATUS
     if (arg.hamlib_status == 'connected') {
@@ -1814,6 +1855,7 @@ var speedChartOptions = {
 
     switch (arg.beacon_state){
         case 'True':
+            bcn.disabled = true;    
             if (config.high_graphics.toUpperCase() == "TRUE") {
                 bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
                 document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
@@ -1821,16 +1863,15 @@ var speedChartOptions = {
                 bcn.className = "btn btn-sm btn-success";
                 document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1 text-success text-uppercase");
             }
-            bcn.disabled = true;
             document.getElementById("beaconInterval").disabled = true;
             document.getElementById("stopBeacon").disabled = false;
             break;
         default:
             document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
             bcn.className = "btn btn-sm btn-success";
-            bcn.disabled = false;
             document.getElementById("beaconInterval").disabled = false;
             document.getElementById("stopBeacon").disabled = true;
+            bcn.disabled = false;
             break;
     }
     // dbfs
diff --git a/gui/sock.js b/gui/sock.js
index 545ae9f6..8d956acf 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -346,6 +346,9 @@ client.on('data', function(socketdata) {
                     } else if (data['status'] == 'waiting') {
                         ipcRenderer.send('request-show-arq-toast-datachannel-waiting', {data: [data]});
 
+                     // ARQ RECEIVING
+                    } else if (data['status'] == 'receiving') {
+                        ipcRenderer.send('request-update-reception-status', {data: [data]});
 
                     // ARQ TRANSMISSION FAILED
                     } else if (data['status'] == 'failed') {
diff --git a/gui/src/index.html b/gui/src/index.html
index a875e712..a50f93ca 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -21,32 +21,62 @@
 	<nav class="navbar bg-light fixed-top mt-0 mb-1 pb-1 pt-1 shadow-sm">
 		<div class="container-fluid mt-0">
 			<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
-				<div class="btn-group btn-group-sm me-2" role="group" aria-label="local-remote-switch toggle button group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
-					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1" autocomplete="off" checked>
-					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1"> <i class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i> </label>
-					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2" autocomplete="off">
-					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2"> <i class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i> </label>
+				<div class="btn-group btn-group-sm me-2" role="group"
+					aria-label="local-remote-switch toggle button group" data-bs-placement="bottom"
+					data-bs-toggle="tooltip" data-bs-html="true"
+					title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
+					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1"
+						autocomplete="off" checked>
+					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1"> <i
+							class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i> </label>
+					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2"
+						autocomplete="off">
+					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2"> <i
+							class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i> </label>
 				</div>
-				<div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text" id="basic-addon1">TNC IP</span>
-					<input type="text" class="form-control" placeholder="ip address" id="tnc_adress" value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
-					<input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5" max="65534" min="1025" style="width: 4rem" aria-label="Username" aria-describedby="basic-addon1">
-					<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled> <i class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i> </button>
+				<div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text"
+						id="basic-addon1">TNC IP</span>
+					<input type="text" class="form-control" placeholder="ip address" id="tnc_adress"
+						value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username"
+						aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
+					<input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5"
+						max="65534" min="1025" style="width: 4rem" aria-label="Username"
+						aria-describedby="basic-addon1">
+					<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled> <i
+							class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i> </button>
 				</div>
-				<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Start or stop the TNC process. Please set your audio and radio settings first!">
-					<button type="button" id="startTNC" class="btn btn-sm btn-success"> <i class="bi bi-play-fill" style="font-size: 1rem; color: white;"></i> </button>
+				<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip"
+					data-bs-html="true"
+					title="Start or stop the TNC process. Please set your audio and radio settings first!">
+					<button type="button" id="startTNC" class="btn btn-sm btn-success"> <i class="bi bi-play-fill"
+							style="font-size: 1rem; color: white;"></i> </button>
 					<!-- TNC LOG BUTTON -->
-					<button class="btn btn-sm btn-secondary" id="tncLog" type="button"> <i class="bi bi-activity" style="font-size: 1rem; color: white;"></i> </button>
+					<button class="btn btn-sm btn-secondary" id="tncLog" type="button"> <i class="bi bi-activity"
+							style="font-size: 1rem; color: white;"></i> </button>
 					<!--     <span class="input-group-text" id="tnc_running_state" style="width: 5rem">---</span>-->
-					<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC" class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> </button>
+					<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC"
+						class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill"
+							style="font-size: 1rem; color: white;"></i> </button>
 				</div>
 			</div>
 			<div class="btn-toolbar" role="toolbar">
-				<button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button"> <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> STOP </button>
+				<button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button"> <i
+						class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> STOP </button>
 			</div>
 			<div class="btn-toolbar" role="toolbar">
-				<button class="btn btn-sm btn-primary me-4  position-relative" id="openExplorer" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View explorer map"> <strong>Explorer</strong> <i class="bi bi-pin-map-fill" style="font-size: 1rem; color: white;"></i></button>
-				<button class="btn btn-sm btn-primary me-4  position-relative" id="openRFChat" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Open the HF chat module. This is currently just a test and not finished, yet!"> <strong>RF Chat</strong> <i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span> </button> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View the received files. This is currently under development!">
-           				<!--
+				<button class="btn btn-sm btn-primary me-4  position-relative" id="openExplorer" type="button"
+					data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View explorer map">
+					<strong>Explorer</strong> <i class="bi bi-pin-map-fill"
+						style="font-size: 1rem; color: white;"></i></button>
+				<button class="btn btn-sm btn-primary me-4  position-relative" id="openRFChat" type="button"
+					data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+					title="Open the HF chat module. This is currently just a test and not finished, yet!"> <strong>RF
+						Chat</strong> <i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i>
+					<span
+						class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span>
+				</button> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+					title="View the received files. This is currently under development!">
+					<!--
 
                <button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>Files </strong>
                <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
@@ -57,11 +87,14 @@
                <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
                </button>
                -->
-               </span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Settings and Info">
-               <button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal" class="btn btn-sm btn-secondary"><strong>Settings </strong>
-               <i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
-               </button>
-               </span> </div>
+				</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true"
+					title="Settings and Info">
+					<button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal"
+						class="btn btn-sm btn-secondary"><strong>Settings </strong>
+						<i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
+					</button>
+				</span>
+			</div>
 		</div>
 	</nav>
 	<div id="blurdiv" style="-webkit-Filter: blur(0px)">
@@ -71,196 +104,252 @@
 		<div aria-live="polite" aria-atomic="true" class="position-relative" style="z-index: 500">
 			<div class="toast-container position-absolute top-0 end-0 p-3">
 				<!-- SENDING CQ -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQsending" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQsending" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
-						<div class="toast-body"><i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>Sending CQ CQ CQ</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<div class="toast-body"><i class="bi bi-activity"
+								style="font-size: 1rem; color: white;"></i>Sending CQ CQ CQ</div>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVING CQ -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQreceiving" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving CQ CQ CQ</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVING QRV -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVreceiving" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving a QRV signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- TRANSMITTING QRV -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVtransmitting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVtransmitting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Transmitting a QRV signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVING BEACON -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastBEACONreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastBEACONreceiving"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving a beacon signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- SENDING PING -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGsending" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGsending" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Sending Ping</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVED PING -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGreceiving"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">RECEIVED PING REQUEST</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVED PING ACK -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastPINGreceivedACK" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastPINGreceivedACK"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">RECEIVED PING ACKNOWLEDGE</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL OPENING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELopening" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELopening"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">OPENING DATACHANNEL</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL OPEN -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastDATACHANNELopen" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastDATACHANNELopen"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">DATACHANNEL OPENED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- DATACHANNEL WAITING -->
-				<div class="toast align-items-center text-white bg-warning border-0" id="toastDATACHANNELwaiting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-warning border-0" id="toastDATACHANNELwaiting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">DATACHANNEL BUSY! Waiting...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- STOPPING TRANSMISSION -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastTRANSMISSIONstopped" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastTRANSMISSIONstopped"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Transmission stopped!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL RECEIVED OPENER -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0"
+					id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">INCOMING FILE TRANSMISSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastDATACHANNELfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastDATACHANNELfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">OPENING DATACHANNEL FAILED</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ RECEIVING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQreceiving"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving file...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ RECEIVING SUCCESS -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQreceivingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQreceivingsuccess"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FILE SUCCESSFULLY RECEIVED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ RECEIVING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQreceivingfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQreceivingfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FILE NOT SUCCESSFULLY RECEIVED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ TRANSMITTING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmitting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmitting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">TRANSMITTING...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- ARQ SNR INFORMATION -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmittingSNR" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmittingSNR"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
-						<div class="toast-body">TRANSMITTING - SNR IRS:<span id="toastARQtransmittingSNRValue"></span></div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<div class="toast-body">TRANSMITTING - SNR IRS:<span id="toastARQtransmittingSNRValue"></span>
+						</div>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- ARQ TRANSMITTING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">TRANSMITTING FILE FAILED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ TRANSMITTING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailedver" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailedver"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">TRANSMITTING FAILED, VERSION MISMATCH!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ TRANSMITTING SUCCESS-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQtransmittingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQtransmittingsuccess"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FILE SUCCESSFULLY TRANSMITTED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION CONNECTING-->
-				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionconnecting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionconnecting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CONNECTING / OPENING ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION CONNECTED-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionconnected" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionconnected"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CONNECTED / ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION WAITING-->
-				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionwaiting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionwaiting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CHANNEL BUSY - Waiting...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION CLOSE-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionclose" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionclose"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CLOSE / ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION FAILED-->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQsessionfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQsessionfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FAILED / ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 			</div>
@@ -270,19 +359,24 @@
 			<div class="row collapse multi-collapse show" id="collapseFirstRow">
 				<div class="col">
 					<div class="card text-dark mb-0">
-						<div class="card-header p-1"> <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong> </div>
+						<div class="card-header p-1"> <i class="bi bi-volume-up"
+								style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong> </div>
 						<div class="card-body p-2 mb-1">
-							<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                           <i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
-                           </span>
-								<select class="form-select form-select-sm" id="audio_input_selectbox" aria-label=".form-select-sm">
+							<div class="input-group input-group-sm mb-1"> <span class="input-group-text"
+									id="basic-addon1">
+									<i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
+								</span>
+								<select class="form-select form-select-sm" id="audio_input_selectbox"
+									aria-label=".form-select-sm">
 									<!-- 					 					<option selected value="3011">USB Interface</option>-->
 								</select>
 							</div>
-							<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                           <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i>
-                           </span>
-								<select class="form-select form-select-sm" id="audio_output_selectbox" aria-label=".form-select-sm"></select>
+							<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+									id="basic-addon1">
+									<i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i>
+								</span>
+								<select class="form-select form-select-sm" id="audio_output_selectbox"
+									aria-label=".form-select-sm"></select>
 							</div>
 						</div>
 						<div class="card-footer text-muted small">Please select audio device for RX and TX</div>
@@ -290,29 +384,48 @@
 				</div>
 				<div class="col">
 					<div class="card text-dark mb-0">
-						<div class="card-header p-1"> <i class="bi bi-projector" style="font-size: 1rem; color: black;"></i>
-							<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-disabled" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-disabled"> <i class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-radio" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-radio"> <i class="bi bi-projector" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-connect" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-connect"> <i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-ptt" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-ptt"> <i class="bi bi-alt" style="font-size: 0.8rem; color: black;"></i> </label>
+						<div class="card-header p-1"> <i class="bi bi-projector"
+								style="font-size: 1rem; color: black;"></i>
+							<div class="btn-group btn-group-sm" role="group"
+								aria-label="waterfall-scatter-switch toggle button group">
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-disabled" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-disabled"> <i
+										class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-radio" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-radio"> <i
+										class="bi bi-projector" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-connect" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-connect"> <i
+										class="bi bi-usb-symbol" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-ptt" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-ptt"> <i
+										class="bi bi-alt" style="font-size: 0.8rem; color: black;"></i> </label>
 							</div>
 							<div class="btn-group btn-group-sm" role="group" aria-label="radio-control-switch-rigctld">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-rigctld" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld"> <i class="bi bi-terminal" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-rigctld-info" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld-info"> <i class="bi bi-activity" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-rigctld" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld"> <i
+										class="bi bi-terminal" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-rigctld-info" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld-info">
+									<i class="bi bi-activity" style="font-size: 0.8rem; color: black;"></i> </label>
 							</div>
 							<div class="btn-group btn-group-sm" role="group" aria-label="radio-control-switch-rigctld">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-network" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-network"> <i class="bi bi-ethernet" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-network" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-network"> <i
+										class="bi bi-ethernet" style="font-size: 0.8rem; color: black;"></i> </label>
 							</div>
 							<div class="btn-group" role="group">
-								<button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails.">PTT Test</button>
+								<button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary"
+									data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true"
+									title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails.">PTT
+									Test</button>
 							</div>
 						</div>
 						<div class="card-body p-2">
@@ -320,290 +433,299 @@
 							<div id="radio-control-disabled">hamlib/rigctld connection disabled</div>
 							<!-- RADIO CONTROL RADIO -->
 							<div id="radio-control-radio">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                              <i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
-                              </span>
-									<input class="form-control" list="datalistOptions" id="hamlib_deviceid" placeholder="Search radio..." style="width:7rem">
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">
+										<i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
+									</span>
+									<input class="form-control" list="datalistOptions" id="hamlib_deviceid"
+										placeholder="Search radio..." style="width:7rem">
 									<datalist id="datalistOptions">
 										<option value="2028">Kenwood TS480</option>
-										<option value="1">Hamlib                 Dummy</option>
-										<option value="2">Hamlib                 NET rigctl            </option>
-										<option value="4">FLRig                  FLRig                  </option>
-										<option value="5">TRXManager             TRXManager 5.7.630+</option>
-										<option value="6">	Hamlib                 Dummy No VFO           </option>
-										<option value="1001">	Yaesu                  FT-847                 </option>
-										<option value="1003">	Yaesu                  FT-1000D               </option>
-										<option value="1004">	Yaesu                  MARK-V FT-1000MP       </option>
-										<option value="1005">	Yaesu                  FT-747GX               </option>
-										<option value="1006">	Yaesu                  FT-757GX               </option>
-										<option value="1007">	Yaesu                  FT-757GXII</option>
-										<option value="1009">	Yaesu                  FT-767GX               </option>
-										<option value="1010">	Yaesu                  FT-736R                </option>
-										<option value="1011">	Yaesu                  FT-840                 </option>
-										<option value="1013">	Yaesu                  FT-900                 </option>
-										<option value="1014">	Yaesu                  FT-920                 </option>
-										<option value="1015">	Yaesu                  FT-890                 </option>
-										<option value="1016">	Yaesu                  FT-990                 </option>
-										<option value="1017">	Yaesu                  FRG-100                </option>
-										<option value="1018">	Yaesu                  FRG-9600               </option>
-										<option value="1019">	Yaesu                  FRG-8800               </option>
-										<option value="1020">	Yaesu                  FT-817                 </option>
-										<option value="1021">	Yaesu                  FT-100                 </option>
-										<option value="1022">	Yaesu                  FT-857                 </option>
-										<option value="1023">	Yaesu                  FT-897                 </option>
-										<option value="1024">	Yaesu                  FT-1000MP              </option>
-										<option value="1025">	Yaesu                  MARK-V Field FT-1000MP </option>
-										<option value="1026">	Yaesu                  VR-5000                </option>
-										<option value="1027">	Yaesu                  FT-450                 </option>
-										<option value="1028">	Yaesu                  FT-950                 </option>
-										<option value="1029">	Yaesu                  FT-2000                </option>
-										<option value="1030">	Yaesu                  FTDX-9000              </option>
-										<option value="1031">	Yaesu                  FT-980                 </option>
-										<option value="1032">	Yaesu                  FTDX-5000              </option>
-										<option value="1033">	Vertex Standard        VX-1700                </option>
-										<option value="1034">	Yaesu                  FTDX-1200              </option>
-										<option value="1035">	Yaesu                  FT-991                 </option>
-										<option value="1036">	Yaesu                  FT-891                 </option>
-										<option value="1037">	Yaesu                  FTDX-3000              </option>
-										<option value="1038">	Yaesu                  FT-847UNI              </option>
-										<option value="1039">	Yaesu                  FT-600                 </option>
-										<option value="1040">	Yaesu                  FTDX-101D              </option>
-										<option value="1041">	Yaesu                  FT-818                 </option>
-										<option value="1042">	Yaesu                  FTDX-10                </option>
-										<option value="1043">	Yaesu                  FT-897D                </option>
-										<option value="1044">	Yaesu                  FTDX-101MP             </option>
-										<option value="2001">	Kenwood                TS-50S                 </option>
-										<option value="2002">	Kenwood                TS-440S                </option>
-										<option value="2003">	Kenwood                TS-450S                </option>
-										<option value="2004">	Kenwood                TS-570D                </option>
-										<option value="2005">	Kenwood                TS-690S                </option>
-										<option value="2006">	Kenwood                TS-711                 </option>
-										<option value="2007">	Kenwood                TS-790                 </option>
-										<option value="2008">	Kenwood                TS-811                 </option>
-										<option value="2009">	Kenwood                TS-850                 </option>
-										<option value="2010">	Kenwood                TS-870S                </option>
-										<option value="2011">	Kenwood                TS-940S                </option>
-										<option value="2012">	Kenwood                TS-950S                </option>
-										<option value="2013">	Kenwood                TS-950SDX              </option>
-										<option value="2014">	Kenwood                TS-2000                </option>
-										<option value="2015">	Kenwood                R-5000                 </option>
-										<option value="2016">	Kenwood                TS-570S                </option>
-										<option value="2017">	Kenwood                TH-D7A                 </option>
-										<option value="2019">	Kenwood                TH-F6A                 </option>
-										<option value="2020">	Kenwood                TH-F7E                 </option>
-										<option value="2021">	Elecraft               K2                     </option>
-										<option value="2022">	Kenwood                TS-930                 </option>
-										<option value="2023">	Kenwood                TH-G71                 </option>
-										<option value="2024">	Kenwood                TS-680S                </option>
-										<option value="2025">	Kenwood                TS-140S                </option>
-										<option value="2026">	Kenwood                TM-D700                </option>
-										<option value="2027">	Kenwood                TM-V7                  </option>
-										<option value="2028">	Kenwood                TS-480                 </option>
-										<option value="2029">	Elecraft               K3                     </option>
-										<option value="2030">	Kenwood                TRC-80                 </option>
-										<option value="2031">	Kenwood                TS-590S                </option>
-										<option value="2032">	SigFox                 Transfox               </option>
-										<option value="2033">	Kenwood                TH-D72A                </option>
-										<option value="2034">	Kenwood                TM-D710(G)             </option>
-										<option value="2036">	FlexRadio              6xxx                   </option>
-										<option value="2037">	Kenwood                TS-590SG               </option>
-										<option value="2038">	Elecraft               XG3                    </option>
-										<option value="2039">	Kenwood                TS-990s                </option>
-										<option value="2040">	OpenHPSDR              PiHPSDR                </option>
-										<option value="2041">	Kenwood                TS-890S                </option>
-										<option value="2042">	Kenwood                TH-D74                 </option>
-										<option value="2043">	Elecraft               K3S                    </option>
-										<option value="2044">	Elecraft               KX2                    </option>
-										<option value="2045">	Elecraft               KX3                    </option>
-										<option value="2046">	Hilberling             PT-8000A               </option>
-										<option value="2047">	Elecraft               K4                     </option>
-										<option value="2048">	FlexRadio/ANAN         PowerSDR/Thetis   </option>
-										<option value="2049">	Malachite              DSP                    </option>
-										<option value="3002">	Icom                   IC-1275                </option>
-										<option value="3003">	Icom                   IC-271                 </option>
-										<option value="3004">	Icom                   IC-275                 </option>
-										<option value="3006">	Icom                   IC-471                 </option>
-										<option value="3007">	Icom                   IC-475                 </option>
-										<option value="3009">	Icom                   IC-706                 </option>
-										<option value="3010">	Icom                   IC-706MkII             </option>
-										<option value="3011">	Icom                   IC-706MkIIG            </option>
-										<option value="3012">	Icom                   IC-707                 </option>
-										<option value="3013">	Icom                   IC-718                 </option>
-										<option value="3014">	Icom                   IC-725                 </option>
-										<option value="3015">	Icom                   IC-726                 </option>
-										<option value="3016">	Icom                   IC-728                 </option>
-										<option value="3017">	Icom                   IC-729                 </option>
-										<option value="3019">	Icom                   IC-735                 </option>
-										<option value="3020">	Icom                   IC-736                 </option>
-										<option value="3021">	Icom                   IC-737                 </option>
-										<option value="3022">	Icom                   IC-738                 </option>
-										<option value="3023">	Icom                   IC-746                 </option>
-										<option value="3024">	Icom                   IC-751                 </option>
-										<option value="3026">	Icom                   IC-756                 </option>
-										<option value="3027">	Icom                   IC-756PRO              </option>
-										<option value="3028">	Icom                   IC-761                 </option>
-										<option value="3029">	Icom                   IC-765                 </option>
-										<option value="3030">	Icom                   IC-775                 </option>
-										<option value="3031">	Icom                   IC-781                 </option>
-										<option value="3032">	Icom                   IC-820H                </option>
-										<option value="3034">	Icom                   IC-821H                </option>
-										<option value="3035">	Icom                   IC-970                 </option>
-										<option value="3036">	Icom                   IC-R10                 </option>
-										<option value="3037">	Icom                   IC-R71                 </option>
-										<option value="3038">	Icom                   IC-R72                 </option>
-										<option value="3039">	Icom                   IC-R75                 </option>
-										<option value="3040">	Icom                   IC-R7000               </option>
-										<option value="3041">	Icom                   IC-R7100               </option>
-										<option value="3042">	Icom                   ICR-8500               </option>
-										<option value="3043">	Icom                   IC-R9000               </option>
-										<option value="3044">	Icom                   IC-910                 </option>
-										<option value="3045">	Icom                   IC-78                  </option>
-										<option value="3046">	Icom                   IC-746PRO              </option>
-										<option value="3047">	Icom                   IC-756PROII            </option>
-										<option value="3051">Ten-Tec                Omni VI Plus           </option>
-										<option value="3052">	Optoelectronics        OptoScan535            </option>
-										<option value="3053">	Optoelectronics        OptoScan456            </option>
-										<option value="3054">	Icom                   IC ID-1                </option>
-										<option value="3055">	Icom                   IC-703                 </option>
-										<option value="3056">	Icom                   IC-7800                </option>
-										<option value="3057">	Icom                   IC-756PROIII           </option>
-										<option value="3058">	Icom                   IC-R20                 </option>
-										<option value="3060">	Icom                   IC-7000                </option>
-										<option value="3061">	Icom                   IC-7200                </option>
-										<option value="3062">	Icom                   IC-7700                </option>
-										<option value="3063">	Icom                   IC-7600                </option>
-										<option value="3064">	Ten-Tec                Delta II               </option>
-										<option value="3065">	Icom                   IC-92D                 </option>
-										<option value="3066">	Icom                   IC-R9500               </option>
-										<option value="3067">	Icom                   IC-7410                </option>
-										<option value="3068">	Icom                   IC-9100                </option>
-										<option value="3069">	Icom                   IC-RX7                 </option>
-										<option value="3070">	Icom                   IC-7100                </option>
-										<option value="3071">	Icom                   ID-5100                </option>
-										<option value="3072">	Icom                   IC-2730                </option>
-										<option value="3073">	Icom                   IC-7300                </option>
-										<option value="3074">	Microtelecom           Perseus                </option>
-										<option value="3075">	Icom                   IC-785x                </option>
-										<option value="3076">	Xeigu                  X108G                  </option>
-										<option value="3077">	Icom                   IC-R6                  </option>
-										<option value="3078">	Icom                   IC-7610                </option>
-										<option value="3079">	Icom                   IC-R8600               </option>
-										<option value="3080">	Icom                   IC-R30                 </option>
-										<option value="3081">	Icom                   IC-9700                </option>
-										<option value="3082">	Icom                   ID-4100                </option>
-										<option value="3083">	Icom                   ID-31                  </option>
-										<option value="3084">	Icom                   ID-51                  </option>
-										<option value="3085">	Icom                   IC-705                 </option>
-										<option value="4001">	Icom                   IC-PCR1000             </option>
-										<option value="4002">	Icom                   IC-PCR100              </option>
-										<option value="4003">	Icom                   IC-PCR1500             </option>
-										<option value="4004">	Icom                   IC-PCR2500             </option>
-										<option value="5001">	AOR                    AR8200                 </option>
-										<option value="5002">	AOR                    AR8000                 </option>
-										<option value="5003">	AOR                    AR7030                 </option>
-										<option value="5004">	AOR                    AR5000                 </option>
-										<option value="5005">	AOR                    AR3030                 </option>
-										<option value="5006">	AOR                    AR3000A                </option>
-										<option value="5008">	AOR                    AR2700                 </option>
-										<option value="5013">	AOR                    AR8600                 </option>
-										<option value="5014">	AOR                    AR5000A                </option>
-										<option value="5015">	AOR                    AR7030 Plus            </option>
-										<option value="5016">	AOR                    SR2200                 </option>
-										<option value="6005">	JRC                    NRD-525                </option>
-										<option value="6006">	JRC                    NRD-535D               </option>
-										<option value="6007">	JRC                    NRD-545 DSP            </option>
-										<option value="8001">	Uniden                 BC780xlt               </option>
-										<option value="8002">	Uniden                 BC245xlt               </option>
-										<option value="8003">	Uniden                 BC895xlt               </option>
-										<option value="8004">	Radio Shack            PRO-2052               </option>
-										<option value="8006">	Uniden                 BC250D                 </option>
-										<option value="8010">	Uniden                 BCD-396T               </option>
-										<option value="8011">	Uniden                 BCD-996T               </option>
-										<option value="8012">	Uniden                 BC898T                 </option>
-										<option value="9002">	Drake                  R-8A                   </option>
-										<option value="9003">	Drake                  R-8B                   </option>
-										<option value="10004">	Lowe                   HF-235                 </option>
-										<option value="11003">Racal                  RA6790/GM              </option>
-										<option value="11005">	Racal                  RA3702                 </option>
-										<option value="12004">	Watkins-Johnson        WJ-8888                </option>
-										<option value="14002">	Skanti                 TRP8000                </option>
-										<option value="14004">	Skanti                 TRP 8255 S R           </option>
-										<option value="15001">	Winradio               WR-1000                </option>
-										<option value="15002">	Winradio               WR-1500                </option>
-										<option value="15003">	Winradio               WR-1550                </option>
-										<option value="15004">	Winradio               WR-3100                </option>
-										<option value="15005">	Winradio               WR-3150                </option>
-										<option value="15006">Winradio               WR-3500                </option>
-										<option value="15007">	Winradio               WR-3700                </option>
-										<option value="15009">	Winradio               WR-G313                </option>
-										<option value="16001">	Ten-Tec                TT-550                 </option>
-										<option value="16002">	Ten-Tec                TT-538 Jupiter         </option>
-										<option value="16003">	Ten-Tec                RX-320                 </option>
-										<option value="16004">	Ten-Tec                RX-340                 </option>
-										<option value="16005">	Ten-Tec                RX-350                 </option>
-										<option value="16007">	Ten-Tec                TT-516 Argonaut V      </option>
-										<option value="16008">	Ten-Tec                TT-565 Orion           </option>
-										<option value="16009">	Ten-Tec                TT-585 Paragon         </option>
-										<option value="16011">	Ten-Tec                TT-588 Omni VII        </option>
-										<option value="16012">	Ten-Tec                RX-331                 </option>
-										<option value="16013">	Ten-Tec                TT-599 Eagle           </option>
-										<option value="17001">	Alinco                 DX-77                  </option>
-										<option value="17002">	Alinco                 DX-SR8                 </option>
-										<option value="18001">	Kachina                505DSP                 </option>
-										<option value="22001">	TAPR                   DSP-10                 </option>
-										<option value="23001">	Flex-radio             SDR-1000               </option>
-										<option value="23003">	DTTS Microwave Society DttSP IPC              </option>
-										<option value="23004">	DTTS Microwave Society DttSP UDP              </option>
-										<option value="24001">	RFT                    EKD-500                </option>
-										<option value="25001">	Elektor                Elektor 3/04           </option>
-										<option value="25002">	SAT-Schneider          DRT1                   </option>
-										<option value="25003">	Coding Technologies    Digital World Traveller</option>
-										<option value="25006">	AmQRP                  DDS-60                 </option>
-										<option value="25007">	Elektor                Elektor SDR-USB        </option>
-										<option value="25008">	mRS                    miniVNA                </option>
-										<option value="25009">	SoftRock               Si570 AVR-USB          </option>
-										<option value="25011">	KTH-SDR kit            Si570 PIC-USB          </option>
-										<option value="25012">	FiFi                   FiFi-SDR               </option>
-										<option value="25013">	AMSAT-UK               FUNcube Dongle         </option>
-										<option value="25014">	N2ADR                  HiQSDR                 </option>
-										<option value="25015">	Funkamateur            FA-SDR                 </option>
-										<option value="25016">	AE9RB                  Si570 Peaberry V1      </option>
-										<option value="25017">	AE9RB                  Si570 Peaberry V2      </option>
-										<option value="25018">	AMSAT-UK               FUNcube Dongle Pro+    </option>
-										<option value="25019">	HobbyPCB               RS-HFIQ                </option>
-										<option value="26001">	Video4Linux            SW/FM radio            </option>
-										<option value="26002">	Video4Linux2           SW/FM radio            </option>
-										<option value="27001">	Rohde&Schwarz          ESMC                   </option>
-										<option value="27002">	Rohde&Schwarz          EB200                  </option>
-										<option value="27003">	Rohde&Schwarz          XK2100                 </option>
-										<option value="28001">	Philips/Simoco         PRM8060                </option>
-										<option value="29001">	ADAT www.adat.ch       ADT-200A               </option>
-										<option value="30001">	Icom                   IC-M700PRO             </option>
-										<option value="30002">	Icom                   IC-M802                </option>
-										<option value="30003">	Icom                   IC-M710                </option>
-										<option value="30004">	Icom                   IC-M803                </option>
-										<option value="31001">	Dorji                  DRA818V                </option>
-										<option value="31002">	Dorji                  DRA818U                </option>
-										<option value="32001">	Barrett                2050                   </option>
-										<option value="32002">	Barrett                950                    </option>
-										<option value="33001">	ELAD                   FDM-DUO                </option>
+										<option value="1">Hamlib Dummy</option>
+										<option value="2">Hamlib NET rigctl </option>
+										<option value="4">FLRig FLRig </option>
+										<option value="5">TRXManager TRXManager 5.7.630+</option>
+										<option value="6"> Hamlib Dummy No VFO </option>
+										<option value="1001"> Yaesu FT-847 </option>
+										<option value="1003"> Yaesu FT-1000D </option>
+										<option value="1004"> Yaesu MARK-V FT-1000MP </option>
+										<option value="1005"> Yaesu FT-747GX </option>
+										<option value="1006"> Yaesu FT-757GX </option>
+										<option value="1007"> Yaesu FT-757GXII</option>
+										<option value="1009"> Yaesu FT-767GX </option>
+										<option value="1010"> Yaesu FT-736R </option>
+										<option value="1011"> Yaesu FT-840 </option>
+										<option value="1013"> Yaesu FT-900 </option>
+										<option value="1014"> Yaesu FT-920 </option>
+										<option value="1015"> Yaesu FT-890 </option>
+										<option value="1016"> Yaesu FT-990 </option>
+										<option value="1017"> Yaesu FRG-100 </option>
+										<option value="1018"> Yaesu FRG-9600 </option>
+										<option value="1019"> Yaesu FRG-8800 </option>
+										<option value="1020"> Yaesu FT-817 </option>
+										<option value="1021"> Yaesu FT-100 </option>
+										<option value="1022"> Yaesu FT-857 </option>
+										<option value="1023"> Yaesu FT-897 </option>
+										<option value="1024"> Yaesu FT-1000MP </option>
+										<option value="1025"> Yaesu MARK-V Field FT-1000MP </option>
+										<option value="1026"> Yaesu VR-5000 </option>
+										<option value="1027"> Yaesu FT-450 </option>
+										<option value="1028"> Yaesu FT-950 </option>
+										<option value="1029"> Yaesu FT-2000 </option>
+										<option value="1030"> Yaesu FTDX-9000 </option>
+										<option value="1031"> Yaesu FT-980 </option>
+										<option value="1032"> Yaesu FTDX-5000 </option>
+										<option value="1033"> Vertex Standard VX-1700 </option>
+										<option value="1034"> Yaesu FTDX-1200 </option>
+										<option value="1035"> Yaesu FT-991 </option>
+										<option value="1036"> Yaesu FT-891 </option>
+										<option value="1037"> Yaesu FTDX-3000 </option>
+										<option value="1038"> Yaesu FT-847UNI </option>
+										<option value="1039"> Yaesu FT-600 </option>
+										<option value="1040"> Yaesu FTDX-101D </option>
+										<option value="1041"> Yaesu FT-818 </option>
+										<option value="1042"> Yaesu FTDX-10 </option>
+										<option value="1043"> Yaesu FT-897D </option>
+										<option value="1044"> Yaesu FTDX-101MP </option>
+										<option value="2001"> Kenwood TS-50S </option>
+										<option value="2002"> Kenwood TS-440S </option>
+										<option value="2003"> Kenwood TS-450S </option>
+										<option value="2004"> Kenwood TS-570D </option>
+										<option value="2005"> Kenwood TS-690S </option>
+										<option value="2006"> Kenwood TS-711 </option>
+										<option value="2007"> Kenwood TS-790 </option>
+										<option value="2008"> Kenwood TS-811 </option>
+										<option value="2009"> Kenwood TS-850 </option>
+										<option value="2010"> Kenwood TS-870S </option>
+										<option value="2011"> Kenwood TS-940S </option>
+										<option value="2012"> Kenwood TS-950S </option>
+										<option value="2013"> Kenwood TS-950SDX </option>
+										<option value="2014"> Kenwood TS-2000 </option>
+										<option value="2015"> Kenwood R-5000 </option>
+										<option value="2016"> Kenwood TS-570S </option>
+										<option value="2017"> Kenwood TH-D7A </option>
+										<option value="2019"> Kenwood TH-F6A </option>
+										<option value="2020"> Kenwood TH-F7E </option>
+										<option value="2021"> Elecraft K2 </option>
+										<option value="2022"> Kenwood TS-930 </option>
+										<option value="2023"> Kenwood TH-G71 </option>
+										<option value="2024"> Kenwood TS-680S </option>
+										<option value="2025"> Kenwood TS-140S </option>
+										<option value="2026"> Kenwood TM-D700 </option>
+										<option value="2027"> Kenwood TM-V7 </option>
+										<option value="2028"> Kenwood TS-480 </option>
+										<option value="2029"> Elecraft K3 </option>
+										<option value="2030"> Kenwood TRC-80 </option>
+										<option value="2031"> Kenwood TS-590S </option>
+										<option value="2032"> SigFox Transfox </option>
+										<option value="2033"> Kenwood TH-D72A </option>
+										<option value="2034"> Kenwood TM-D710(G) </option>
+										<option value="2036"> FlexRadio 6xxx </option>
+										<option value="2037"> Kenwood TS-590SG </option>
+										<option value="2038"> Elecraft XG3 </option>
+										<option value="2039"> Kenwood TS-990s </option>
+										<option value="2040"> OpenHPSDR PiHPSDR </option>
+										<option value="2041"> Kenwood TS-890S </option>
+										<option value="2042"> Kenwood TH-D74 </option>
+										<option value="2043"> Elecraft K3S </option>
+										<option value="2044"> Elecraft KX2 </option>
+										<option value="2045"> Elecraft KX3 </option>
+										<option value="2046"> Hilberling PT-8000A </option>
+										<option value="2047"> Elecraft K4 </option>
+										<option value="2048"> FlexRadio/ANAN PowerSDR/Thetis </option>
+										<option value="2049"> Malachite DSP </option>
+										<option value="3002"> Icom IC-1275 </option>
+										<option value="3003"> Icom IC-271 </option>
+										<option value="3004"> Icom IC-275 </option>
+										<option value="3006"> Icom IC-471 </option>
+										<option value="3007"> Icom IC-475 </option>
+										<option value="3009"> Icom IC-706 </option>
+										<option value="3010"> Icom IC-706MkII </option>
+										<option value="3011"> Icom IC-706MkIIG </option>
+										<option value="3012"> Icom IC-707 </option>
+										<option value="3013"> Icom IC-718 </option>
+										<option value="3014"> Icom IC-725 </option>
+										<option value="3015"> Icom IC-726 </option>
+										<option value="3016"> Icom IC-728 </option>
+										<option value="3017"> Icom IC-729 </option>
+										<option value="3019"> Icom IC-735 </option>
+										<option value="3020"> Icom IC-736 </option>
+										<option value="3021"> Icom IC-737 </option>
+										<option value="3022"> Icom IC-738 </option>
+										<option value="3023"> Icom IC-746 </option>
+										<option value="3024"> Icom IC-751 </option>
+										<option value="3026"> Icom IC-756 </option>
+										<option value="3027"> Icom IC-756PRO </option>
+										<option value="3028"> Icom IC-761 </option>
+										<option value="3029"> Icom IC-765 </option>
+										<option value="3030"> Icom IC-775 </option>
+										<option value="3031"> Icom IC-781 </option>
+										<option value="3032"> Icom IC-820H </option>
+										<option value="3034"> Icom IC-821H </option>
+										<option value="3035"> Icom IC-970 </option>
+										<option value="3036"> Icom IC-R10 </option>
+										<option value="3037"> Icom IC-R71 </option>
+										<option value="3038"> Icom IC-R72 </option>
+										<option value="3039"> Icom IC-R75 </option>
+										<option value="3040"> Icom IC-R7000 </option>
+										<option value="3041"> Icom IC-R7100 </option>
+										<option value="3042"> Icom ICR-8500 </option>
+										<option value="3043"> Icom IC-R9000 </option>
+										<option value="3044"> Icom IC-910 </option>
+										<option value="3045"> Icom IC-78 </option>
+										<option value="3046"> Icom IC-746PRO </option>
+										<option value="3047"> Icom IC-756PROII </option>
+										<option value="3051">Ten-Tec Omni VI Plus </option>
+										<option value="3052"> Optoelectronics OptoScan535 </option>
+										<option value="3053"> Optoelectronics OptoScan456 </option>
+										<option value="3054"> Icom IC ID-1 </option>
+										<option value="3055"> Icom IC-703 </option>
+										<option value="3056"> Icom IC-7800 </option>
+										<option value="3057"> Icom IC-756PROIII </option>
+										<option value="3058"> Icom IC-R20 </option>
+										<option value="3060"> Icom IC-7000 </option>
+										<option value="3061"> Icom IC-7200 </option>
+										<option value="3062"> Icom IC-7700 </option>
+										<option value="3063"> Icom IC-7600 </option>
+										<option value="3064"> Ten-Tec Delta II </option>
+										<option value="3065"> Icom IC-92D </option>
+										<option value="3066"> Icom IC-R9500 </option>
+										<option value="3067"> Icom IC-7410 </option>
+										<option value="3068"> Icom IC-9100 </option>
+										<option value="3069"> Icom IC-RX7 </option>
+										<option value="3070"> Icom IC-7100 </option>
+										<option value="3071"> Icom ID-5100 </option>
+										<option value="3072"> Icom IC-2730 </option>
+										<option value="3073"> Icom IC-7300 </option>
+										<option value="3074"> Microtelecom Perseus </option>
+										<option value="3075"> Icom IC-785x </option>
+										<option value="3076"> Xeigu X108G </option>
+										<option value="3077"> Icom IC-R6 </option>
+										<option value="3078"> Icom IC-7610 </option>
+										<option value="3079"> Icom IC-R8600 </option>
+										<option value="3080"> Icom IC-R30 </option>
+										<option value="3081"> Icom IC-9700 </option>
+										<option value="3082"> Icom ID-4100 </option>
+										<option value="3083"> Icom ID-31 </option>
+										<option value="3084"> Icom ID-51 </option>
+										<option value="3085"> Icom IC-705 </option>
+										<option value="4001"> Icom IC-PCR1000 </option>
+										<option value="4002"> Icom IC-PCR100 </option>
+										<option value="4003"> Icom IC-PCR1500 </option>
+										<option value="4004"> Icom IC-PCR2500 </option>
+										<option value="5001"> AOR AR8200 </option>
+										<option value="5002"> AOR AR8000 </option>
+										<option value="5003"> AOR AR7030 </option>
+										<option value="5004"> AOR AR5000 </option>
+										<option value="5005"> AOR AR3030 </option>
+										<option value="5006"> AOR AR3000A </option>
+										<option value="5008"> AOR AR2700 </option>
+										<option value="5013"> AOR AR8600 </option>
+										<option value="5014"> AOR AR5000A </option>
+										<option value="5015"> AOR AR7030 Plus </option>
+										<option value="5016"> AOR SR2200 </option>
+										<option value="6005"> JRC NRD-525 </option>
+										<option value="6006"> JRC NRD-535D </option>
+										<option value="6007"> JRC NRD-545 DSP </option>
+										<option value="8001"> Uniden BC780xlt </option>
+										<option value="8002"> Uniden BC245xlt </option>
+										<option value="8003"> Uniden BC895xlt </option>
+										<option value="8004"> Radio Shack PRO-2052 </option>
+										<option value="8006"> Uniden BC250D </option>
+										<option value="8010"> Uniden BCD-396T </option>
+										<option value="8011"> Uniden BCD-996T </option>
+										<option value="8012"> Uniden BC898T </option>
+										<option value="9002"> Drake R-8A </option>
+										<option value="9003"> Drake R-8B </option>
+										<option value="10004"> Lowe HF-235 </option>
+										<option value="11003">Racal RA6790/GM </option>
+										<option value="11005"> Racal RA3702 </option>
+										<option value="12004"> Watkins-Johnson WJ-8888 </option>
+										<option value="14002"> Skanti TRP8000 </option>
+										<option value="14004"> Skanti TRP 8255 S R </option>
+										<option value="15001"> Winradio WR-1000 </option>
+										<option value="15002"> Winradio WR-1500 </option>
+										<option value="15003"> Winradio WR-1550 </option>
+										<option value="15004"> Winradio WR-3100 </option>
+										<option value="15005"> Winradio WR-3150 </option>
+										<option value="15006">Winradio WR-3500 </option>
+										<option value="15007"> Winradio WR-3700 </option>
+										<option value="15009"> Winradio WR-G313 </option>
+										<option value="16001"> Ten-Tec TT-550 </option>
+										<option value="16002"> Ten-Tec TT-538 Jupiter </option>
+										<option value="16003"> Ten-Tec RX-320 </option>
+										<option value="16004"> Ten-Tec RX-340 </option>
+										<option value="16005"> Ten-Tec RX-350 </option>
+										<option value="16007"> Ten-Tec TT-516 Argonaut V </option>
+										<option value="16008"> Ten-Tec TT-565 Orion </option>
+										<option value="16009"> Ten-Tec TT-585 Paragon </option>
+										<option value="16011"> Ten-Tec TT-588 Omni VII </option>
+										<option value="16012"> Ten-Tec RX-331 </option>
+										<option value="16013"> Ten-Tec TT-599 Eagle </option>
+										<option value="17001"> Alinco DX-77 </option>
+										<option value="17002"> Alinco DX-SR8 </option>
+										<option value="18001"> Kachina 505DSP </option>
+										<option value="22001"> TAPR DSP-10 </option>
+										<option value="23001"> Flex-radio SDR-1000 </option>
+										<option value="23003"> DTTS Microwave Society DttSP IPC </option>
+										<option value="23004"> DTTS Microwave Society DttSP UDP </option>
+										<option value="24001"> RFT EKD-500 </option>
+										<option value="25001"> Elektor Elektor 3/04 </option>
+										<option value="25002"> SAT-Schneider DRT1 </option>
+										<option value="25003"> Coding Technologies Digital World Traveller</option>
+										<option value="25006"> AmQRP DDS-60 </option>
+										<option value="25007"> Elektor Elektor SDR-USB </option>
+										<option value="25008"> mRS miniVNA </option>
+										<option value="25009"> SoftRock Si570 AVR-USB </option>
+										<option value="25011"> KTH-SDR kit Si570 PIC-USB </option>
+										<option value="25012"> FiFi FiFi-SDR </option>
+										<option value="25013"> AMSAT-UK FUNcube Dongle </option>
+										<option value="25014"> N2ADR HiQSDR </option>
+										<option value="25015"> Funkamateur FA-SDR </option>
+										<option value="25016"> AE9RB Si570 Peaberry V1 </option>
+										<option value="25017"> AE9RB Si570 Peaberry V2 </option>
+										<option value="25018"> AMSAT-UK FUNcube Dongle Pro+ </option>
+										<option value="25019"> HobbyPCB RS-HFIQ </option>
+										<option value="26001"> Video4Linux SW/FM radio </option>
+										<option value="26002"> Video4Linux2 SW/FM radio </option>
+										<option value="27001"> Rohde&Schwarz ESMC </option>
+										<option value="27002"> Rohde&Schwarz EB200 </option>
+										<option value="27003"> Rohde&Schwarz XK2100 </option>
+										<option value="28001"> Philips/Simoco PRM8060 </option>
+										<option value="29001"> ADAT www.adat.ch ADT-200A </option>
+										<option value="30001"> Icom IC-M700PRO </option>
+										<option value="30002"> Icom IC-M802 </option>
+										<option value="30003"> Icom IC-M710 </option>
+										<option value="30004"> Icom IC-M803 </option>
+										<option value="31001"> Dorji DRA818V </option>
+										<option value="31002"> Dorji DRA818U </option>
+										<option value="32001"> Barrett 2050 </option>
+										<option value="32002"> Barrett 950 </option>
+										<option value="33001"> ELAD FDM-DUO </option>
 									</datalist>
 								</div>
 							</div>
 							<!-- RADIO CONTROL CONNECTION -->
 							<div id="radio-control-connection">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                              <i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
-                              </span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_deviceport">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport" style="width:7rem">
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">
+										<i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
+									</span> <span class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_deviceport">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_deviceport" style="width:7rem">
 										<!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
                                     <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
-									</select> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_serialspeed">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed">
+									</select> <span class="input-group-text" id="basic-addon1"><i
+											class="bi bi-speedometer" style="font-size: 1rem; color: black;"></i></span>
+									<span class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_serialspeed">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_serialspeed">
 										<option value="1200">1200</option>
 										<option value="2400">2400</option>
 										<option value="4800">4800</option>
@@ -616,37 +738,54 @@
 										<option value="115200">115200</option>
 									</select>
 								</div>
-								<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Data</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_databits">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_databits">
+								<div class="input-group input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Data</span> <span class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_databits">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_databits">
 										<option value="7">7</option>
 										<option value="8">8</option>
-									</select> <span class="input-group-text" id="basic-addon1">Stop</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_stopbits">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_stopbits">
+									</select> <span class="input-group-text" id="basic-addon1">Stop</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_stopbits">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_stopbits">
 										<option value="1">1</option>
 										<option value="2">2</option>
-									</select> <span class="input-group-text" id="basic-addon1">HS</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_handshake">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_handshake">
+									</select> <span class="input-group-text" id="basic-addon1">HS</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_handshake">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_handshake">
 										<option value="None">None (Default)</option>
 									</select>
 								</div>
 							</div>
 							<!-- RADIO CONTROL PTT -->
 							<div id="radio-control-ptt">
-								<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_ptt_port">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_port">
+								<div class="input-group input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1"><i class="bi bi-usb-symbol"
+											style="font-size: 1rem; color: black;"></i></span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_ptt_port">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_ptt_port">
 										<!--<option value="None">None</option>-->
-									</select> <span class="input-group-text" id="basic-addon1">Type</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_pttprotocol">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_pttprotocol" style="width: 0.5rem">
+									</select> <span class="input-group-text" id="basic-addon1">Type</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_pttprotocol">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_pttprotocol" style="width: 0.5rem">
 										<option value="NONE">NONE</option>
 										<option value="RIG">RIG</option>
 										<option value="USB">USB</option>
@@ -657,10 +796,13 @@
 									</select>
 								</div>
 								<div class="input-group input-group-sm mb-1">
-									<span class="input-group-text" id="basic-addon1">DCD</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_dcd">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_dcd" style="width: 0.5rem">
+									<span class="input-group-text" id="basic-addon1">DCD</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_dcd">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_dcd" style="width: 0.5rem">
 										<option value="NONE">NONE</option>
 										<option value="RIG">RIG/CAT</option>
 										<option value="DSR">DSR</option>
@@ -670,10 +812,13 @@
 									</select>
 
 
-								<span class="input-group-text" id="basic-addon1">DTR</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_dtrstate">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_dtrstate" style="width: 0.5rem">
+									<span class="input-group-text" id="basic-addon1">DTR</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_dtrstate">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_dtrstate" style="width: 0.5rem">
 										<option value="OFF">OFF</option>
 										<option value="ON">ON</option>
 
@@ -684,29 +829,50 @@
 							</div>
 							<!-- RADIO CONTROL NETWORK -->
 							<div id="radio-control-network">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld IP</span>
-									<input type="text" class="form-control" placeholder="rigctld IP" id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
-									<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_port" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Rigctld IP</span>
+									<input type="text" class="form-control" placeholder="rigctld IP"
+										id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1">
+									<span class="input-group-text" id="basic-addon1">:</span>
+									<input type="text" class="form-control" placeholder="rigctld port"
+										id="hamlib_rigctld_port" aria-label="Device Port"
+										aria-describedby="basic-addon1">
+								</div>
 							</div>
 							<!-- RADIO CONTROL RIGCTLD -->
 							<div id="radio-control-rigctld">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld Path</span>
-									<input type="text" class="form-control" placeholder="rigctld Path" id="hamlib_rigctld_path" aria-label="Device IP" aria-describedby="basic-addon1"> </div>
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld Server Port</span>
-									<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_server_port" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Rigctld Path</span>
+									<input type="text" class="form-control" placeholder="rigctld Path"
+										id="hamlib_rigctld_path" aria-label="Device IP" aria-describedby="basic-addon1">
+								</div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Rigctld Server Port</span>
+									<input type="text" class="form-control" placeholder="rigctld port"
+										id="hamlib_rigctld_server_port" aria-label="Device Port"
+										aria-describedby="basic-addon1">
+								</div>
 							</div>
 							<!-- RADIO CONTROL RIGCTLD INFO-->
 							<div id="radio-control-rigctld-info">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Cmd</span>
-									<input type="text" class="form-control" placeholder="Command" id="hamlib_rigctld_command" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Cmd</span>
+									<input type="text" class="form-control" placeholder="Command"
+										id="hamlib_rigctld_command" aria-label="Device Port"
+										aria-describedby="basic-addon1">
+								</div>
 								<div class="input-group  input-group-sm mb-1">
-									<button class="btn btn-outline-success" type="button" id="hamlib_rigctld_start">Start</button>
-									<input type="text" class="form-control" placeholder="Status" id="hamlib_rigctld_status" aria-label="State" aria-describedby="basic-addon1">
-									<button class="btn btn-outline-danger" type="button" id="hamlib_rigctld_stop">Stop</button>
+									<button class="btn btn-outline-success" type="button"
+										id="hamlib_rigctld_start">Start</button>
+									<input type="text" class="form-control" placeholder="Status"
+										id="hamlib_rigctld_status" aria-label="State" aria-describedby="basic-addon1">
+									<button class="btn btn-outline-danger" type="button"
+										id="hamlib_rigctld_stop">Stop</button>
 								</div>
 							</div>
 						</div>
-						<div class="card-footer text-muted small" id="hamlib_info_field">Select your radio and PTT settings. Start/Stop Hamlib Rigctld</div>
+						<div class="card-footer text-muted small" id="hamlib_info_field">Select your radio and PTT
+							settings. Start/Stop Hamlib Rigctld</div>
 					</div>
 				</div>
 			</div>
@@ -717,11 +883,19 @@
 						<div class="card-body p-2">
 							<div class="row">
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your callsign and save it"> <span class="input-group-text" id="basic-addon1">
-                                 <i class="bi bi-person-bounding-box" style="font-size: 1rem; color: black;"></i>
-                                 </span>
-										<input type="text" class="form-control" style="width: 5rem; text-transform:uppercase" placeholder="callsign" pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="myCallSSID">
+									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false"
+										title="Enter your callsign and save it"> <span class="input-group-text"
+											id="basic-addon1">
+											<i class="bi bi-person-bounding-box"
+												style="font-size: 1rem; color: black;"></i>
+										</span>
+										<input type="text" class="form-control"
+											style="width: 5rem; text-transform:uppercase" placeholder="callsign"
+											pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group"
+											aria-describedby="btnGroupAddon">
+										<select class="form-select form-select-sm" aria-label=".form-select-sm"
+											id="myCallSSID">
 											<option selected value="0">0</option>
 											<option value="1">1</option>
 											<option value="2">2</option>
@@ -742,10 +916,15 @@
 									</div>
 								</div>
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your gridsquare and save it"> <span class="input-group-text" id="basic-addon1">
-                                 <i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
-                                 </span>
-										<input type="text" class="form-control mr-1" style="max-width: 6rem" placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group" aria-describedby="btnGroupAddon">
+									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false"
+										title="Enter your gridsquare and save it"> <span class="input-group-text"
+											id="basic-addon1">
+											<i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
+										</span>
+										<input type="text" class="form-control mr-1" style="max-width: 6rem"
+											placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group"
+											aria-describedby="btnGroupAddon">
 									</div>
 								</div>
 							</div>
@@ -755,16 +934,23 @@
 				</div>
 				<div class="col">
 					<div class="card text-dark mb-0">
-						<div class="card-header p-1 d-flex"> <i class="bi bi-cloud-download ms-1 me-1" style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
+						<div class="card-header p-1 d-flex"> <i class="bi bi-cloud-download ms-1 me-1"
+								style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
 							<div class="progress w-75 ms-1 m-1">
-								<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span id="UpdateProgressInfo"></span> </div>
+								<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar"
+									aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span
+										id="UpdateProgressInfo"></span> </div>
 							</div>
 						</div>
 						<div class="card-body p-2 mb-1">
-							<button class="btn btn-secondary btn-sm" id="updater_channel" type="button" disabled>...</button>
-							<button class="btn btn-secondary btn-sm" id="updater_status" type="button" disabled>...</button>
-							<button class="btn btn-secondary btn-sm" id="updater_changelog" type="button" style="display:none;">Changelog</button>
-							<button class="btn btn-primary btn-sm" id="update_and_install" type="button" style="display:none;">Install & Restart</button>
+							<button class="btn btn-secondary btn-sm" id="updater_channel" type="button"
+								disabled>...</button>
+							<button class="btn btn-secondary btn-sm" id="updater_status" type="button"
+								disabled>...</button>
+							<button class="btn btn-secondary btn-sm" id="updater_changelog" type="button"
+								style="display:none;">Changelog</button>
+							<button class="btn btn-primary btn-sm" id="update_and_install" type="button"
+								style="display:none;">Install & Restart</button>
 						</div>
 					</div>
 				</div>
@@ -774,21 +960,30 @@
 			<div class="row collapse multi-collapse" id="collapseThirdRow">
 				<div class="col-5">
 					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i> <strong>AUDIO LEVEL</strong>
-							<button type="button" id="audioModalButton" data-bs-toggle="modal" data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune</button>
+						<div class="card-header p-1"><i class="bi bi-volume-up"
+								style="font-size: 1rem; color: black;"></i> <strong>AUDIO LEVEL</strong>
+							<button type="button" id="audioModalButton" data-bs-toggle="modal"
+								data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune</button>
 							<button type="button" id="startStopRecording" class="btn btn-sm btn-danger">Rec</button>
 
 						</div>
 						<div class="card-body p-2">
 							<div class="progress mb-0" style="height: 15px;">
-								<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="dbfs_level" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-								<p class="justify-content-center d-flex position-absolute w-100" id="dbfs_level_value">dBFS</p>
+								<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="dbfs_level"
+									role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
+									aria-valuemax="100"></div>
+								<p class="justify-content-center d-flex position-absolute w-100" id="dbfs_level_value">
+									dBFS</p>
 							</div>
 							<div class="progress mb-0" style="height: 5px;">
-								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar bg-success" role="progressbar" style="width: 89%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 29%" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar"
+									style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar bg-success" role="progressbar" style="width: 89%"
+									aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar"
+									style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar progress-bar-striped bg-danger" role="progressbar"
+									style="width: 29%" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100"></div>
 							</div>
 						</div>
 					</div>
@@ -800,22 +995,40 @@
 							<div class="row">
 								<div class="col-md-auto">
 									<div class="input-group input-group-sm mb-0">
-										<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall" pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<button class="btn btn-sm btn-primary" id="sendPing" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a ping request to a remote station"> Ping </button>
-										<button class="btn btn-sm btn-success" id="openARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="connect to a remote station"> <i class="bi bi-arrows-angle-contract" style="font-size: 0.8rem; color: white;"></i> </button>
-										<button class="btn btn-sm btn-danger" id="closeARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="disconnect from a remote station"> <i class="bi bi-arrows-angle-expand" style="font-size: 0.8rem; color: white;"></i> </button>
+										<input type="text" class="form-control"
+											style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall"
+											pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group"
+											aria-describedby="btnGroupAddon">
+										<button class="btn btn-sm btn-primary" id="sendPing" type="button"
+											data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+											title="Send a ping request to a remote station"> Ping </button>
+										<button class="btn btn-sm btn-success" id="openARQSession" type="button"
+											data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+											title="connect to a remote station"> <i class="bi bi-arrows-angle-contract"
+												style="font-size: 0.8rem; color: white;"></i> </button>
+										<button class="btn btn-sm btn-danger" id="closeARQSession" type="button"
+											data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+											title="disconnect from a remote station"> <i
+												class="bi bi-arrows-angle-expand"
+												style="font-size: 0.8rem; color: white;"></i> </button>
 									</div>
 								</div>
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
+									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
 										<button class="btn btn-sm btn-success" id="sendCQ" type="button">CQ CQ</button>
 									</div>
 								</div>
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
-										<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i> </button>
+									<div class="input-group input-group-sm" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false"
+										title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
+										<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i
+												class="bi bi-arrow-clockwise"
+												style="font-size: 0.8rem; color: white;"></i> </button>
 										<div id="txtBeacon" class="input-group-text p-1">Beacon</div>
-										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
+										<select class="form-select form-select-sm" aria-label=".form-select-sm"
+											id="beaconInterval" style="width:6rem">
 											<option value="5">5s</option>
 											<option selected value="10">10s</option>
 											<option value="15">15s</option>
@@ -830,7 +1043,9 @@
 											<option value="1800">30min</option>
 											<option value="3600">60min</option>
 										</select>
-										<button type="button" id="stopBeacon" class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill" style="font-size: 0.8rem; color: white;"></i> </button>
+										<button type="button" id="stopBeacon" class="btn btn-sm btn-danger"> <i
+												class="bi bi-x-octagon-fill"
+												style="font-size: 0.8rem; color: white;"></i> </button>
 									</div>
 								</div>
 							</div>
@@ -843,15 +1058,27 @@
 				<div class="col-5">
 					<div class="card text-dark mb-1">
 						<div class="card-header p-1">
-							<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch1" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"><strong><i class="bi bi-water"></i></strong> </label>
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch2" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"><strong><i class="bi bi-border-outer"></i></strong> </label>
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch3" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch3"><strong><i class="bi bi-graph-up-arrow"></i></strong> </label>
+							<div class="btn-group btn-group-sm" role="group"
+								aria-label="waterfall-scatter-switch toggle button group">
+								<input type="radio" class="btn-check" name="waterfall-scatter-switch"
+									id="waterfall-scatter-switch1" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary"
+									for="waterfall-scatter-switch1"><strong><i class="bi bi-water"></i></strong>
+								</label>
+								<input type="radio" class="btn-check" name="waterfall-scatter-switch"
+									id="waterfall-scatter-switch2" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary"
+									for="waterfall-scatter-switch2"><strong><i class="bi bi-border-outer"></i></strong>
+								</label>
+								<input type="radio" class="btn-check" name="waterfall-scatter-switch"
+									id="waterfall-scatter-switch3" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary"
+									for="waterfall-scatter-switch3"><strong><i
+											class="bi bi-graph-up-arrow"></i></strong> </label>
 							</div>
-							<button class="btn btn-sm btn-secondary" id="channel_busy" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
+							<button class="btn btn-sm btn-secondary" id="channel_busy" type="button"
+								data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true"
+								title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
 						</div>
 						<div class="card-body p-1" style="height: 200px">
 							<!--278px-->
@@ -864,7 +1091,9 @@
 				<div class="col">
 					<div class="card text-dark mb-1" style="height: 240px">
 						<!--325px-->
-						<div class="card-header p-1"> <i class="bi bi-list-columns-reverse" style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i> <strong> HEARD STATIONS</strong> </div>
+						<div class="card-header p-1"> <i class="bi bi-list-columns-reverse"
+								style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i>
+							<strong> HEARD STATIONS</strong> </div>
 						<div class="card-body p-0">
 							<!-- START OF TABLE FOR HEARD STATIONS -->
 							<table class="table table-sm">
@@ -899,18 +1128,23 @@
 		</div>
 	</div>
 	<!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
-	<div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar" aria-labelledby="receivedFilesSidebarLabel">
+	<div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar"
+		aria-labelledby="receivedFilesSidebarLabel">
 		<div class="offcanvas-header p-2">
-			<button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button"> <i class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i> </button>
+			<button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button"> <i
+					class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i> </button>
 			<h5 id="receivedFilesSidebarLabel">
-               Filetransfer
-            </h5>
+				Filetransfer
+			</h5>
 			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
 		</div>
 		<div class="input-group input-group-sm p-1">
 			<input type="file" class="form-control" id="dataModalFile">
-			<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
-			<button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success">Send</button>
+			<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]"
+				placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group"
+				aria-describedby="btnGroupAddon">
+			<button type="button" id="startTransmission" data-bs-dismiss="offcanvas"
+				class="btn btn-success">Send</button>
 		</div>
 		<div class="offcanvas-body p-0">
 			<!-- START OF TABLE FOR RECEIVED FILES-->
@@ -940,7 +1174,8 @@
 		</div>
 	</div>
 	<!------------------------------- DATA SIDEBAR ----------------------->
-	<div class="offcanvas offcanvas-end" tabindex="-1" id="transmitFileSidebar" aria-labelledby="transmitFileSidebarLabel">
+	<div class="offcanvas offcanvas-end" tabindex="-1" id="transmitFileSidebar"
+		aria-labelledby="transmitFileSidebarLabel">
 		<div class="offcanvas-header p-2">
 			<h5 id="transmitFileSidebarLabel">Transmit Files</h5>
 			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
@@ -961,10 +1196,17 @@
                                        
                                        	<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
                                        </div>
-                                       --></div>
+                                       -->
+										</div>
 										<div class="col-auto">
 											<div class="input-group input-group-sm mb-0">
-												<button class="btn btn-success" id="dataModalSendPing" type="button">Ping</button> <span class="input-group-text text-secondary" id="dataModalPingACK">ACK</span> <span class="input-group-text" id="dataModalPingDistance">0000 km</span> <span class="input-group-text" id="dataModalPingDB">0 dB</span> </div>
+												<button class="btn btn-success" id="dataModalSendPing"
+													type="button">Ping</button> <span
+													class="input-group-text text-secondary"
+													id="dataModalPingACK">ACK</span> <span class="input-group-text"
+													id="dataModalPingDistance">0000 km</span> <span
+													class="input-group-text" id="dataModalPingDB">0 dB</span>
+											</div>
 										</div>
 									</div>
 								</div>
@@ -985,7 +1227,8 @@
                               		<label class="input-group-text" for="inputGroupFile02">kB</label>
                               	</div>
                               </div>
-                              --></div>
+                              -->
+							</div>
 						</div>
 						<!--col-->
 					</div>
@@ -997,8 +1240,10 @@
 								<div class="card-body p-2">
 									<div class="row">
 										<div class="col">
-											<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Mode</span>
-												<select class="form-select form-select-sm" aria-label=".form-select-sm" id="datamode" disabled>
+											<div class="input-group input-group-sm"> <span class="input-group-text"
+													id="basic-addon1">Mode</span>
+												<select class="form-select form-select-sm" aria-label=".form-select-sm"
+													id="datamode" disabled>
 													<option selected value="255">AUTO</option>
 													<!--<option value="232">HIGH SNR (DC1)</option>-->
 													<!--<option value="231">MED SNR (DC3)</option>-->
@@ -1007,8 +1252,10 @@
 											</div>
 										</div>
 										<div class="col-auto">
-											<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Frames</span>
-												<select class="form-select form-select-sm" aria-label=".form-select-sm" id="framesperburst" disabled>
+											<div class="input-group input-group-sm"> <span class="input-group-text"
+													id="basic-addon1">Frames</span>
+												<select class="form-select form-select-sm" aria-label=".form-select-sm"
+													id="framesperburst" disabled>
 													<option selected value="1">1</option>
 												</select>
 											</div>
@@ -1026,7 +1273,8 @@
                            <button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success" style="width:100%">START TRANSMISSION</button>-->
 						</div>
 						<div class="col-md-auto">
-							<button type="button" id="stopTransmission" class="btn btn-danger" style="width:100%">STOP</button>
+							<button type="button" id="stopTransmission" class="btn btn-danger"
+								style="width:100%">STOP</button>
 						</div>
 					</div>
 					<!--
@@ -1053,84 +1301,153 @@
 	</div>
 	<!--end of blur div -->
 	<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
-	<nav class="navbar fixed-bottom navbar-light bg-light">
-		<div class="container-fluid">
-			<div class="btn-toolbar" role="toolbar">
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"> <i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>"> <i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"> <i class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"> <i class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="rigctld_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>"> <i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: white;"></i> </button>
+	<div class="container-fluid">
+		<nav class="navbar fixed-bottom navbar-expand-xl navbar-light bg-light">
+			<div class="col-sm-2">
+				<div class="btn-toolbar" role="toolbar">
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>">
+							<i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>">
+							<i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"> <i
+								class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"> <i
+								class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i>
+						</button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="rigctld_state" type="button"
+							data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true"
+							title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>">
+							<i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
 				</div>
 			</div>
-			<div class="container-fluid p-0" style="width:20rem">
+			<div class="col-sm-2">
 				<div class="input-group input-group-sm">
-
 					<div class="btn-group dropup me-1">
-						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="frequency">
-						---
+						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
+							aria-expanded="false" id="frequency">
+							---
 						</button>
 						<form class="dropdown-menu p-2">
 							<div class="input-group input-group-sm">
-								<input type="text" class="form-control" style="max-width: 6rem;" placeholder="7063000" pattern="[0-9]*" id="newFrequency" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
+								<input type="text" class="form-control" style="max-width: 6rem;" placeholder="7063000"
+									pattern="[0-9]*" id="newFrequency" maxlength="11" aria-label="Input group"
+									aria-describedby="btnGroupAddon">
 								<span class="input-group-text">Hz</span>
-								<button class="btn btn-sm btn-success" id="saveFrequency" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="save frequency"> <i class="bi bi-check-lg" style="font-size: 0.8rem; color: white;"></i> </button>
+								<button class="btn btn-sm btn-success" id="saveFrequency" type="button"
+									data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+									title="save frequency"> <i class="bi bi-check-lg"
+										style="font-size: 0.8rem; color: white;"></i> </button>
 							</div>
-						 </form>
+						</form>
 					</div>
-
 					<div class="btn-group dropup me-1">
-						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="mode">
-						---
+						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
+							aria-expanded="false" id="mode">
+							---
 						</button>
 						<form class="dropdown-menu p-2">
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set FM" id="saveModeFM">FM</button>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set AM" type="button" id="saveModeAM">AM</button>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set LSB" type="button" id="saveModeLSB">LSB</button>
-								<hr>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set USB" type="button" id="saveModeUSB">USB</button>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set PKTUSB" type="button" id="saveModePKTUSB">PKTUSB</button>
-						 </form>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set FM" id="saveModeFM">FM</button>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set AM" type="button"
+								id="saveModeAM">AM</button>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set LSB" type="button"
+								id="saveModeLSB">LSB</button>
+							<hr>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set USB" type="button"
+								id="saveModeUSB">USB</button>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set PKTUSB" type="button"
+								id="saveModePKTUSB">PKTUSB</button>
+						</form>
 					</div>
 
 					<div class="btn-group dropup">
-						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="bandwidth">
-						---
+						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
+							aria-expanded="false" id="bandwidth">
+							---
 						</button>
 						<form class="dropdown-menu p-2">
 							<div class="input-group input-group-sm">
 								...soon...
 							</div>
-						 </form>
+						</form>
 					</div>
 				</div>
 			</div>
-			<div class="container-fluid p-0" style="width:12rem">
-				<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="actual speed level">
-                  <i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="raw data rate modem in bytes per minute">---</span> <span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="data rate including file compression in bytes per minute">---</span> </div>
-			</div>
-			<div class="container-fluid p-0" style="width:10rem">
-				<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><strong>Bytes</strong></span> <span class="input-group-text" id="total_bytes">---</span> </div>
-			</div>
-			<div class="container-fluid p-0" style="width:15rem">
-				<div class="progress" style="height: 30px;">
-					<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-					<!--<p class="justify-content-center d-flex position-absolute w-100">PROGRESS</p>-->
-					<p class="justify-content-center mt-2 d-flex position-absolute w-100" id="transmission_timeleft">---</p>
+			<div class="col-sm-4">
+				<div class="input-group input-group-sm">
+					<span class="input-group-text" id="basic-addon1">
+						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>TX
+					</span>
+					<span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip"
+						data-bs-html="false" title="actual speed level">
+						<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i>
+					</span>
+					<span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="raw data rate modem in bytes per minute">---</span>
+						<!--
+					<span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="data rate including file compression in bytes per minute">---</span>
+						-->
+					<span class="input-group-text" id="basic-addon1">
+						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>RX
+					</span>
+					<span class="input-group-text" id="bytes_per_min_rx" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="raw data rate modem in bytes per minute">---</span>
+						<!--
+					<span class="input-group-text" id="bytes_per_min_compressed_rx" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="data rate including file compression in bytes per minute">---</span>
+						-->
+					<span class="input-group-text" id="basic-addon1">
+						<i class="bi bi-arrow-down-up" style="font-size: 1rem; color: black;"></i>
+					</span>
+					<span class="input-group-text" id="total_bytes" data-bs-placement="bottom" data-bs-toggle="tooltip"
+						data-bs-html="false" title="total bytes processed">---</span>
+						<span class="input-group-text" id="basic-addon1"
+					data-bs-toggle="tooltip" title="Connected with"><span class="bi bi-chat-fill"
+						id="spnConnectedWith"></span></span><span class="input-group-text"
+					id="txtConnectedWith">------</span>
 				</div>
 			</div>
-		</div>
-	</nav>
+			<div class="col-lg-4">
+				<div class="vp-100">
+					<div class="progress w-100" style="height: 30px;min-width: 200px;">
+						<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress"
+							role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+						</div>
+						<!--<p class="justify-content-center d-flex position-absolute w-100">PROGRESS</p>-->
+						<p class="justify-content-center mt-2 d-flex position-absolute w-100" id="transmission_timeleft">---</p>
+						</p>
+					</div>
+				</div>
+			</div>
+		</nav>
+	</div>
 	<!-- bootstrap -->
 	<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 	<!-- chart.js -->
@@ -1150,11 +1467,15 @@
 					<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				</div>
 				<div class="modal-body">
-					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Test-Frame</span>
+					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+							id="basic-addon1">Test-Frame</span>
 						<button type="button" id="sendTestFrame" class="btn btn-danger">Transmit</button>
 					</div>
-					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">TX Level</span> <span class="input-group-text" id="audioLevelTXvalue">---</span> <span class="input-group-text w-75" id="basic-addon1">
-                     <input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span> </div>
+					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">TX
+							Level</span> <span class="input-group-text" id="audioLevelTXvalue">---</span> <span
+							class="input-group-text w-75" id="basic-addon1">
+							<input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -1170,10 +1491,11 @@
 				<div class="modal-body">
 
 					<div class="alert alert-warning" role="alert">
-					  Most settings need a tnc restart to take effect!
+						Most settings need a tnc restart to take effect!
 					</div>
 
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Theme</span>
+					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
+							id="basic-addon1">Theme</span>
 						<select class="form-select form-select-sm w-50" id="theme_selector">
 							<option value="default">Default</option>
 							<option value="cerulean">Cerulean</option>
@@ -1203,7 +1525,8 @@
 							<option value="zephyr">Zephyr</option>
 						</select>
 					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Waterfall Theme</span>
+					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
+							id="basic-addon1">Waterfall Theme</span>
 						<select class="form-select form-select-sm w-50" id="wftheme_selector">
 							<option value="2">Default</option>
 							<option value="0">Turbo</option>
@@ -1223,7 +1546,8 @@
 							</div>
 						</label>
 					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
+					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
+							id="basic-addon1">Update channel</span>
 						<select class="form-select form-select-sm w-50" id="update_channel_selector">
 							<option value="latest">stable</option>
 							<option value="beta">beta</option>
@@ -1232,7 +1556,8 @@
 					</div>
 					<div class="input-group  input-group-sm mb-1">
 						<label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
-						<input type="text" class="form-control w-50" id="received_files_folder"> </div>
+						<input type="text" class="form-control w-50" id="received_files_folder">
+					</div>
 					<div class="input-group  input-group-sm mb-1">
 						<label class="input-group-text w-25">Tuning range</label>
 						<label class="input-group-text">fmin</label>
@@ -1289,7 +1614,8 @@
 						</label>
 					</div>
 					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable Explorer Publishing <br> (https://explorer.freedata.app) </label>
+						<label class="input-group-text w-50">Enable Explorer Publishing <br>
+							(https://explorer.freedata.app) </label>
 						<label class="input-group-text bg-white w-50">
 							<div class="form-check form-switch form-check-inline">
 								<input class="form-check-input" type="checkbox" id="ExplorerSwitch">
@@ -1338,7 +1664,8 @@
 				</div>
 				<div class="modal-body"> </div>
 				<div class="modal-footer">
-					<button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test settings</button>
+					<button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test
+						settings</button>
 					<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
 				</div>
 			</div>
@@ -1346,4 +1673,4 @@
 	</div>
 </body>
 
-</html>
+</html>
\ No newline at end of file

From 2e6e957d8d095f449c513f206474b75889e5b158 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 06:22:26 -0500
Subject: [PATCH 05/32] Prevent exception to aid in troubleshooting.

---
 gui/preload-main.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index d8c4c85b..89ece195 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1999,7 +1999,11 @@ var speedChartOptions = {
         var gridDistanceText = document.createElement('span');
 
         try {
-            gridDistanceText.innerText = parseInt(distance(document.getElementById("myGrid").value, arg.stations[i]['dxgrid'])) + ' km';
+            if (arg.stations[i]['dxgrid'].toString() != "------") {
+                gridDistanceText.innerText = parseInt(distance(document.getElementById("myGrid").value, arg.stations[i]['dxgrid'])) + ' km';
+            } else {
+                gridDistanceText.innerText = '---';    
+            }
         } catch {
             gridDistanceText.innerText = '---';
         }

From 3dfc0b4814458b23d35978c744ea80e9959f39ea Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 11:44:04 -0500
Subject: [PATCH 06/32] A few slight tweaks to toolbar

---
 gui/src/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index a50f93ca..b33d6032 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1304,7 +1304,7 @@
 	<div class="container-fluid">
 		<nav class="navbar fixed-bottom navbar-expand-xl navbar-light bg-light">
 			<div class="col-sm-2">
-				<div class="btn-toolbar" role="toolbar">
+				<div class="btn-toolbar" role="toolbar" style="margin-left:2px;">
 					<div class="btn-group btn-group-sm me-1" role="group">
 						<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top"
 							data-bs-toggle="tooltip" data-bs-html="true"
@@ -1424,7 +1424,7 @@
 						title="data rate including file compression in bytes per minute">---</span>
 						-->
 					<span class="input-group-text" id="basic-addon1">
-						<i class="bi bi-arrow-down-up" style="font-size: 1rem; color: black;"></i>
+						<i class="bi bi-file-earmark-binary" style="font-size: 1rem; color: black;"></i>
 					</span>
 					<span class="input-group-text" id="total_bytes" data-bs-placement="bottom" data-bs-toggle="tooltip"
 						data-bs-html="false" title="total bytes processed">---</span>
@@ -1435,7 +1435,7 @@
 				</div>
 			</div>
 			<div class="col-lg-4">
-				<div class="vp-100">
+				<div style="margin-right: 2px;">
 					<div class="progress w-100" style="height: 30px;min-width: 200px;">
 						<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress"
 							role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">

From 05a836a01e8d2acf978847a4f1ce18cdfd7f1a66 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 11:53:30 -0500
Subject: [PATCH 07/32] Don't use btoa/atob as they are problematic with non
 ascii char sets

---
 gui/sock.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/gui/sock.js b/gui/sock.js
index 8d956acf..664e1f7f 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -370,7 +370,8 @@ client.on('data', function(socketdata) {
 
                         socketLog.info(data)
                         // we need to encode here to do a deep check for checking if file or message
-                        var encoded_data = atob(data['data'])
+                        //var encoded_data = atob(data['data'])
+                        var encoded_data = Buffer.from(data['data'],'base64').toString('utf-8');
                         var splitted_data = encoded_data.split(split_char)
 
                         if(splitted_data[0] == 'f'){
@@ -423,7 +424,8 @@ client.on('data', function(socketdata) {
                 for (i = 0; i < data['data-array'].length; i++) {
                     try{
                         // we need to encode here to do a deep check for checking if file or message
-                        var encoded_data = atob(data['data-array'][i]['data'])
+                        //var encoded_data = atob(data['data-array'][i]['data'])
+                        var encoded_data = Buffer.from(data['data-array'][i]['data'],'base64').toString('utf-8');
                         var splitted_data = encoded_data.split(split_char)
 
 
@@ -519,8 +521,11 @@ exports.sendFile = function(dxcallsign, mode, frames, filename, filetype, data,
 
     data = datatype + split_char + filename + split_char + filetype + split_char + checksum + split_char + data
     socketLog.info(data)
-    socketLog.info(btoa(data))
-    data = btoa(data)
+    //socketLog.info(btoa(data))
+    //Btoa / atob will not work with charsets > 8 bits (i.e. the emojis); should probably move away from using it
+    //TODO:  Will need to update anyother occurences and throughly test
+    //data = btoa(data)
+    data = Buffer.from(data,'utf-8').toString("base64");
 
     command = '{"type" : "arq", "command" : "send_raw",  "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '"}]}'
     writeTncCommand(command)
@@ -544,8 +549,8 @@ exports.sendMessage = function(dxcallsign, mode, frames, data, checksum, uuid, c
 
     console.log("CHECKSUM" + checksum)
     //socketLog.info(btoa(data))
-    data = btoa(data)
-
+    //data = btoa(data)
+    data = Buffer.from(data,'utf-8').toString("base64");
 
     //command = '{"type" : "arq", "command" : "send_message", "parameter" : [{ "dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" :  "' + data + '" , "checksum" : "' + checksum + '"}]}'
     command = '{"type" : "arq", "command" : "send_raw",  "uuid" : "'+ uuid +'", "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '", "attempts": "15"}]}'

From 34cfa4b88555674e72e5c503a9d6cacdcb10cb38 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 12:12:15 -0500
Subject: [PATCH 08/32] Real fix for #338.  Replaced btoa/atob functions

---
 gui/preload-chat.js | 41 +++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 73e31a63..295d15ed 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -163,10 +163,9 @@ window.addEventListener('DOMContentLoaded', () => {
 
     document.querySelector('emoji-picker').addEventListener("emoji-click", (event) => {
         var msg = document.getElementById('chatModuleMessage');
-        var picker =  document.getElementById("emojipickercontainer");
-        msg.setRangeText(event.detail.emoji.unicode)
-        console.log(event.detail);
-        picker.style.display="none";
+        //Convert to utf-8--so we can just use utf-8 everywhere
+        msg.setRangeText(event.detail.emoji.unicode.toString('utf-8'));
+        //console.log(event.detail);
         msg.focus();
     })
     document.getElementById("emojipickerbutton").addEventListener("click", () => {
@@ -357,7 +356,8 @@ db.post({
             _attachments: {
                 [filename]: {
                     content_type: filetype,
-                    data: btoa(file)
+                    data: Buffer.from(file,"utf-8").toString("base64")
+                    //data: btoa(file)
                 }
             }
         }).then(function(response) {
@@ -367,7 +367,6 @@ db.post({
         }).catch(function(err) {
             console.log(err);
         });
-
         update_chat_obj_by_uuid(uuid);
 
         // clear input
@@ -475,7 +474,8 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
 
         // handle ARQ transmission
         } else if (item.arq == 'transmission' && item.status == 'received') {
-            var encoded_data = atob(item.data);
+            //var encoded_data = atob(item.data);
+            var encoded_data = Buffer.from(item.data,'base64').toString('utf-8');
             var splitted_data = encoded_data.split(split_char);
 
             console.log(splitted_data)
@@ -493,7 +493,8 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
             obj.type = 'received';
             obj.filename = utf8.decode(splitted_data[6]);
             obj.filetype = utf8.decode(splitted_data[7]);
-            obj.file = btoa(splitted_data[8]);
+            //obj.file = btoa(splitted_data[8]);
+            obj.file = Buffer.from(splitted_data[8],'utf-8').toString("base64");
 
             add_obj_to_database(obj);
             update_chat_obj_by_uuid(obj.uuid);
@@ -535,7 +536,8 @@ update_chat = function(obj) {
                 // get filesize of new submitted data
                 // not that nice....
                 // we really should avoid converting back from base64 for performance reasons...
-                var filesize = Math.ceil(atob(obj._attachments[filename]["data"]).length) + "Bytes";
+                //var filesize = Math.ceil(atob(obj._attachments[filename]["data"]).length) + "Bytes";
+                var filesize = Math.ceil(Buffer.from(obj._attachments[filename]["data"],'base64').toString('utf-8').length);
             }
 
             // check if image, then display it
@@ -853,7 +855,7 @@ update_chat = function(obj) {
 
                 var filename = Object.keys(obj._attachments)[0]
                 var filetype = filename.content_type
- 
+
                 console.log(filename)
                 console.log(filetype)
                 var file = obj._attachments[filename].data
@@ -863,6 +865,24 @@ update_chat = function(obj) {
                 //var file = atob(obj._attachments[filename]["data"])
                 db.getAttachment(obj._id, filename).then(function(data) {
                     console.log(data)
+                    //Rewrote this part to use buffers to ensure encoding is coorect -- n1qm
+                    var binaryString = Buffer.from(data,"base64").toString('utf-8');
+                    
+                    console.log(binaryString);
+                    var data_with_attachment = doc.timestamp + split_char + doc.msg + split_char + filename + split_char + filetype + split_char + binaryString;
+                    let Data = {
+                        command: "send_message",
+                        dxcallsign: doc.dxcallsign,
+                        mode: 255,
+                        frames: 1,
+                        data: data_with_attachment,
+                        checksum: doc.checksum,
+                        uuid: doc.uuid
+                    };
+                    console.log(Data)
+                    ipcRenderer.send('run-tnc-command', Data);
+                });
+                /*
                     // convert blob data to binary string
                     blobUtil.blobToBinaryString(data).then(function (binaryString) {
                         console.log(binaryString)
@@ -891,6 +911,7 @@ update_chat = function(obj) {
 
                     });
                 });
+                */
             }).catch(function(err) {
                 console.log(err);
             });

From 4d699f73db46a6c8cf3d68e536856408cc3440af Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 22:26:44 -0500
Subject: [PATCH 09/32] Address issues from changing atob/bota

---
 gui/preload-chat.js | 43 +++++++++++++++++++++++++++++++------------
 gui/sock.js         | 26 +++++++++++++++++++++-----
 2 files changed, 52 insertions(+), 17 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 295d15ed..3184b1be 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -5,8 +5,6 @@ const {
 const {
     v4: uuidv4
 } = require('uuid');
-const utf8 = require('utf8');
-const blobUtil = require('blob-util')
 // https://stackoverflow.com/a/26227660
 var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config")
 var configFolder = path.join(appDataFolder, "FreeDATA");
@@ -309,7 +307,8 @@ db.post({
         var dxcallsign = selected_callsign.toUpperCase();
         var textarea = document.getElementById('chatModuleMessage')
         var chatmessage = textarea.value;
-
+        //Remove non-printable chars from begining and end of string--should save us a byte here and there
+        chatmessage = chatmessage.toString().trim();
         // reset textarea size
         var message_container_height_offset = 150;
         var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
@@ -356,8 +355,8 @@ db.post({
             _attachments: {
                 [filename]: {
                     content_type: filetype,
-                    data: Buffer.from(file,"utf-8").toString("base64")
                     //data: btoa(file)
+                    data: btoa_FD(file)
                 }
             }
         }).then(function(response) {
@@ -475,7 +474,8 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
         // handle ARQ transmission
         } else if (item.arq == 'transmission' && item.status == 'received') {
             //var encoded_data = atob(item.data);
-            var encoded_data = Buffer.from(item.data,'base64').toString('utf-8');
+            //var encoded_data = Buffer.from(item.data,'base64').toString('utf-8');
+            var encoded_data = atob_FD(item.data);
             var splitted_data = encoded_data.split(split_char);
 
             console.log(splitted_data)
@@ -486,15 +486,16 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
             obj.command = splitted_data[1];
             obj.checksum = splitted_data[2];
             // convert message to unicode from utf8 because of emojis
-            obj.uuid = utf8.decode(splitted_data[3]);
-            obj.msg = utf8.decode(splitted_data[5]);
+            //No, don't convert; we're already UTF-8!!!!!
+            obj.uuid = splitted_data[3];
+            obj.msg = splitted_data[5];
             obj.status = 'null';
             obj.snr = 'null';
             obj.type = 'received';
-            obj.filename = utf8.decode(splitted_data[6]);
-            obj.filetype = utf8.decode(splitted_data[7]);
+            obj.filename = splitted_data[6];
+            obj.filetype = splitted_data[7];
             //obj.file = btoa(splitted_data[8]);
-            obj.file = Buffer.from(splitted_data[8],'utf-8').toString("base64");
+            obj.file = btoa_FD(splitted_data[8]);
 
             add_obj_to_database(obj);
             update_chat_obj_by_uuid(obj.uuid);
@@ -537,7 +538,7 @@ update_chat = function(obj) {
                 // not that nice....
                 // we really should avoid converting back from base64 for performance reasons...
                 //var filesize = Math.ceil(atob(obj._attachments[filename]["data"]).length) + "Bytes";
-                var filesize = Math.ceil(Buffer.from(obj._attachments[filename]["data"],'base64').toString('utf-8').length);
+                var filesize = Math.ceil(atob_FD(obj._attachments[filename]["data"]).length) + " Bytes";
             }
 
             // check if image, then display it
@@ -1059,4 +1060,22 @@ var crc32 = function(str) {
     }
 
     return (crc ^ (-1)) >>> 0;
-};
\ No newline at end of file
+};
+/**
+ * Binary to ASCII replacement
+ * @param {string} data in normal/usual utf-8 format
+ * @returns base64 encoded string
+ */
+function btoa_FD(data)
+{
+    return Buffer.from(data,'utf-8').toString('base64');
+}
+/**
+ * ASCII to Binary replacement
+ * @param {string} data in base64 encoding
+ * @returns utf-8 normal/usual string
+ */
+function atob_FD(data)
+{
+    return Buffer.from(data,'base64').toString('utf-8');
+}
\ No newline at end of file
diff --git a/gui/sock.js b/gui/sock.js
index 664e1f7f..95ea86e0 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -371,7 +371,7 @@ client.on('data', function(socketdata) {
                         socketLog.info(data)
                         // we need to encode here to do a deep check for checking if file or message
                         //var encoded_data = atob(data['data'])
-                        var encoded_data = Buffer.from(data['data'],'base64').toString('utf-8');
+                        var encoded_data = atob_FD(data['data']);
                         var splitted_data = encoded_data.split(split_char)
 
                         if(splitted_data[0] == 'f'){
@@ -425,7 +425,7 @@ client.on('data', function(socketdata) {
                     try{
                         // we need to encode here to do a deep check for checking if file or message
                         //var encoded_data = atob(data['data-array'][i]['data'])
-                        var encoded_data = Buffer.from(data['data-array'][i]['data'],'base64').toString('utf-8');
+                        var encoded_data = atob_FD(data['data-array'][i]['data']);
                         var splitted_data = encoded_data.split(split_char)
 
 
@@ -525,7 +525,7 @@ exports.sendFile = function(dxcallsign, mode, frames, filename, filetype, data,
     //Btoa / atob will not work with charsets > 8 bits (i.e. the emojis); should probably move away from using it
     //TODO:  Will need to update anyother occurences and throughly test
     //data = btoa(data)
-    data = Buffer.from(data,'utf-8').toString("base64");
+    data = btoa_FD(data);
 
     command = '{"type" : "arq", "command" : "send_raw",  "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '"}]}'
     writeTncCommand(command)
@@ -550,7 +550,7 @@ exports.sendMessage = function(dxcallsign, mode, frames, data, checksum, uuid, c
     console.log("CHECKSUM" + checksum)
     //socketLog.info(btoa(data))
     //data = btoa(data)
-    data = Buffer.from(data,'utf-8').toString("base64");
+    data = btoa_FD(data);
 
     //command = '{"type" : "arq", "command" : "send_message", "parameter" : [{ "dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" :  "' + data + '" , "checksum" : "' + checksum + '"}]}'
     command = '{"type" : "arq", "command" : "send_raw",  "uuid" : "'+ uuid +'", "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '", "attempts": "15"}]}'
@@ -644,7 +644,23 @@ ipcRenderer.on('action-update-tnc-ip', (event, arg) => {
 
 });
 
-
+/**
+* String to base64
+* @param {string} data in normal/usual utf-8 format
+* @returns base64 encoded string
+*/
+function btoa_FD(data) {
+    return  Buffer.from(this.data,'utf-8').toString('base64');
+}
+/**
+* base64 to string
+* @param {string} data in base64 encoding
+* @returns utf-8 normal/usual string
+*/
+function atob_FD(data)
+{
+    return Buffer.from(data,'base64').toString('utf-8');
+}
 
 // https://stackoverflow.com/a/50579690
 // crc32 calculation

From 8e976b885cc4b2073d5b2e4571cb9628f89e6e2e Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 22:48:20 -0500
Subject: [PATCH 10/32] More btoa/atob fixes

---
 gui/sock.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/sock.js b/gui/sock.js
index 95ea86e0..7583981d 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -650,7 +650,7 @@ ipcRenderer.on('action-update-tnc-ip', (event, arg) => {
 * @returns base64 encoded string
 */
 function btoa_FD(data) {
-    return  Buffer.from(this.data,'utf-8').toString('base64');
+    return  Buffer.from(data,'utf-8').toString('base64');
 }
 /**
 * base64 to string

From 2bf719cc3e769a4a12e56e4dc122f6dfb40ba32d Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 01:00:57 -0500
Subject: [PATCH 11/32] Small optimization to onData

---
 gui/sock.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/gui/sock.js b/gui/sock.js
index 7583981d..f9c916f1 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -236,6 +236,8 @@ client.on('data', function(socketdata) {
                 };
 
                 ipcRenderer.send('request-update-tnc-state', Data);
+                //continue to next for loop iteration, nothing else needs to be done here
+                continue;
             }
 
 

From 9af3d64d1b587331e93c0bb3a9f06ee6bfe9e0e1 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 01:01:57 -0500
Subject: [PATCH 12/32] Don't set focus when clicking emojis

---
 gui/preload-chat.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 3184b1be..3943e40a 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -164,7 +164,7 @@ window.addEventListener('DOMContentLoaded', () => {
         //Convert to utf-8--so we can just use utf-8 everywhere
         msg.setRangeText(event.detail.emoji.unicode.toString('utf-8'));
         //console.log(event.detail);
-        msg.focus();
+        //msg.focus();
     })
     document.getElementById("emojipickerbutton").addEventListener("click", () => {
         var element = document.getElementById("emojipickercontainer")

From b644e7bf445f934ee327ae98c2d3385db48302d3 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 03:06:58 -0500
Subject: [PATCH 13/32] Footer tweaks

---
 gui/preload-main.js | 124 ++++++++++++++++++++++++++++++--------------
 gui/src/index.html  |  33 +++---------
 2 files changed, 91 insertions(+), 66 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 89ece195..d9a2b8fa 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1488,48 +1488,20 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
 
 //Listen for events caused by tnc 'tnc-message' receiving
 ipcRenderer.on('action-update-reception-status', (event, arg) => {
-    var data =arg["data"][0];
-    //var txprog = document.getElementById("transmission_progress")
-   
-    ipcRenderer.send('request-show-electron-progressbar',data.percent);
-    // SET BYTES PER MINUTE
-    if (typeof(data.bytesperminute) == 'undefined') {
-        var arq_bytes_per_minute = 0;
-    } else {
-        var arq_bytes_per_minute = data.bytesperminute;
-    }
-    document.getElementById("bytes_per_min_rx").textContent = arq_bytes_per_minute;
-    
-    // SET BYTES PER MINUTE COMPRESSED
-    var compress = data.compression;
-    if (isNaN(compress)) {
-        compress = 1;
-    }
-    var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
-    document.getElementById("bytes_per_min_rx").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
-    if (!(typeof(data.dxcallsign) == 'undefined')) {
-        //console.log("Received dxcallsign(rx-status):  ", data.dxcallsign);
-        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
-    }
-});
-
-//Listen for events caused by tnc 'tnc-message's
-ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     var data =arg["data"][0];
     var txprog = document.getElementById("transmission_progress")
     ipcRenderer.send('request-show-electron-progressbar',data.percent);
     txprog.setAttribute("aria-valuenow", data.percent);
     txprog.setAttribute("style", "width:" + data.percent + "%;");
-
-     // SET TIME LEFT UNTIL FINIHED
-     if (typeof(data.finished) == 'undefined') {
-        var time_left = 0;
+     
+    // SET TIME LEFT UNTIL FINIHED
+    if (typeof(data.finished) == 'undefined') {
+        var time_left = "time left: estimating";
     } else {
         var arq_seconds_until_finish = data.finished
         var hours = Math.floor(arq_seconds_until_finish / 3600);
         var minutes = Math.floor((arq_seconds_until_finish % 3600) / 60 );
         var seconds = arq_seconds_until_finish % 60;
-
         if(hours < 0) {
             hours = 0;
         }
@@ -1539,9 +1511,14 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
         if(seconds < 0) {
             seconds = 0;
         }
-        var time_left = "time left: ~ "+ minutes + "min" + " " + seconds + "s";
+        if (hours > 0)
+        {
+            time_left = "time left: ~"+ hours.toString().padStart(2,'0') + ":" + minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        } else {
+            time_left = "time left: ~"+ minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        }
     }
-    document.getElementById("transmission_timeleft").textContent = time_left;
+    var time_left = "<strong>" + time_left +" || Speed/min: ";
 
     // SET BYTES PER MINUTE
     if (typeof(data.bytesperminute) == 'undefined') {
@@ -1549,7 +1526,6 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     } else {
         var arq_bytes_per_minute = data.bytesperminute;
     }
-    document.getElementById("bytes_per_min").textContent = arq_bytes_per_minute;
     
     // SET BYTES PER MINUTE COMPRESSED
     var compress = data.compression;
@@ -1557,14 +1533,85 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
         compress = 1;
     }
     var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
-    document.getElementById("bytes_per_min").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
+    
+    time_left += formatBytes(arq_bytes_per_minute,1) + " (comp: " + formatBytes(arq_bytes_per_minute_compressed,1) + ")</strong>";
+    
     if (!(typeof(data.dxcallsign) == 'undefined')) {
-        //console.log("Received dxcallsign(tx-status):  ", data.dxcallsign);
-        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
+        document.getElementById("txtConnectedWith").textContent='de ' + data.dxcallsign;
+    }
+    document.getElementById("transmission_timeleft").innerHTML = time_left;
+
+});
+
+//Listen for events caused by tnc 'tnc-message's
+ipcRenderer.on('action-update-transmission-status', (event, arg) => {
+    var data =arg["data"][0];
+    var txprog = document.getElementById("transmission_progress")
+    ipcRenderer.send('request-show-electron-progressbar',data.percent);
+    txprog.setAttribute("aria-valuenow", data.percent);
+    txprog.setAttribute("style", "width:" + data.percent + "%;");
+     
+    // SET TIME LEFT UNTIL FINIHED
+    if (typeof(data.finished) == 'undefined') {
+        var time_left = "time left: estimating";
+    } else {
+        var arq_seconds_until_finish = data.finished
+        var hours = Math.floor(arq_seconds_until_finish / 3600);
+        var minutes = Math.floor((arq_seconds_until_finish % 3600) / 60 );
+        var seconds = arq_seconds_until_finish % 60;
+        if(hours < 0) {
+            hours = 0;
+        }
+        if(minutes < 0) {
+            minutes = 0;
+        }
+        if(seconds < 0) {
+            seconds = 0;
+        }
+        if (hours > 0)
+        {
+            time_left = "time left: ~"+ hours.toString().padStart(2,'0') + ":" + minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        } else {
+            time_left = "time left: ~"+ minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        }
+    }
+    var time_left = "<strong>" + time_left +" || Speed/min: ";
+
+    // SET BYTES PER MINUTE
+    if (typeof(data.bytesperminute) == 'undefined') {
+        var arq_bytes_per_minute = 0;
+    } else {
+        var arq_bytes_per_minute = data.bytesperminute;
     }
     
+    // SET BYTES PER MINUTE COMPRESSED
+    var compress = data.compression;
+    if (isNaN(compress)) {
+        compress = 1;
+    }
+    var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
+    
+    time_left += formatBytes(arq_bytes_per_minute,1) + " (comp: " + formatBytes(arq_bytes_per_minute_compressed,1) + ")</strong>";
+    
+    if (!(typeof(data.dxcallsign) == 'undefined')) {
+        document.getElementById("txtConnectedWith").textContent='to ' + data.dxcallsign;
+    }
+    document.getElementById("transmission_timeleft").innerHTML = time_left;
 });
 
+//https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript
+function formatBytes(bytes, decimals = 1) {
+    if (!+bytes) return '0 Bytes'
+
+    const k = 1024
+    const dm = decimals < 0 ? 0 : decimals
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
+}
+
 var slowRollTable=4;
 
 ipcRenderer.on('action-update-tnc-state', (event, arg) => {
@@ -2394,7 +2441,6 @@ ipcRenderer.on('action-update-rx-buffer', (event, arg) => {
             console.log(err);
         });
     }
-
 });
 
 ipcRenderer.on('run-tnc-command', (event, arg) => {
diff --git a/gui/src/index.html b/gui/src/index.html
index b33d6032..5941bbd8 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1338,7 +1338,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="col-sm-2">
+			<div class="col-sm-3">
 				<div class="input-group input-group-sm">
 					<div class="btn-group dropup me-1">
 						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
@@ -1395,48 +1395,27 @@
 					</div>
 				</div>
 			</div>
-			<div class="col-sm-4">
+			<div class="col-sm-3">
 				<div class="input-group input-group-sm">
 					<span class="input-group-text" id="basic-addon1">
-						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>TX
+						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>
 					</span>
 					<span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip"
 						data-bs-html="false" title="actual speed level">
 						<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i>
 					</span>
-					<span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="raw data rate modem in bytes per minute">---</span>
-						<!--
-					<span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="data rate including file compression in bytes per minute">---</span>
-						-->
-					<span class="input-group-text" id="basic-addon1">
-						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>RX
-					</span>
-					<span class="input-group-text" id="bytes_per_min_rx" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="raw data rate modem in bytes per minute">---</span>
-						<!--
-					<span class="input-group-text" id="bytes_per_min_compressed_rx" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="data rate including file compression in bytes per minute">---</span>
-						-->
 					<span class="input-group-text" id="basic-addon1">
 						<i class="bi bi-file-earmark-binary" style="font-size: 1rem; color: black;"></i>
 					</span>
 					<span class="input-group-text" id="total_bytes" data-bs-placement="bottom" data-bs-toggle="tooltip"
 						data-bs-html="false" title="total bytes processed">---</span>
-						<span class="input-group-text" id="basic-addon1"
-					data-bs-toggle="tooltip" title="Connected with"><span class="bi bi-chat-fill"
-						id="spnConnectedWith"></span></span><span class="input-group-text"
-					id="txtConnectedWith">------</span>
+						<span class="input-group-text" id="basic-addon1" data-bs-toggle="tooltip" title="Indicates if a session is active"><span class="bi bi-chat-fill" id="spnConnectedWith"></span></span>
+						<span class="input-group-text" id="txtConnectedWith" data-bs-toggle="tooltip" title="Connected with">------</span>
 				</div>
 			</div>
 			<div class="col-lg-4">
 				<div style="margin-right: 2px;">
-					<div class="progress w-100" style="height: 30px;min-width: 200px;">
+					<div class="progress w-100" style="height: 30px;min-width: 300px;">
 						<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress"
 							role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
 						</div>

From 2790db807c96513f11663f7c25e672983d146bfc Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 05:54:35 -0500
Subject: [PATCH 14/32] More atob/btoa fixes

---
 gui/main.js         | 14 +++++---------
 gui/preload-chat.js |  4 ++--
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 2f84b768..9ca16f30 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -507,7 +507,8 @@ console.log(filepath.filePaths[0])
 
   try {
   //fs.readFile(filepath.filePaths[0], 'utf8',  function (err, data) {
-  fs.readFile(filepath.filePaths[0], 'binary', function (err, data) {
+    //Has to be binary
+  fs.readFile(filepath.filePaths[0],'binary', function (err, data) {
   
   console.log(data.length)
 
@@ -541,15 +542,10 @@ ipcMain.on('save-file-to-folder',(event,data)=>{
         console.log(data.file)        
 
               try {
-
-                let buffer = Buffer.from(data.file);
-                let arraybuffer = Uint8Array.from(buffer);
+                let arraybuffer = Buffer.from(data.file,"base64").toString('utf-8');
                 console.log(arraybuffer)
-               fs.writeFile(filepath.filePath, data.file, 'binary', function (err, data) {
-                //fs.writeFile(filepath.filePath, arraybuffer,  function (err, data) {
-              //fs.writeFile(filepath.filePath, arraybuffer, 'binary', function(err) {
-              //fs.writeFile(filepath.filePath, new Uint8Array(Buffer.from(data.file)),  function (err, data) {
-              //fs.writeFile(filepath.filePath, Buffer.from(data.file),  function (err, data) {
+                //Has to be binary
+               fs.writeFile(filepath.filePath, arraybuffer, 'binary', function (err, data) {
                 })
               } catch (err) {
                 console.log(err);
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 3943e40a..de9f517d 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -866,8 +866,8 @@ update_chat = function(obj) {
                 //var file = atob(obj._attachments[filename]["data"])
                 db.getAttachment(obj._id, filename).then(function(data) {
                     console.log(data)
-                    //Rewrote this part to use buffers to ensure encoding is coorect -- n1qm
-                    var binaryString = Buffer.from(data,"base64").toString('utf-8');
+                    //Rewrote this part to use buffers to ensure encoding is corect -- n1qm
+                    var binaryString = atob_FD(data);
                     
                     console.log(binaryString);
                     var data_with_attachment = doc.timestamp + split_char + doc.msg + split_char + filename + split_char + filetype + split_char + binaryString;

From 30dc0b8e777d04497bbca91feda359b3b30b7fd8 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Fri, 3 Feb 2023 17:14:02 -0500
Subject: [PATCH 15/32] Less fancy graphics if !high_graphics

---
 gui/preload-main.js | 50 +++++++++++++++------------------------------
 1 file changed, 17 insertions(+), 33 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index b9ec859b..8143b36b 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1902,45 +1902,27 @@ var speedChartOptions = {
         document.getElementById("rigctld_state").className = "btn btn-secondary btn-sm";
     }
 
+   let bcn = document.getElementById("startBeacon");
 
-
-    // BEACON STATE
-    /*
-    if (arg.beacon_state == 'True') {
-        document.getElementById("startBeacon").className = "btn btn-sm btn-success spinner-grow";
-        document.getElementById("startBeacon").disabled = true;
-        document.getElementById("beaconInterval").disabled = true;
-        document.getElementById("stopBeacon").disabled = false;
-    } else if (arg.beacon_state == 'False') {
-        document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-        document.getElementById("startBeacon").disabled = false;
-        document.getElementById("beaconInterval").disabled = false;
-        document.getElementById("stopBeacon").disabled = true;
-    } else {
-        document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-        document.getElementById("startBeacon").disabled = false;
-        document.getElementById("stopBeacon").disabled = true;
-        document.getElementById("beaconInterval").disabled = false;
-    }
-    */
     switch (arg.beacon_state){
         case 'True':
-            document.getElementById("startBeacon").className = "btn btn-sm btn-success spinner-grow";
-            document.getElementById("startBeacon").disabled = true;
+            if (config.high_graphics.toUpperCase() == "TRUE") {
+               bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
+                document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
+            } else {
+                bcn.className = "btn btn-sm btn-success";
+                document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1 text-success text-uppercase");
+            }
+            bcn.disabled = true;
             document.getElementById("beaconInterval").disabled = true;
             document.getElementById("stopBeacon").disabled = false;
             break;
-        case 'False':
-            document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-            document.getElementById("startBeacon").disabled = false;
-            document.getElementById("beaconInterval").disabled = false;
-            document.getElementById("stopBeacon").disabled = true;
-            break;
         default:
-            document.getElementById("startBeacon").className = "btn btn-sm btn-success";
-            document.getElementById("startBeacon").disabled = false;
-            document.getElementById("stopBeacon").disabled = true;
+            document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
+            bcn.className = "btn btn-sm btn-success";
+            bcn.disabled = false;
             document.getElementById("beaconInterval").disabled = false;
+            document.getElementById("stopBeacon").disabled = true;
             break;
     }
     // dbfs
@@ -2954,11 +2936,13 @@ function set_CPU_mode() {
         toggleClass("transmission_progress","progress-bar-striped",true);
     }
 }
-//Teomporarily disable a button with timeout
+//Temporarily disable a button with timeout
 function pauseButton(btn, timems) {
     btn.disabled = true;
     var curText = btn.innerHTML;
-    btn.innerHTML = "<span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\">";
+    if (config.high_graphics.toUpperCase() == "TRUE") {
+        btn.innerHTML = "<span class=\"spinner-grow spinner-grow-sm force-gpu\" role=\"status\" aria-hidden=\"true\">";
+    }
   setTimeout(()=>{
     btn.innerHTML=curText;
     btn.disabled = false;}, timems)

From 7f8033ff26c8e13bfbfa86cd2b510ac9c7d87145 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Fri, 3 Feb 2023 17:17:15 -0500
Subject: [PATCH 16/32] Add id to beacon text, move fancy gui setting with
 other gui settings

---
 gui/src/index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 3b41caa6..a875e712 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -814,7 +814,7 @@
 								<div class="col-md-auto">
 									<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
 										<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i> </button>
-										<div class="input-group-text p-1">Beacon</div>
+										<div id="txtBeacon" class="input-group-text p-1">Beacon</div>
 										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
 											<option value="5">5s</option>
 											<option selected value="10">10s</option>
@@ -1214,6 +1214,15 @@
 							<option value="6">Binary</option>
 						</select>
 					</div>
+					<div class="input-group  input-group-sm mb-1">
+						<label class="input-group-text w-50">Enable Fancy GUI</label>
+						<label class="input-group-text bg-white w-50">
+							<div class="form-check form-switch form-check-inline">
+								<input class="form-check-input" type="checkbox" id="GraphicsSwitch">
+								<label class="form-check-label" for="GraphicsSwitch">Higher CPU Usage</label>
+							</div>
+						</label>
+					</div>
 					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
 						<select class="form-select form-select-sm w-50" id="update_channel_selector">
 							<option value="latest">stable</option>
@@ -1315,15 +1324,6 @@
 							</select>
 						</label>
 					</div>
-					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable Fancy GUI</label>
-						<label class="input-group-text bg-white w-50">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="GraphicsSwitch">
-								<label class="form-check-label" for="GraphicsSwitch">Higher CPU Usage</label>
-							</div>
-						</label>
-					</div>
 				</div>
 			</div>
 		</div>

From a44e4b81b3a23f752381d3338c32786f62abf427 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 00:28:28 -0500
Subject: [PATCH 17/32] Small tweaks, cleanup

---
 gui/preload-main.js | 157 ++------------------------------------------
 1 file changed, 6 insertions(+), 151 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 8143b36b..db81343a 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1484,14 +1484,6 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
             };
             ipcRenderer.send('request-show-chat-window', Data);    
     })
-
-
-    
-    
-    
-    
-
-  
 })
 
 //Listen for events caused by tnc 'tnc-message's
@@ -1563,9 +1555,7 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
     // DATA STATE
     global.rxBufferLengthTnc = arg.rx_buffer_length
 
-
     // START OF SCATTER CHART
-
     const scatterConfig = {
                 plugins: {
                     legend: {
@@ -1574,7 +1564,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                     tooltip: {
                         enabled: false
                     },
-                    
                     annotation: {
                         annotations: {
                             line1: {
@@ -1593,9 +1582,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                             }
                          }   
                      },   
-        
-        
-        
                 },
                 animations: false,
                 scales: {
@@ -1610,7 +1596,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                         }            
                     },
                     y: {
-                    
                         display: true,
                         min: -80,
                         max: 80,
@@ -1654,7 +1639,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
     // END OF SCATTER CHART
 
     // START OF SPEED CHART
-
     var speedDataTime = []
 
     if (typeof(arg.speed_list) == 'undefined') {
@@ -1683,7 +1667,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
         speedDataSnr.push(arg.speed_list[i].snr)
     }
 
-
     var speedChartConfig = {
       type: 'line',
     };
@@ -1710,7 +1693,6 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                 yAxisID: 'SPEED',
             }
         ],
-
     };
 
 var speedChartOptions = {
@@ -1748,19 +1730,9 @@ var speedChartOptions = {
             global.speedChart.update();
         }
     }
-
     // END OF SPEED CHART
 
     // PTT STATE
-    /*
-    if (arg.ptt_state == 'True') {
-        document.getElementById("ptt_state").className = "btn btn-sm btn-danger";
-    } else if (arg.ptt_state == 'False') {
-        document.getElementById("ptt_state").className = "btn btn-sm btn-success";
-    } else {
-        document.getElementById("ptt_state").className = "btn btn-sm btn-secondary";
-    }
-    */
     switch (arg.ptt_state){
         case 'True':
             document.getElementById("ptt_state").className = "btn btn-sm btn-danger";
@@ -1771,33 +1743,16 @@ var speedChartOptions = {
         default:
             document.getElementById("ptt_state").className = "btn btn-sm btn-secondary";
             break;
-
     }
+
     // AUDIO RECORDING
     if (arg.audio_recording == 'True') {
-        document.getElementById("startStopRecording").className = "btn btn-sm btn-danger";
         document.getElementById("startStopRecording").textContent = "Stop Rec"
-    } else if (arg.ptt_state == 'False') {
-        document.getElementById("startStopRecording").className = "btn btn-sm btn-danger";
-        document.getElementById("startStopRecording").textContent = "Start Rec"
     } else {
-        document.getElementById("startStopRecording").className = "btn btn-sm btn-danger";
         document.getElementById("startStopRecording").textContent = "Start Rec"
     }
 
     // CHANNEL BUSY STATE
-    /*
-    if (arg.channel_busy == 'True') {
-        document.getElementById("channel_busy").className = "btn btn-sm btn-danger";
-
-    } else if (arg.channel_busy == 'False') {
-        document.getElementById("channel_busy").className = "btn btn-sm btn-success";
-
-    } else {
-        document.getElementById("channel_busy").className = "btn btn-sm btn-secondary";
-
-    }
-    */
     switch (arg.channel_busy){
         case 'True':
             document.getElementById("channel_busy").className = "btn btn-sm btn-danger";
@@ -1811,19 +1766,6 @@ var speedChartOptions = {
     }
 
     // BUSY STATE
-    /*
-    if (arg.busy_state == 'BUSY') {
-        document.getElementById("busy_state").className = "btn btn-sm btn-danger";
-        document.getElementById("startTransmission").disabled = true;
-        //document.getElementById("stopTransmission").disabled = false;
-    } else if (arg.busy_state == 'IDLE') {
-        document.getElementById("busy_state").className = "btn btn-sm btn-success";
-    } else {
-        document.getElementById("busy_state").className = "btn btn-sm btn-secondary";
-        document.getElementById("startTransmission").disabled = true;
-        //document.getElementById("stopTransmission").disabled = false;
-    }
-    */
     switch(arg.busy_state){
         case 'BUSY':
             document.getElementById("busy_state").className = "btn btn-sm btn-danger";
@@ -1839,57 +1781,22 @@ var speedChartOptions = {
     }
 
     // ARQ STATE
-    /*
-    if (arg.arq_state == 'True') {
-        document.getElementById("arq_state").className = "btn btn-sm btn-warning";
-        //document.getElementById("startTransmission").disabled = true;
-        document.getElementById("startTransmission").disabled = false;
-        //document.getElementById("stopTransmission").disabled = false;
-    } else if (arg.arq_state == 'False') {
-        document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
-        document.getElementById("startTransmission").disabled = false;
-        //document.getElementById("stopTransmission").disabled = true;
-    } else {
-        document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
-        //document.getElementById("startTransmission").disabled = true;
-        document.getElementById("startTransmission").disabled = false;
-        //document.getElementById("stopTransmission").disabled = false;
-    }
-    */
     switch (arg.arq_state){
         case 'True':
             document.getElementById("arq_state").className = "btn btn-sm btn-warning";
             document.getElementById("startTransmission").disabled = false;
             break;
-        case 'False':
-            document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
-            document.getElementById("startTransmission").disabled = false;
-            break;
         default:
             document.getElementById("arq_state").className = "btn btn-sm btn-secondary";
             document.getElementById("startTransmission").disabled = false;
             break;
     }
-    // ARQ SESSION
-    /*
-    if (arg.arq_session == 'True') {
-        document.getElementById("arq_session").className = "btn btn-sm btn-warning";
 
-    } else if (arg.arq_session == 'False') {
-        document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-
-    } else {
-        document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-
-    }
-    */
+ // ARQ SESSION
     switch (arg.arq_session){
         case 'True':
             document.getElementById("arq_session").className = "btn btn-sm btn-warning";
             break;
-        case 'False':
-            document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-            break;
         default:
             document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
             break;
@@ -1902,12 +1809,13 @@ var speedChartOptions = {
         document.getElementById("rigctld_state").className = "btn btn-secondary btn-sm";
     }
 
-   let bcn = document.getElementById("startBeacon");
+    // BEACON
+    let bcn = document.getElementById("startBeacon");
 
     switch (arg.beacon_state){
         case 'True':
             if (config.high_graphics.toUpperCase() == "TRUE") {
-               bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
+                bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
                 document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
             } else {
                 bcn.className = "btn btn-sm btn-success";
@@ -1950,23 +1858,6 @@ var speedChartOptions = {
     document.getElementById("bandwidth").textContent = arg.bandwidth;
 
     // SET SPEED LEVEL
-    /*
-    if(arg.speed_level >= 0) {
-        document.getElementById("speed_level").className = "bi bi-reception-1";
-    }
-    if(arg.speed_level >= 1) {
-        document.getElementById("speed_level").className = "bi bi-reception-2";
-    }
-    if(arg.speed_level >= 2) {
-        document.getElementById("speed_level").className = "bi bi-reception-3";
-    }
-    if(arg.speed_level >= 3) {
-        document.getElementById("speed_level").className = "bi bi-reception-4";
-    }
-    if(arg.speed_level >= 4) {
-        document.getElementById("speed_level").className = "bi bi-reception-4";
-    }
-    */
     switch (arg.speed_level){
         case '0':
             document.getElementById("speed_level").className = "bi bi-reception-1";
@@ -1982,8 +1873,6 @@ var speedChartOptions = {
             break;
     }
     
-    
-    
     // SET TOTAL BYTES
     if (typeof(arg.total_bytes) == 'undefined') {
         var total_bytes = 0;
@@ -2022,13 +1911,10 @@ var speedChartOptions = {
             var myGrid = document.getElementById("myGrid").value;
             try {
                 var dist = parseInt(distance(myGrid, dxGrid)) + ' km';
-                //document.getElementById("pingDistance").innerHTML = dist;
                 document.getElementById("dataModalPingDistance").textContent = dist;
             } catch {
-                //document.getElementById("pingDistance").innerHTML = '---';
                 document.getElementById("dataModalPingDistance").textContent = '---';
             }
-            //document.getElementById("pingDB").innerHTML = arg.stations[i]['snr'];
             document.getElementById("dataModalPingDB").textContent = arg.stations[i]['snr'];
         }
 
@@ -2082,17 +1968,7 @@ var speedChartOptions = {
         var dataTypeText = document.createElement('span');
         dataTypeText.innerText = arg.stations[i]['datatype'];
         dataType.appendChild(dataTypeText);
-        /*
-        if(arg.stations[i]['datatype'] == 'DATA-CHANNEL'){
-            dataTypeText.innerText = 'DATA-C';
-            dataType.appendChild(dataTypeText);
-        }
-        
-        if(arg.stations[i]['datatype'] == 'SESSION-HB'){
-            dataTypeText.innerHTML = '<i class="bi bi-heart-pulse-fill"></i>';
-            dataType.appendChild(dataTypeText);
-        }
-        */
+
         switch (arg.stations[i]['datatype']){
             case 'DATA-CHANNEL':
                 dataTypeText.innerText = 'DATA-C';
@@ -2103,28 +1979,7 @@ var speedChartOptions = {
                 dataType.appendChild(dataTypeText);
                 break;
         }
-        /*
-        if (dataTypeText.innerText == 'CQ CQ CQ') {
-            row.classList.add("table-success");
-        }
 
-        if (dataTypeText.innerText == 'DATA-C') {
-            dataTypeText.innerHTML = '<i class="bi bi-file-earmark-binary-fill"></i>';
-            row.classList.add("table-warning");
-        }
-
-        if (dataTypeText.innerText == 'BEACON') {
-            row.classList.add("table-light");
-        }
-
-        if (dataTypeText.innerText == 'PING') {
-            row.classList.add("table-info");
-        }
-
-        if (dataTypeText.innerText == 'PING-ACK') {
-            row.classList.add("table-primary");
-        }
-        */
         switch (dataTypeText.innerText){
             case 'CQ CQ CQ':
                 row.classList.add("table-success");

From 395692986e8ecf28e14e15195980ab4e68e0afa6 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 06:00:53 -0500
Subject: [PATCH 18/32] Show connected station, show RX byte rate, responsive
 footer

---
 gui/main.js         |    4 +
 gui/preload-main.js |   65 +-
 gui/sock.js         |    3 +
 gui/src/index.html  | 1405 ++++++++++++++++++++++++++-----------------
 4 files changed, 926 insertions(+), 551 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 808a45d8..2f84b768 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -467,6 +467,10 @@ ipcMain.on('request-update-transmission-status', (event, arg) => {
     win.webContents.send('action-update-transmission-status',arg);
 });
 
+ipcMain.on('request-update-reception-status', (event, arg) => {
+    win.webContents.send('action-update-reception-status',arg);
+});
+
 ipcMain.on('request-open-tnc-log', () => {
     logViewer.show();
 });
diff --git a/gui/preload-main.js b/gui/preload-main.js
index db81343a..d8c4c85b 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1486,6 +1486,33 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
     })
 })
 
+//Listen for events caused by tnc 'tnc-message' receiving
+ipcRenderer.on('action-update-reception-status', (event, arg) => {
+    var data =arg["data"][0];
+    //var txprog = document.getElementById("transmission_progress")
+   
+    ipcRenderer.send('request-show-electron-progressbar',data.percent);
+    // SET BYTES PER MINUTE
+    if (typeof(data.bytesperminute) == 'undefined') {
+        var arq_bytes_per_minute = 0;
+    } else {
+        var arq_bytes_per_minute = data.bytesperminute;
+    }
+    document.getElementById("bytes_per_min_rx").textContent = arq_bytes_per_minute;
+    
+    // SET BYTES PER MINUTE COMPRESSED
+    var compress = data.compression;
+    if (isNaN(compress)) {
+        compress = 1;
+    }
+    var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
+    document.getElementById("bytes_per_min_rx").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
+    if (!(typeof(data.dxcallsign) == 'undefined')) {
+        //console.log("Received dxcallsign(rx-status):  ", data.dxcallsign);
+        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
+    }
+});
+
 //Listen for events caused by tnc 'tnc-message's
 ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     var data =arg["data"][0];
@@ -1530,7 +1557,11 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
         compress = 1;
     }
     var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
-    document.getElementById("bytes_per_min_compressed").textContent = arq_bytes_per_minute_compressed;
+    document.getElementById("bytes_per_min").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
+    if (!(typeof(data.dxcallsign) == 'undefined')) {
+        //console.log("Received dxcallsign(tx-status):  ", data.dxcallsign);
+        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
+    }
     
 });
 
@@ -1792,15 +1823,25 @@ var speedChartOptions = {
             break;
     }
 
- // ARQ SESSION
-    switch (arg.arq_session){
-        case 'True':
-            document.getElementById("arq_session").className = "btn btn-sm btn-warning";
-            break;
-        default:
-            document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
-            break;
-    }
+     // ARQ SESSION
+     switch (arg.arq_session){
+         case 'True':
+             document.getElementById("arq_session").className = "btn btn-sm btn-warning";
+             break;
+         default:
+             document.getElementById("arq_session").className = "btn btn-sm btn-secondary";
+             break;
+     }
+
+     if (arg.arq_state == 'True' || arg.arq_session == 'True') {
+        toggleClass("spnConnectedWith","text-success",true);
+        if (!(typeof(arg.dxcallsign) == 'undefined')) {
+            //console.log("Received dxcallsign:  " + arg.dxcallsign);
+            document.getElementById("txtConnectedWith").textContent=arg.dxcallsign;
+        }
+     } else {
+        toggleClass("spnConnectedWith","text-success",false);
+     }
 
     // HAMLIB STATUS
     if (arg.hamlib_status == 'connected') {
@@ -1814,6 +1855,7 @@ var speedChartOptions = {
 
     switch (arg.beacon_state){
         case 'True':
+            bcn.disabled = true;    
             if (config.high_graphics.toUpperCase() == "TRUE") {
                 bcn.className = "btn btn-sm btn-success spinner-grow force-gpu";
                 document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
@@ -1821,16 +1863,15 @@ var speedChartOptions = {
                 bcn.className = "btn btn-sm btn-success";
                 document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1 text-success text-uppercase");
             }
-            bcn.disabled = true;
             document.getElementById("beaconInterval").disabled = true;
             document.getElementById("stopBeacon").disabled = false;
             break;
         default:
             document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1");
             bcn.className = "btn btn-sm btn-success";
-            bcn.disabled = false;
             document.getElementById("beaconInterval").disabled = false;
             document.getElementById("stopBeacon").disabled = true;
+            bcn.disabled = false;
             break;
     }
     // dbfs
diff --git a/gui/sock.js b/gui/sock.js
index 545ae9f6..8d956acf 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -346,6 +346,9 @@ client.on('data', function(socketdata) {
                     } else if (data['status'] == 'waiting') {
                         ipcRenderer.send('request-show-arq-toast-datachannel-waiting', {data: [data]});
 
+                     // ARQ RECEIVING
+                    } else if (data['status'] == 'receiving') {
+                        ipcRenderer.send('request-update-reception-status', {data: [data]});
 
                     // ARQ TRANSMISSION FAILED
                     } else if (data['status'] == 'failed') {
diff --git a/gui/src/index.html b/gui/src/index.html
index a875e712..a50f93ca 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -21,32 +21,62 @@
 	<nav class="navbar bg-light fixed-top mt-0 mb-1 pb-1 pt-1 shadow-sm">
 		<div class="container-fluid mt-0">
 			<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
-				<div class="btn-group btn-group-sm me-2" role="group" aria-label="local-remote-switch toggle button group" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
-					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1" autocomplete="off" checked>
-					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1"> <i class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i> </label>
-					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2" autocomplete="off">
-					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2"> <i class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i> </label>
+				<div class="btn-group btn-group-sm me-2" role="group"
+					aria-label="local-remote-switch toggle button group" data-bs-placement="bottom"
+					data-bs-toggle="tooltip" data-bs-html="true"
+					title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option.">
+					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch1"
+						autocomplete="off" checked>
+					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch1"> <i
+							class="bi bi-pc-display-horizontal" style="font-size: 1rem; color: black;"></i> </label>
+					<input type="radio" class="btn-check" name="local-remote-switch" id="local-remote-switch2"
+						autocomplete="off">
+					<label class="btn btn-sm btn-outline-secondary" for="local-remote-switch2"> <i
+							class="bi bi-ethernet" style="font-size: 1rem; color: black;"></i> </label>
 				</div>
-				<div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text" id="basic-addon1">TNC IP</span>
-					<input type="text" class="form-control" placeholder="ip address" id="tnc_adress" value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
-					<input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5" max="65534" min="1025" style="width: 4rem" aria-label="Username" aria-describedby="basic-addon1">
-					<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled> <i class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i> </button>
+				<div class="input-group input-group-sm me-2" id="remote-tnc-field"> <span class="input-group-text"
+						id="basic-addon1">TNC IP</span>
+					<input type="text" class="form-control" placeholder="ip address" id="tnc_adress"
+						value="192.168.178.163" maxlength="17" style="width: 8rem" aria-label="Username"
+						aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
+					<input type="text" class="form-control" placeholder="port" value="3000" id="tnc_port" maxlength="5"
+						max="65534" min="1025" style="width: 4rem" aria-label="Username"
+						aria-describedby="basic-addon1">
+					<button class="btn btn-sm btn-danger" id="daemon_connection_state" type="button" disabled> <i
+							class="bi bi-diagram-3" style="font-size: 1rem; color: white;"></i> </button>
 				</div>
-				<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Start or stop the TNC process. Please set your audio and radio settings first!">
-					<button type="button" id="startTNC" class="btn btn-sm btn-success"> <i class="bi bi-play-fill" style="font-size: 1rem; color: white;"></i> </button>
+				<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip"
+					data-bs-html="true"
+					title="Start or stop the TNC process. Please set your audio and radio settings first!">
+					<button type="button" id="startTNC" class="btn btn-sm btn-success"> <i class="bi bi-play-fill"
+							style="font-size: 1rem; color: white;"></i> </button>
 					<!-- TNC LOG BUTTON -->
-					<button class="btn btn-sm btn-secondary" id="tncLog" type="button"> <i class="bi bi-activity" style="font-size: 1rem; color: white;"></i> </button>
+					<button class="btn btn-sm btn-secondary" id="tncLog" type="button"> <i class="bi bi-activity"
+							style="font-size: 1rem; color: white;"></i> </button>
 					<!--     <span class="input-group-text" id="tnc_running_state" style="width: 5rem">---</span>-->
-					<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC" class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> </button>
+					<button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" id="stopTNC"
+						class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill"
+							style="font-size: 1rem; color: white;"></i> </button>
 				</div>
 			</div>
 			<div class="btn-toolbar" role="toolbar">
-				<button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button"> <i class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> STOP </button>
+				<button class="btn btn-sm btn-danger" id="stop_transmission_connection" type="button"> <i
+						class="bi bi-x-octagon-fill" style="font-size: 1rem; color: white;"></i> STOP </button>
 			</div>
 			<div class="btn-toolbar" role="toolbar">
-				<button class="btn btn-sm btn-primary me-4  position-relative" id="openExplorer" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View explorer map"> <strong>Explorer</strong> <i class="bi bi-pin-map-fill" style="font-size: 1rem; color: white;"></i></button>
-				<button class="btn btn-sm btn-primary me-4  position-relative" id="openRFChat" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Open the HF chat module. This is currently just a test and not finished, yet!"> <strong>RF Chat</strong> <i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span> </button> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View the received files. This is currently under development!">
-           				<!--
+				<button class="btn btn-sm btn-primary me-4  position-relative" id="openExplorer" type="button"
+					data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="View explorer map">
+					<strong>Explorer</strong> <i class="bi bi-pin-map-fill"
+						style="font-size: 1rem; color: white;"></i></button>
+				<button class="btn btn-sm btn-primary me-4  position-relative" id="openRFChat" type="button"
+					data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+					title="Open the HF chat module. This is currently just a test and not finished, yet!"> <strong>RF
+						Chat</strong> <i class="bi bi-chat-left-text-fill" style="font-size: 1rem; color: white;"></i>
+					<span
+						class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">.</span>
+				</button> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+					title="View the received files. This is currently under development!">
+					<!--
 
                <button class="btn btn-sm btn-primary me-2" data-bs-toggle="offcanvas" data-bs-target="#receivedFilesSidebar" id="openReceivedFiles" type="button" > <strong>Files </strong>
                <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
@@ -57,11 +87,14 @@
                <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
                </button>
                -->
-               </span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Settings and Info">
-               <button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal" class="btn btn-sm btn-secondary"><strong>Settings </strong>
-               <i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
-               </button>
-               </span> </div>
+				</span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true"
+					title="Settings and Info">
+					<button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal"
+						class="btn btn-sm btn-secondary"><strong>Settings </strong>
+						<i class="bi bi-sliders" style="font-size: 1rem; color: white;"></i>
+					</button>
+				</span>
+			</div>
 		</div>
 	</nav>
 	<div id="blurdiv" style="-webkit-Filter: blur(0px)">
@@ -71,196 +104,252 @@
 		<div aria-live="polite" aria-atomic="true" class="position-relative" style="z-index: 500">
 			<div class="toast-container position-absolute top-0 end-0 p-3">
 				<!-- SENDING CQ -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQsending" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQsending" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
-						<div class="toast-body"><i class="bi bi-activity" style="font-size: 1rem; color: white;"></i>Sending CQ CQ CQ</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<div class="toast-body"><i class="bi bi-activity"
+								style="font-size: 1rem; color: white;"></i>Sending CQ CQ CQ</div>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVING CQ -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastCQreceiving" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving CQ CQ CQ</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVING QRV -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVreceiving" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving a QRV signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- TRANSMITTING QRV -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVtransmitting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastQRVtransmitting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Transmitting a QRV signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVING BEACON -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastBEACONreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastBEACONreceiving"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving a beacon signal!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- SENDING PING -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGsending" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGsending" role="alert"
+					aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Sending Ping</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVED PING -->
-				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-primary border-0" id="toastPINGreceiving"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">RECEIVED PING REQUEST</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- RECEIVED PING ACK -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastPINGreceivedACK" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastPINGreceivedACK"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">RECEIVED PING ACKNOWLEDGE</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL OPENING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELopening" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELopening"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">OPENING DATACHANNEL</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL OPEN -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastDATACHANNELopen" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastDATACHANNELopen"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">DATACHANNEL OPENED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- DATACHANNEL WAITING -->
-				<div class="toast align-items-center text-white bg-warning border-0" id="toastDATACHANNELwaiting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-warning border-0" id="toastDATACHANNELwaiting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">DATACHANNEL BUSY! Waiting...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- STOPPING TRANSMISSION -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastTRANSMISSIONstopped" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastTRANSMISSIONstopped"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Transmission stopped!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL RECEIVED OPENER -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0"
+					id="toastDATACHANNELreceivedopener" role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">INCOMING FILE TRANSMISSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- DATACHANNEL FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastDATACHANNELfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastDATACHANNELfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">OPENING DATACHANNEL FAILED</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ RECEIVING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQreceiving" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQreceiving"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">Receiving file...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ RECEIVING SUCCESS -->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQreceivingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQreceivingsuccess"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FILE SUCCESSFULLY RECEIVED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ RECEIVING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQreceivingfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQreceivingfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FILE NOT SUCCESSFULLY RECEIVED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ TRANSMITTING -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmitting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmitting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">TRANSMITTING...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- ARQ SNR INFORMATION -->
-				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmittingSNR" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-secondary border-0" id="toastARQtransmittingSNR"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
-						<div class="toast-body">TRANSMITTING - SNR IRS:<span id="toastARQtransmittingSNRValue"></span></div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<div class="toast-body">TRANSMITTING - SNR IRS:<span id="toastARQtransmittingSNRValue"></span>
+						</div>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 
 				<!-- ARQ TRANSMITTING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">TRANSMITTING FILE FAILED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ TRANSMITTING FAILED -->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailedver" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQtransmittingfailedver"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">TRANSMITTING FAILED, VERSION MISMATCH!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ TRANSMITTING SUCCESS-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQtransmittingsuccess" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQtransmittingsuccess"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FILE SUCCESSFULLY TRANSMITTED!</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION CONNECTING-->
-				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionconnecting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionconnecting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CONNECTING / OPENING ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION CONNECTED-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionconnected" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionconnected"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CONNECTED / ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION WAITING-->
-				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionwaiting" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-warning border-0" id="toastARQsessionwaiting"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CHANNEL BUSY - Waiting...</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION CLOSE-->
-				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionclose" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-success border-0" id="toastARQsessionclose"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">CLOSE / ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 				<!-- ARQ SESSION FAILED-->
-				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQsessionfailed" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="toast align-items-center text-white bg-danger border-0" id="toastARQsessionfailed"
+					role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="d-flex">
 						<div class="toast-body">FAILED / ARQ SESSION</div>
-						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+						<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
+							aria-label="Close"></button>
 					</div>
 				</div>
 			</div>
@@ -270,19 +359,24 @@
 			<div class="row collapse multi-collapse show" id="collapseFirstRow">
 				<div class="col">
 					<div class="card text-dark mb-0">
-						<div class="card-header p-1"> <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong> </div>
+						<div class="card-header p-1"> <i class="bi bi-volume-up"
+								style="font-size: 1rem; color: black;"></i><strong>AUDIO</strong> </div>
 						<div class="card-body p-2 mb-1">
-							<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                           <i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
-                           </span>
-								<select class="form-select form-select-sm" id="audio_input_selectbox" aria-label=".form-select-sm">
+							<div class="input-group input-group-sm mb-1"> <span class="input-group-text"
+									id="basic-addon1">
+									<i class="bi bi-mic-fill" style="font-size: 1rem; color: black;"></i>
+								</span>
+								<select class="form-select form-select-sm" id="audio_input_selectbox"
+									aria-label=".form-select-sm">
 									<!-- 					 					<option selected value="3011">USB Interface</option>-->
 								</select>
 							</div>
-							<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                           <i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i>
-                           </span>
-								<select class="form-select form-select-sm" id="audio_output_selectbox" aria-label=".form-select-sm"></select>
+							<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+									id="basic-addon1">
+									<i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i>
+								</span>
+								<select class="form-select form-select-sm" id="audio_output_selectbox"
+									aria-label=".form-select-sm"></select>
 							</div>
 						</div>
 						<div class="card-footer text-muted small">Please select audio device for RX and TX</div>
@@ -290,29 +384,48 @@
 				</div>
 				<div class="col">
 					<div class="card text-dark mb-0">
-						<div class="card-header p-1"> <i class="bi bi-projector" style="font-size: 1rem; color: black;"></i>
-							<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-disabled" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-disabled"> <i class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-radio" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-radio"> <i class="bi bi-projector" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-connect" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-connect"> <i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-ptt" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-ptt"> <i class="bi bi-alt" style="font-size: 0.8rem; color: black;"></i> </label>
+						<div class="card-header p-1"> <i class="bi bi-projector"
+								style="font-size: 1rem; color: black;"></i>
+							<div class="btn-group btn-group-sm" role="group"
+								aria-label="waterfall-scatter-switch toggle button group">
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-disabled" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-disabled"> <i
+										class="bi bi-x-circle" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-radio" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-radio"> <i
+										class="bi bi-projector" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-connect" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-connect"> <i
+										class="bi bi-usb-symbol" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-ptt" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-ptt"> <i
+										class="bi bi-alt" style="font-size: 0.8rem; color: black;"></i> </label>
 							</div>
 							<div class="btn-group btn-group-sm" role="group" aria-label="radio-control-switch-rigctld">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-rigctld" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld"> <i class="bi bi-terminal" style="font-size: 0.8rem; color: black;"></i> </label>
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-rigctld-info" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld-info"> <i class="bi bi-activity" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-rigctld" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld"> <i
+										class="bi bi-terminal" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-rigctld-info" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-rigctld-info">
+									<i class="bi bi-activity" style="font-size: 0.8rem; color: black;"></i> </label>
 							</div>
 							<div class="btn-group btn-group-sm" role="group" aria-label="radio-control-switch-rigctld">
-								<input type="radio" class="btn-check" name="radio-control-switch" id="radio-control-switch-network" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-network"> <i class="bi bi-ethernet" style="font-size: 0.8rem; color: black;"></i> </label>
+								<input type="radio" class="btn-check" name="radio-control-switch"
+									id="radio-control-switch-network" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary" for="radio-control-switch-network"> <i
+										class="bi bi-ethernet" style="font-size: 0.8rem; color: black;"></i> </label>
 							</div>
 							<div class="btn-group" role="group">
-								<button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true" title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails.">PTT Test</button>
+								<button type="button" id="testHamlib" class="btn btn-sm btn-outline-secondary"
+									data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="true"
+									title="Test your hamlib settings and toggle PTT once. Button will become <strong class='text-success'>green</strong> on success and <strong class='text-danger'>red</strong> if fails.">PTT
+									Test</button>
 							</div>
 						</div>
 						<div class="card-body p-2">
@@ -320,290 +433,299 @@
 							<div id="radio-control-disabled">hamlib/rigctld connection disabled</div>
 							<!-- RADIO CONTROL RADIO -->
 							<div id="radio-control-radio">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                              <i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
-                              </span>
-									<input class="form-control" list="datalistOptions" id="hamlib_deviceid" placeholder="Search radio..." style="width:7rem">
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">
+										<i class="bi bi-projector-fill" style="font-size: 0.8rem; color: black;"></i>
+									</span>
+									<input class="form-control" list="datalistOptions" id="hamlib_deviceid"
+										placeholder="Search radio..." style="width:7rem">
 									<datalist id="datalistOptions">
 										<option value="2028">Kenwood TS480</option>
-										<option value="1">Hamlib                 Dummy</option>
-										<option value="2">Hamlib                 NET rigctl            </option>
-										<option value="4">FLRig                  FLRig                  </option>
-										<option value="5">TRXManager             TRXManager 5.7.630+</option>
-										<option value="6">	Hamlib                 Dummy No VFO           </option>
-										<option value="1001">	Yaesu                  FT-847                 </option>
-										<option value="1003">	Yaesu                  FT-1000D               </option>
-										<option value="1004">	Yaesu                  MARK-V FT-1000MP       </option>
-										<option value="1005">	Yaesu                  FT-747GX               </option>
-										<option value="1006">	Yaesu                  FT-757GX               </option>
-										<option value="1007">	Yaesu                  FT-757GXII</option>
-										<option value="1009">	Yaesu                  FT-767GX               </option>
-										<option value="1010">	Yaesu                  FT-736R                </option>
-										<option value="1011">	Yaesu                  FT-840                 </option>
-										<option value="1013">	Yaesu                  FT-900                 </option>
-										<option value="1014">	Yaesu                  FT-920                 </option>
-										<option value="1015">	Yaesu                  FT-890                 </option>
-										<option value="1016">	Yaesu                  FT-990                 </option>
-										<option value="1017">	Yaesu                  FRG-100                </option>
-										<option value="1018">	Yaesu                  FRG-9600               </option>
-										<option value="1019">	Yaesu                  FRG-8800               </option>
-										<option value="1020">	Yaesu                  FT-817                 </option>
-										<option value="1021">	Yaesu                  FT-100                 </option>
-										<option value="1022">	Yaesu                  FT-857                 </option>
-										<option value="1023">	Yaesu                  FT-897                 </option>
-										<option value="1024">	Yaesu                  FT-1000MP              </option>
-										<option value="1025">	Yaesu                  MARK-V Field FT-1000MP </option>
-										<option value="1026">	Yaesu                  VR-5000                </option>
-										<option value="1027">	Yaesu                  FT-450                 </option>
-										<option value="1028">	Yaesu                  FT-950                 </option>
-										<option value="1029">	Yaesu                  FT-2000                </option>
-										<option value="1030">	Yaesu                  FTDX-9000              </option>
-										<option value="1031">	Yaesu                  FT-980                 </option>
-										<option value="1032">	Yaesu                  FTDX-5000              </option>
-										<option value="1033">	Vertex Standard        VX-1700                </option>
-										<option value="1034">	Yaesu                  FTDX-1200              </option>
-										<option value="1035">	Yaesu                  FT-991                 </option>
-										<option value="1036">	Yaesu                  FT-891                 </option>
-										<option value="1037">	Yaesu                  FTDX-3000              </option>
-										<option value="1038">	Yaesu                  FT-847UNI              </option>
-										<option value="1039">	Yaesu                  FT-600                 </option>
-										<option value="1040">	Yaesu                  FTDX-101D              </option>
-										<option value="1041">	Yaesu                  FT-818                 </option>
-										<option value="1042">	Yaesu                  FTDX-10                </option>
-										<option value="1043">	Yaesu                  FT-897D                </option>
-										<option value="1044">	Yaesu                  FTDX-101MP             </option>
-										<option value="2001">	Kenwood                TS-50S                 </option>
-										<option value="2002">	Kenwood                TS-440S                </option>
-										<option value="2003">	Kenwood                TS-450S                </option>
-										<option value="2004">	Kenwood                TS-570D                </option>
-										<option value="2005">	Kenwood                TS-690S                </option>
-										<option value="2006">	Kenwood                TS-711                 </option>
-										<option value="2007">	Kenwood                TS-790                 </option>
-										<option value="2008">	Kenwood                TS-811                 </option>
-										<option value="2009">	Kenwood                TS-850                 </option>
-										<option value="2010">	Kenwood                TS-870S                </option>
-										<option value="2011">	Kenwood                TS-940S                </option>
-										<option value="2012">	Kenwood                TS-950S                </option>
-										<option value="2013">	Kenwood                TS-950SDX              </option>
-										<option value="2014">	Kenwood                TS-2000                </option>
-										<option value="2015">	Kenwood                R-5000                 </option>
-										<option value="2016">	Kenwood                TS-570S                </option>
-										<option value="2017">	Kenwood                TH-D7A                 </option>
-										<option value="2019">	Kenwood                TH-F6A                 </option>
-										<option value="2020">	Kenwood                TH-F7E                 </option>
-										<option value="2021">	Elecraft               K2                     </option>
-										<option value="2022">	Kenwood                TS-930                 </option>
-										<option value="2023">	Kenwood                TH-G71                 </option>
-										<option value="2024">	Kenwood                TS-680S                </option>
-										<option value="2025">	Kenwood                TS-140S                </option>
-										<option value="2026">	Kenwood                TM-D700                </option>
-										<option value="2027">	Kenwood                TM-V7                  </option>
-										<option value="2028">	Kenwood                TS-480                 </option>
-										<option value="2029">	Elecraft               K3                     </option>
-										<option value="2030">	Kenwood                TRC-80                 </option>
-										<option value="2031">	Kenwood                TS-590S                </option>
-										<option value="2032">	SigFox                 Transfox               </option>
-										<option value="2033">	Kenwood                TH-D72A                </option>
-										<option value="2034">	Kenwood                TM-D710(G)             </option>
-										<option value="2036">	FlexRadio              6xxx                   </option>
-										<option value="2037">	Kenwood                TS-590SG               </option>
-										<option value="2038">	Elecraft               XG3                    </option>
-										<option value="2039">	Kenwood                TS-990s                </option>
-										<option value="2040">	OpenHPSDR              PiHPSDR                </option>
-										<option value="2041">	Kenwood                TS-890S                </option>
-										<option value="2042">	Kenwood                TH-D74                 </option>
-										<option value="2043">	Elecraft               K3S                    </option>
-										<option value="2044">	Elecraft               KX2                    </option>
-										<option value="2045">	Elecraft               KX3                    </option>
-										<option value="2046">	Hilberling             PT-8000A               </option>
-										<option value="2047">	Elecraft               K4                     </option>
-										<option value="2048">	FlexRadio/ANAN         PowerSDR/Thetis   </option>
-										<option value="2049">	Malachite              DSP                    </option>
-										<option value="3002">	Icom                   IC-1275                </option>
-										<option value="3003">	Icom                   IC-271                 </option>
-										<option value="3004">	Icom                   IC-275                 </option>
-										<option value="3006">	Icom                   IC-471                 </option>
-										<option value="3007">	Icom                   IC-475                 </option>
-										<option value="3009">	Icom                   IC-706                 </option>
-										<option value="3010">	Icom                   IC-706MkII             </option>
-										<option value="3011">	Icom                   IC-706MkIIG            </option>
-										<option value="3012">	Icom                   IC-707                 </option>
-										<option value="3013">	Icom                   IC-718                 </option>
-										<option value="3014">	Icom                   IC-725                 </option>
-										<option value="3015">	Icom                   IC-726                 </option>
-										<option value="3016">	Icom                   IC-728                 </option>
-										<option value="3017">	Icom                   IC-729                 </option>
-										<option value="3019">	Icom                   IC-735                 </option>
-										<option value="3020">	Icom                   IC-736                 </option>
-										<option value="3021">	Icom                   IC-737                 </option>
-										<option value="3022">	Icom                   IC-738                 </option>
-										<option value="3023">	Icom                   IC-746                 </option>
-										<option value="3024">	Icom                   IC-751                 </option>
-										<option value="3026">	Icom                   IC-756                 </option>
-										<option value="3027">	Icom                   IC-756PRO              </option>
-										<option value="3028">	Icom                   IC-761                 </option>
-										<option value="3029">	Icom                   IC-765                 </option>
-										<option value="3030">	Icom                   IC-775                 </option>
-										<option value="3031">	Icom                   IC-781                 </option>
-										<option value="3032">	Icom                   IC-820H                </option>
-										<option value="3034">	Icom                   IC-821H                </option>
-										<option value="3035">	Icom                   IC-970                 </option>
-										<option value="3036">	Icom                   IC-R10                 </option>
-										<option value="3037">	Icom                   IC-R71                 </option>
-										<option value="3038">	Icom                   IC-R72                 </option>
-										<option value="3039">	Icom                   IC-R75                 </option>
-										<option value="3040">	Icom                   IC-R7000               </option>
-										<option value="3041">	Icom                   IC-R7100               </option>
-										<option value="3042">	Icom                   ICR-8500               </option>
-										<option value="3043">	Icom                   IC-R9000               </option>
-										<option value="3044">	Icom                   IC-910                 </option>
-										<option value="3045">	Icom                   IC-78                  </option>
-										<option value="3046">	Icom                   IC-746PRO              </option>
-										<option value="3047">	Icom                   IC-756PROII            </option>
-										<option value="3051">Ten-Tec                Omni VI Plus           </option>
-										<option value="3052">	Optoelectronics        OptoScan535            </option>
-										<option value="3053">	Optoelectronics        OptoScan456            </option>
-										<option value="3054">	Icom                   IC ID-1                </option>
-										<option value="3055">	Icom                   IC-703                 </option>
-										<option value="3056">	Icom                   IC-7800                </option>
-										<option value="3057">	Icom                   IC-756PROIII           </option>
-										<option value="3058">	Icom                   IC-R20                 </option>
-										<option value="3060">	Icom                   IC-7000                </option>
-										<option value="3061">	Icom                   IC-7200                </option>
-										<option value="3062">	Icom                   IC-7700                </option>
-										<option value="3063">	Icom                   IC-7600                </option>
-										<option value="3064">	Ten-Tec                Delta II               </option>
-										<option value="3065">	Icom                   IC-92D                 </option>
-										<option value="3066">	Icom                   IC-R9500               </option>
-										<option value="3067">	Icom                   IC-7410                </option>
-										<option value="3068">	Icom                   IC-9100                </option>
-										<option value="3069">	Icom                   IC-RX7                 </option>
-										<option value="3070">	Icom                   IC-7100                </option>
-										<option value="3071">	Icom                   ID-5100                </option>
-										<option value="3072">	Icom                   IC-2730                </option>
-										<option value="3073">	Icom                   IC-7300                </option>
-										<option value="3074">	Microtelecom           Perseus                </option>
-										<option value="3075">	Icom                   IC-785x                </option>
-										<option value="3076">	Xeigu                  X108G                  </option>
-										<option value="3077">	Icom                   IC-R6                  </option>
-										<option value="3078">	Icom                   IC-7610                </option>
-										<option value="3079">	Icom                   IC-R8600               </option>
-										<option value="3080">	Icom                   IC-R30                 </option>
-										<option value="3081">	Icom                   IC-9700                </option>
-										<option value="3082">	Icom                   ID-4100                </option>
-										<option value="3083">	Icom                   ID-31                  </option>
-										<option value="3084">	Icom                   ID-51                  </option>
-										<option value="3085">	Icom                   IC-705                 </option>
-										<option value="4001">	Icom                   IC-PCR1000             </option>
-										<option value="4002">	Icom                   IC-PCR100              </option>
-										<option value="4003">	Icom                   IC-PCR1500             </option>
-										<option value="4004">	Icom                   IC-PCR2500             </option>
-										<option value="5001">	AOR                    AR8200                 </option>
-										<option value="5002">	AOR                    AR8000                 </option>
-										<option value="5003">	AOR                    AR7030                 </option>
-										<option value="5004">	AOR                    AR5000                 </option>
-										<option value="5005">	AOR                    AR3030                 </option>
-										<option value="5006">	AOR                    AR3000A                </option>
-										<option value="5008">	AOR                    AR2700                 </option>
-										<option value="5013">	AOR                    AR8600                 </option>
-										<option value="5014">	AOR                    AR5000A                </option>
-										<option value="5015">	AOR                    AR7030 Plus            </option>
-										<option value="5016">	AOR                    SR2200                 </option>
-										<option value="6005">	JRC                    NRD-525                </option>
-										<option value="6006">	JRC                    NRD-535D               </option>
-										<option value="6007">	JRC                    NRD-545 DSP            </option>
-										<option value="8001">	Uniden                 BC780xlt               </option>
-										<option value="8002">	Uniden                 BC245xlt               </option>
-										<option value="8003">	Uniden                 BC895xlt               </option>
-										<option value="8004">	Radio Shack            PRO-2052               </option>
-										<option value="8006">	Uniden                 BC250D                 </option>
-										<option value="8010">	Uniden                 BCD-396T               </option>
-										<option value="8011">	Uniden                 BCD-996T               </option>
-										<option value="8012">	Uniden                 BC898T                 </option>
-										<option value="9002">	Drake                  R-8A                   </option>
-										<option value="9003">	Drake                  R-8B                   </option>
-										<option value="10004">	Lowe                   HF-235                 </option>
-										<option value="11003">Racal                  RA6790/GM              </option>
-										<option value="11005">	Racal                  RA3702                 </option>
-										<option value="12004">	Watkins-Johnson        WJ-8888                </option>
-										<option value="14002">	Skanti                 TRP8000                </option>
-										<option value="14004">	Skanti                 TRP 8255 S R           </option>
-										<option value="15001">	Winradio               WR-1000                </option>
-										<option value="15002">	Winradio               WR-1500                </option>
-										<option value="15003">	Winradio               WR-1550                </option>
-										<option value="15004">	Winradio               WR-3100                </option>
-										<option value="15005">	Winradio               WR-3150                </option>
-										<option value="15006">Winradio               WR-3500                </option>
-										<option value="15007">	Winradio               WR-3700                </option>
-										<option value="15009">	Winradio               WR-G313                </option>
-										<option value="16001">	Ten-Tec                TT-550                 </option>
-										<option value="16002">	Ten-Tec                TT-538 Jupiter         </option>
-										<option value="16003">	Ten-Tec                RX-320                 </option>
-										<option value="16004">	Ten-Tec                RX-340                 </option>
-										<option value="16005">	Ten-Tec                RX-350                 </option>
-										<option value="16007">	Ten-Tec                TT-516 Argonaut V      </option>
-										<option value="16008">	Ten-Tec                TT-565 Orion           </option>
-										<option value="16009">	Ten-Tec                TT-585 Paragon         </option>
-										<option value="16011">	Ten-Tec                TT-588 Omni VII        </option>
-										<option value="16012">	Ten-Tec                RX-331                 </option>
-										<option value="16013">	Ten-Tec                TT-599 Eagle           </option>
-										<option value="17001">	Alinco                 DX-77                  </option>
-										<option value="17002">	Alinco                 DX-SR8                 </option>
-										<option value="18001">	Kachina                505DSP                 </option>
-										<option value="22001">	TAPR                   DSP-10                 </option>
-										<option value="23001">	Flex-radio             SDR-1000               </option>
-										<option value="23003">	DTTS Microwave Society DttSP IPC              </option>
-										<option value="23004">	DTTS Microwave Society DttSP UDP              </option>
-										<option value="24001">	RFT                    EKD-500                </option>
-										<option value="25001">	Elektor                Elektor 3/04           </option>
-										<option value="25002">	SAT-Schneider          DRT1                   </option>
-										<option value="25003">	Coding Technologies    Digital World Traveller</option>
-										<option value="25006">	AmQRP                  DDS-60                 </option>
-										<option value="25007">	Elektor                Elektor SDR-USB        </option>
-										<option value="25008">	mRS                    miniVNA                </option>
-										<option value="25009">	SoftRock               Si570 AVR-USB          </option>
-										<option value="25011">	KTH-SDR kit            Si570 PIC-USB          </option>
-										<option value="25012">	FiFi                   FiFi-SDR               </option>
-										<option value="25013">	AMSAT-UK               FUNcube Dongle         </option>
-										<option value="25014">	N2ADR                  HiQSDR                 </option>
-										<option value="25015">	Funkamateur            FA-SDR                 </option>
-										<option value="25016">	AE9RB                  Si570 Peaberry V1      </option>
-										<option value="25017">	AE9RB                  Si570 Peaberry V2      </option>
-										<option value="25018">	AMSAT-UK               FUNcube Dongle Pro+    </option>
-										<option value="25019">	HobbyPCB               RS-HFIQ                </option>
-										<option value="26001">	Video4Linux            SW/FM radio            </option>
-										<option value="26002">	Video4Linux2           SW/FM radio            </option>
-										<option value="27001">	Rohde&Schwarz          ESMC                   </option>
-										<option value="27002">	Rohde&Schwarz          EB200                  </option>
-										<option value="27003">	Rohde&Schwarz          XK2100                 </option>
-										<option value="28001">	Philips/Simoco         PRM8060                </option>
-										<option value="29001">	ADAT www.adat.ch       ADT-200A               </option>
-										<option value="30001">	Icom                   IC-M700PRO             </option>
-										<option value="30002">	Icom                   IC-M802                </option>
-										<option value="30003">	Icom                   IC-M710                </option>
-										<option value="30004">	Icom                   IC-M803                </option>
-										<option value="31001">	Dorji                  DRA818V                </option>
-										<option value="31002">	Dorji                  DRA818U                </option>
-										<option value="32001">	Barrett                2050                   </option>
-										<option value="32002">	Barrett                950                    </option>
-										<option value="33001">	ELAD                   FDM-DUO                </option>
+										<option value="1">Hamlib Dummy</option>
+										<option value="2">Hamlib NET rigctl </option>
+										<option value="4">FLRig FLRig </option>
+										<option value="5">TRXManager TRXManager 5.7.630+</option>
+										<option value="6"> Hamlib Dummy No VFO </option>
+										<option value="1001"> Yaesu FT-847 </option>
+										<option value="1003"> Yaesu FT-1000D </option>
+										<option value="1004"> Yaesu MARK-V FT-1000MP </option>
+										<option value="1005"> Yaesu FT-747GX </option>
+										<option value="1006"> Yaesu FT-757GX </option>
+										<option value="1007"> Yaesu FT-757GXII</option>
+										<option value="1009"> Yaesu FT-767GX </option>
+										<option value="1010"> Yaesu FT-736R </option>
+										<option value="1011"> Yaesu FT-840 </option>
+										<option value="1013"> Yaesu FT-900 </option>
+										<option value="1014"> Yaesu FT-920 </option>
+										<option value="1015"> Yaesu FT-890 </option>
+										<option value="1016"> Yaesu FT-990 </option>
+										<option value="1017"> Yaesu FRG-100 </option>
+										<option value="1018"> Yaesu FRG-9600 </option>
+										<option value="1019"> Yaesu FRG-8800 </option>
+										<option value="1020"> Yaesu FT-817 </option>
+										<option value="1021"> Yaesu FT-100 </option>
+										<option value="1022"> Yaesu FT-857 </option>
+										<option value="1023"> Yaesu FT-897 </option>
+										<option value="1024"> Yaesu FT-1000MP </option>
+										<option value="1025"> Yaesu MARK-V Field FT-1000MP </option>
+										<option value="1026"> Yaesu VR-5000 </option>
+										<option value="1027"> Yaesu FT-450 </option>
+										<option value="1028"> Yaesu FT-950 </option>
+										<option value="1029"> Yaesu FT-2000 </option>
+										<option value="1030"> Yaesu FTDX-9000 </option>
+										<option value="1031"> Yaesu FT-980 </option>
+										<option value="1032"> Yaesu FTDX-5000 </option>
+										<option value="1033"> Vertex Standard VX-1700 </option>
+										<option value="1034"> Yaesu FTDX-1200 </option>
+										<option value="1035"> Yaesu FT-991 </option>
+										<option value="1036"> Yaesu FT-891 </option>
+										<option value="1037"> Yaesu FTDX-3000 </option>
+										<option value="1038"> Yaesu FT-847UNI </option>
+										<option value="1039"> Yaesu FT-600 </option>
+										<option value="1040"> Yaesu FTDX-101D </option>
+										<option value="1041"> Yaesu FT-818 </option>
+										<option value="1042"> Yaesu FTDX-10 </option>
+										<option value="1043"> Yaesu FT-897D </option>
+										<option value="1044"> Yaesu FTDX-101MP </option>
+										<option value="2001"> Kenwood TS-50S </option>
+										<option value="2002"> Kenwood TS-440S </option>
+										<option value="2003"> Kenwood TS-450S </option>
+										<option value="2004"> Kenwood TS-570D </option>
+										<option value="2005"> Kenwood TS-690S </option>
+										<option value="2006"> Kenwood TS-711 </option>
+										<option value="2007"> Kenwood TS-790 </option>
+										<option value="2008"> Kenwood TS-811 </option>
+										<option value="2009"> Kenwood TS-850 </option>
+										<option value="2010"> Kenwood TS-870S </option>
+										<option value="2011"> Kenwood TS-940S </option>
+										<option value="2012"> Kenwood TS-950S </option>
+										<option value="2013"> Kenwood TS-950SDX </option>
+										<option value="2014"> Kenwood TS-2000 </option>
+										<option value="2015"> Kenwood R-5000 </option>
+										<option value="2016"> Kenwood TS-570S </option>
+										<option value="2017"> Kenwood TH-D7A </option>
+										<option value="2019"> Kenwood TH-F6A </option>
+										<option value="2020"> Kenwood TH-F7E </option>
+										<option value="2021"> Elecraft K2 </option>
+										<option value="2022"> Kenwood TS-930 </option>
+										<option value="2023"> Kenwood TH-G71 </option>
+										<option value="2024"> Kenwood TS-680S </option>
+										<option value="2025"> Kenwood TS-140S </option>
+										<option value="2026"> Kenwood TM-D700 </option>
+										<option value="2027"> Kenwood TM-V7 </option>
+										<option value="2028"> Kenwood TS-480 </option>
+										<option value="2029"> Elecraft K3 </option>
+										<option value="2030"> Kenwood TRC-80 </option>
+										<option value="2031"> Kenwood TS-590S </option>
+										<option value="2032"> SigFox Transfox </option>
+										<option value="2033"> Kenwood TH-D72A </option>
+										<option value="2034"> Kenwood TM-D710(G) </option>
+										<option value="2036"> FlexRadio 6xxx </option>
+										<option value="2037"> Kenwood TS-590SG </option>
+										<option value="2038"> Elecraft XG3 </option>
+										<option value="2039"> Kenwood TS-990s </option>
+										<option value="2040"> OpenHPSDR PiHPSDR </option>
+										<option value="2041"> Kenwood TS-890S </option>
+										<option value="2042"> Kenwood TH-D74 </option>
+										<option value="2043"> Elecraft K3S </option>
+										<option value="2044"> Elecraft KX2 </option>
+										<option value="2045"> Elecraft KX3 </option>
+										<option value="2046"> Hilberling PT-8000A </option>
+										<option value="2047"> Elecraft K4 </option>
+										<option value="2048"> FlexRadio/ANAN PowerSDR/Thetis </option>
+										<option value="2049"> Malachite DSP </option>
+										<option value="3002"> Icom IC-1275 </option>
+										<option value="3003"> Icom IC-271 </option>
+										<option value="3004"> Icom IC-275 </option>
+										<option value="3006"> Icom IC-471 </option>
+										<option value="3007"> Icom IC-475 </option>
+										<option value="3009"> Icom IC-706 </option>
+										<option value="3010"> Icom IC-706MkII </option>
+										<option value="3011"> Icom IC-706MkIIG </option>
+										<option value="3012"> Icom IC-707 </option>
+										<option value="3013"> Icom IC-718 </option>
+										<option value="3014"> Icom IC-725 </option>
+										<option value="3015"> Icom IC-726 </option>
+										<option value="3016"> Icom IC-728 </option>
+										<option value="3017"> Icom IC-729 </option>
+										<option value="3019"> Icom IC-735 </option>
+										<option value="3020"> Icom IC-736 </option>
+										<option value="3021"> Icom IC-737 </option>
+										<option value="3022"> Icom IC-738 </option>
+										<option value="3023"> Icom IC-746 </option>
+										<option value="3024"> Icom IC-751 </option>
+										<option value="3026"> Icom IC-756 </option>
+										<option value="3027"> Icom IC-756PRO </option>
+										<option value="3028"> Icom IC-761 </option>
+										<option value="3029"> Icom IC-765 </option>
+										<option value="3030"> Icom IC-775 </option>
+										<option value="3031"> Icom IC-781 </option>
+										<option value="3032"> Icom IC-820H </option>
+										<option value="3034"> Icom IC-821H </option>
+										<option value="3035"> Icom IC-970 </option>
+										<option value="3036"> Icom IC-R10 </option>
+										<option value="3037"> Icom IC-R71 </option>
+										<option value="3038"> Icom IC-R72 </option>
+										<option value="3039"> Icom IC-R75 </option>
+										<option value="3040"> Icom IC-R7000 </option>
+										<option value="3041"> Icom IC-R7100 </option>
+										<option value="3042"> Icom ICR-8500 </option>
+										<option value="3043"> Icom IC-R9000 </option>
+										<option value="3044"> Icom IC-910 </option>
+										<option value="3045"> Icom IC-78 </option>
+										<option value="3046"> Icom IC-746PRO </option>
+										<option value="3047"> Icom IC-756PROII </option>
+										<option value="3051">Ten-Tec Omni VI Plus </option>
+										<option value="3052"> Optoelectronics OptoScan535 </option>
+										<option value="3053"> Optoelectronics OptoScan456 </option>
+										<option value="3054"> Icom IC ID-1 </option>
+										<option value="3055"> Icom IC-703 </option>
+										<option value="3056"> Icom IC-7800 </option>
+										<option value="3057"> Icom IC-756PROIII </option>
+										<option value="3058"> Icom IC-R20 </option>
+										<option value="3060"> Icom IC-7000 </option>
+										<option value="3061"> Icom IC-7200 </option>
+										<option value="3062"> Icom IC-7700 </option>
+										<option value="3063"> Icom IC-7600 </option>
+										<option value="3064"> Ten-Tec Delta II </option>
+										<option value="3065"> Icom IC-92D </option>
+										<option value="3066"> Icom IC-R9500 </option>
+										<option value="3067"> Icom IC-7410 </option>
+										<option value="3068"> Icom IC-9100 </option>
+										<option value="3069"> Icom IC-RX7 </option>
+										<option value="3070"> Icom IC-7100 </option>
+										<option value="3071"> Icom ID-5100 </option>
+										<option value="3072"> Icom IC-2730 </option>
+										<option value="3073"> Icom IC-7300 </option>
+										<option value="3074"> Microtelecom Perseus </option>
+										<option value="3075"> Icom IC-785x </option>
+										<option value="3076"> Xeigu X108G </option>
+										<option value="3077"> Icom IC-R6 </option>
+										<option value="3078"> Icom IC-7610 </option>
+										<option value="3079"> Icom IC-R8600 </option>
+										<option value="3080"> Icom IC-R30 </option>
+										<option value="3081"> Icom IC-9700 </option>
+										<option value="3082"> Icom ID-4100 </option>
+										<option value="3083"> Icom ID-31 </option>
+										<option value="3084"> Icom ID-51 </option>
+										<option value="3085"> Icom IC-705 </option>
+										<option value="4001"> Icom IC-PCR1000 </option>
+										<option value="4002"> Icom IC-PCR100 </option>
+										<option value="4003"> Icom IC-PCR1500 </option>
+										<option value="4004"> Icom IC-PCR2500 </option>
+										<option value="5001"> AOR AR8200 </option>
+										<option value="5002"> AOR AR8000 </option>
+										<option value="5003"> AOR AR7030 </option>
+										<option value="5004"> AOR AR5000 </option>
+										<option value="5005"> AOR AR3030 </option>
+										<option value="5006"> AOR AR3000A </option>
+										<option value="5008"> AOR AR2700 </option>
+										<option value="5013"> AOR AR8600 </option>
+										<option value="5014"> AOR AR5000A </option>
+										<option value="5015"> AOR AR7030 Plus </option>
+										<option value="5016"> AOR SR2200 </option>
+										<option value="6005"> JRC NRD-525 </option>
+										<option value="6006"> JRC NRD-535D </option>
+										<option value="6007"> JRC NRD-545 DSP </option>
+										<option value="8001"> Uniden BC780xlt </option>
+										<option value="8002"> Uniden BC245xlt </option>
+										<option value="8003"> Uniden BC895xlt </option>
+										<option value="8004"> Radio Shack PRO-2052 </option>
+										<option value="8006"> Uniden BC250D </option>
+										<option value="8010"> Uniden BCD-396T </option>
+										<option value="8011"> Uniden BCD-996T </option>
+										<option value="8012"> Uniden BC898T </option>
+										<option value="9002"> Drake R-8A </option>
+										<option value="9003"> Drake R-8B </option>
+										<option value="10004"> Lowe HF-235 </option>
+										<option value="11003">Racal RA6790/GM </option>
+										<option value="11005"> Racal RA3702 </option>
+										<option value="12004"> Watkins-Johnson WJ-8888 </option>
+										<option value="14002"> Skanti TRP8000 </option>
+										<option value="14004"> Skanti TRP 8255 S R </option>
+										<option value="15001"> Winradio WR-1000 </option>
+										<option value="15002"> Winradio WR-1500 </option>
+										<option value="15003"> Winradio WR-1550 </option>
+										<option value="15004"> Winradio WR-3100 </option>
+										<option value="15005"> Winradio WR-3150 </option>
+										<option value="15006">Winradio WR-3500 </option>
+										<option value="15007"> Winradio WR-3700 </option>
+										<option value="15009"> Winradio WR-G313 </option>
+										<option value="16001"> Ten-Tec TT-550 </option>
+										<option value="16002"> Ten-Tec TT-538 Jupiter </option>
+										<option value="16003"> Ten-Tec RX-320 </option>
+										<option value="16004"> Ten-Tec RX-340 </option>
+										<option value="16005"> Ten-Tec RX-350 </option>
+										<option value="16007"> Ten-Tec TT-516 Argonaut V </option>
+										<option value="16008"> Ten-Tec TT-565 Orion </option>
+										<option value="16009"> Ten-Tec TT-585 Paragon </option>
+										<option value="16011"> Ten-Tec TT-588 Omni VII </option>
+										<option value="16012"> Ten-Tec RX-331 </option>
+										<option value="16013"> Ten-Tec TT-599 Eagle </option>
+										<option value="17001"> Alinco DX-77 </option>
+										<option value="17002"> Alinco DX-SR8 </option>
+										<option value="18001"> Kachina 505DSP </option>
+										<option value="22001"> TAPR DSP-10 </option>
+										<option value="23001"> Flex-radio SDR-1000 </option>
+										<option value="23003"> DTTS Microwave Society DttSP IPC </option>
+										<option value="23004"> DTTS Microwave Society DttSP UDP </option>
+										<option value="24001"> RFT EKD-500 </option>
+										<option value="25001"> Elektor Elektor 3/04 </option>
+										<option value="25002"> SAT-Schneider DRT1 </option>
+										<option value="25003"> Coding Technologies Digital World Traveller</option>
+										<option value="25006"> AmQRP DDS-60 </option>
+										<option value="25007"> Elektor Elektor SDR-USB </option>
+										<option value="25008"> mRS miniVNA </option>
+										<option value="25009"> SoftRock Si570 AVR-USB </option>
+										<option value="25011"> KTH-SDR kit Si570 PIC-USB </option>
+										<option value="25012"> FiFi FiFi-SDR </option>
+										<option value="25013"> AMSAT-UK FUNcube Dongle </option>
+										<option value="25014"> N2ADR HiQSDR </option>
+										<option value="25015"> Funkamateur FA-SDR </option>
+										<option value="25016"> AE9RB Si570 Peaberry V1 </option>
+										<option value="25017"> AE9RB Si570 Peaberry V2 </option>
+										<option value="25018"> AMSAT-UK FUNcube Dongle Pro+ </option>
+										<option value="25019"> HobbyPCB RS-HFIQ </option>
+										<option value="26001"> Video4Linux SW/FM radio </option>
+										<option value="26002"> Video4Linux2 SW/FM radio </option>
+										<option value="27001"> Rohde&Schwarz ESMC </option>
+										<option value="27002"> Rohde&Schwarz EB200 </option>
+										<option value="27003"> Rohde&Schwarz XK2100 </option>
+										<option value="28001"> Philips/Simoco PRM8060 </option>
+										<option value="29001"> ADAT www.adat.ch ADT-200A </option>
+										<option value="30001"> Icom IC-M700PRO </option>
+										<option value="30002"> Icom IC-M802 </option>
+										<option value="30003"> Icom IC-M710 </option>
+										<option value="30004"> Icom IC-M803 </option>
+										<option value="31001"> Dorji DRA818V </option>
+										<option value="31002"> Dorji DRA818U </option>
+										<option value="32001"> Barrett 2050 </option>
+										<option value="32002"> Barrett 950 </option>
+										<option value="33001"> ELAD FDM-DUO </option>
 									</datalist>
 								</div>
 							</div>
 							<!-- RADIO CONTROL CONNECTION -->
 							<div id="radio-control-connection">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">
-                              <i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
-                              </span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_deviceport">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_deviceport" style="width:7rem">
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">
+										<i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i>
+									</span> <span class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_deviceport">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_deviceport" style="width:7rem">
 										<!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
                                     <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
-									</select> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_serialspeed">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_serialspeed">
+									</select> <span class="input-group-text" id="basic-addon1"><i
+											class="bi bi-speedometer" style="font-size: 1rem; color: black;"></i></span>
+									<span class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_serialspeed">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_serialspeed">
 										<option value="1200">1200</option>
 										<option value="2400">2400</option>
 										<option value="4800">4800</option>
@@ -616,37 +738,54 @@
 										<option value="115200">115200</option>
 									</select>
 								</div>
-								<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Data</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_databits">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_databits">
+								<div class="input-group input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Data</span> <span class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_databits">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_databits">
 										<option value="7">7</option>
 										<option value="8">8</option>
-									</select> <span class="input-group-text" id="basic-addon1">Stop</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_stopbits">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_stopbits">
+									</select> <span class="input-group-text" id="basic-addon1">Stop</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_stopbits">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_stopbits">
 										<option value="1">1</option>
 										<option value="2">2</option>
-									</select> <span class="input-group-text" id="basic-addon1">HS</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_handshake">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_handshake">
+									</select> <span class="input-group-text" id="basic-addon1">HS</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_handshake">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_handshake">
 										<option value="None">None (Default)</option>
 									</select>
 								</div>
 							</div>
 							<!-- RADIO CONTROL PTT -->
 							<div id="radio-control-ptt">
-								<div class="input-group input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-usb-symbol" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_ptt_port">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_ptt_port">
+								<div class="input-group input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1"><i class="bi bi-usb-symbol"
+											style="font-size: 1rem; color: black;"></i></span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_ptt_port">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_ptt_port">
 										<!--<option value="None">None</option>-->
-									</select> <span class="input-group-text" id="basic-addon1">Type</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_pttprotocol">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_pttprotocol" style="width: 0.5rem">
+									</select> <span class="input-group-text" id="basic-addon1">Type</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_pttprotocol">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_pttprotocol" style="width: 0.5rem">
 										<option value="NONE">NONE</option>
 										<option value="RIG">RIG</option>
 										<option value="USB">USB</option>
@@ -657,10 +796,13 @@
 									</select>
 								</div>
 								<div class="input-group input-group-sm mb-1">
-									<span class="input-group-text" id="basic-addon1">DCD</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_dcd">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_dcd" style="width: 0.5rem">
+									<span class="input-group-text" id="basic-addon1">DCD</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_dcd">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_dcd" style="width: 0.5rem">
 										<option value="NONE">NONE</option>
 										<option value="RIG">RIG/CAT</option>
 										<option value="DSR">DSR</option>
@@ -670,10 +812,13 @@
 									</select>
 
 
-								<span class="input-group-text" id="basic-addon1">DTR</span> <span class="input-group-text" id="basic-addon1">
-                                 <input class="form-check-sm form-check-input" type="checkbox" id="enable_hamlib_dtrstate">
-                              </span>
-									<select class="form-select form-select-sm" aria-label=".form-select-sm" id="hamlib_dtrstate" style="width: 0.5rem">
+									<span class="input-group-text" id="basic-addon1">DTR</span> <span
+										class="input-group-text" id="basic-addon1">
+										<input class="form-check-sm form-check-input" type="checkbox"
+											id="enable_hamlib_dtrstate">
+									</span>
+									<select class="form-select form-select-sm" aria-label=".form-select-sm"
+										id="hamlib_dtrstate" style="width: 0.5rem">
 										<option value="OFF">OFF</option>
 										<option value="ON">ON</option>
 
@@ -684,29 +829,50 @@
 							</div>
 							<!-- RADIO CONTROL NETWORK -->
 							<div id="radio-control-network">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld IP</span>
-									<input type="text" class="form-control" placeholder="rigctld IP" id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1"> <span class="input-group-text" id="basic-addon1">:</span>
-									<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_port" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Rigctld IP</span>
+									<input type="text" class="form-control" placeholder="rigctld IP"
+										id="hamlib_rigctld_ip" aria-label="Device IP" aria-describedby="basic-addon1">
+									<span class="input-group-text" id="basic-addon1">:</span>
+									<input type="text" class="form-control" placeholder="rigctld port"
+										id="hamlib_rigctld_port" aria-label="Device Port"
+										aria-describedby="basic-addon1">
+								</div>
 							</div>
 							<!-- RADIO CONTROL RIGCTLD -->
 							<div id="radio-control-rigctld">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld Path</span>
-									<input type="text" class="form-control" placeholder="rigctld Path" id="hamlib_rigctld_path" aria-label="Device IP" aria-describedby="basic-addon1"> </div>
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Rigctld Server Port</span>
-									<input type="text" class="form-control" placeholder="rigctld port" id="hamlib_rigctld_server_port" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Rigctld Path</span>
+									<input type="text" class="form-control" placeholder="rigctld Path"
+										id="hamlib_rigctld_path" aria-label="Device IP" aria-describedby="basic-addon1">
+								</div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Rigctld Server Port</span>
+									<input type="text" class="form-control" placeholder="rigctld port"
+										id="hamlib_rigctld_server_port" aria-label="Device Port"
+										aria-describedby="basic-addon1">
+								</div>
 							</div>
 							<!-- RADIO CONTROL RIGCTLD INFO-->
 							<div id="radio-control-rigctld-info">
-								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Cmd</span>
-									<input type="text" class="form-control" placeholder="Command" id="hamlib_rigctld_command" aria-label="Device Port" aria-describedby="basic-addon1"> </div>
+								<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+										id="basic-addon1">Cmd</span>
+									<input type="text" class="form-control" placeholder="Command"
+										id="hamlib_rigctld_command" aria-label="Device Port"
+										aria-describedby="basic-addon1">
+								</div>
 								<div class="input-group  input-group-sm mb-1">
-									<button class="btn btn-outline-success" type="button" id="hamlib_rigctld_start">Start</button>
-									<input type="text" class="form-control" placeholder="Status" id="hamlib_rigctld_status" aria-label="State" aria-describedby="basic-addon1">
-									<button class="btn btn-outline-danger" type="button" id="hamlib_rigctld_stop">Stop</button>
+									<button class="btn btn-outline-success" type="button"
+										id="hamlib_rigctld_start">Start</button>
+									<input type="text" class="form-control" placeholder="Status"
+										id="hamlib_rigctld_status" aria-label="State" aria-describedby="basic-addon1">
+									<button class="btn btn-outline-danger" type="button"
+										id="hamlib_rigctld_stop">Stop</button>
 								</div>
 							</div>
 						</div>
-						<div class="card-footer text-muted small" id="hamlib_info_field">Select your radio and PTT settings. Start/Stop Hamlib Rigctld</div>
+						<div class="card-footer text-muted small" id="hamlib_info_field">Select your radio and PTT
+							settings. Start/Stop Hamlib Rigctld</div>
 					</div>
 				</div>
 			</div>
@@ -717,11 +883,19 @@
 						<div class="card-body p-2">
 							<div class="row">
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your callsign and save it"> <span class="input-group-text" id="basic-addon1">
-                                 <i class="bi bi-person-bounding-box" style="font-size: 1rem; color: black;"></i>
-                                 </span>
-										<input type="text" class="form-control" style="width: 5rem; text-transform:uppercase" placeholder="callsign" pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="myCallSSID">
+									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false"
+										title="Enter your callsign and save it"> <span class="input-group-text"
+											id="basic-addon1">
+											<i class="bi bi-person-bounding-box"
+												style="font-size: 1rem; color: black;"></i>
+										</span>
+										<input type="text" class="form-control"
+											style="width: 5rem; text-transform:uppercase" placeholder="callsign"
+											pattern="[A-Z]*" id="myCall" maxlength="8" aria-label="Input group"
+											aria-describedby="btnGroupAddon">
+										<select class="form-select form-select-sm" aria-label=".form-select-sm"
+											id="myCallSSID">
 											<option selected value="0">0</option>
 											<option value="1">1</option>
 											<option value="2">2</option>
@@ -742,10 +916,15 @@
 									</div>
 								</div>
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Enter your gridsquare and save it"> <span class="input-group-text" id="basic-addon1">
-                                 <i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
-                                 </span>
-										<input type="text" class="form-control mr-1" style="max-width: 6rem" placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group" aria-describedby="btnGroupAddon">
+									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false"
+										title="Enter your gridsquare and save it"> <span class="input-group-text"
+											id="basic-addon1">
+											<i class="bi bi-house-fill" style="font-size: 1rem; color: black;"></i>
+										</span>
+										<input type="text" class="form-control mr-1" style="max-width: 6rem"
+											placeholder="locator" id="myGrid" maxlength="6" aria-label="Input group"
+											aria-describedby="btnGroupAddon">
 									</div>
 								</div>
 							</div>
@@ -755,16 +934,23 @@
 				</div>
 				<div class="col">
 					<div class="card text-dark mb-0">
-						<div class="card-header p-1 d-flex"> <i class="bi bi-cloud-download ms-1 me-1" style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
+						<div class="card-header p-1 d-flex"> <i class="bi bi-cloud-download ms-1 me-1"
+								style="font-size: 1rem; color: black;"></i> <strong>UPDATER</strong>
 							<div class="progress w-75 ms-1 m-1">
-								<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span id="UpdateProgressInfo"></span> </div>
+								<div class="progress-bar" style="width: 0%" role="progressbar" id="UpdateProgressBar"
+									aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span
+										id="UpdateProgressInfo"></span> </div>
 							</div>
 						</div>
 						<div class="card-body p-2 mb-1">
-							<button class="btn btn-secondary btn-sm" id="updater_channel" type="button" disabled>...</button>
-							<button class="btn btn-secondary btn-sm" id="updater_status" type="button" disabled>...</button>
-							<button class="btn btn-secondary btn-sm" id="updater_changelog" type="button" style="display:none;">Changelog</button>
-							<button class="btn btn-primary btn-sm" id="update_and_install" type="button" style="display:none;">Install & Restart</button>
+							<button class="btn btn-secondary btn-sm" id="updater_channel" type="button"
+								disabled>...</button>
+							<button class="btn btn-secondary btn-sm" id="updater_status" type="button"
+								disabled>...</button>
+							<button class="btn btn-secondary btn-sm" id="updater_changelog" type="button"
+								style="display:none;">Changelog</button>
+							<button class="btn btn-primary btn-sm" id="update_and_install" type="button"
+								style="display:none;">Install & Restart</button>
 						</div>
 					</div>
 				</div>
@@ -774,21 +960,30 @@
 			<div class="row collapse multi-collapse" id="collapseThirdRow">
 				<div class="col-5">
 					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><i class="bi bi-volume-up" style="font-size: 1rem; color: black;"></i> <strong>AUDIO LEVEL</strong>
-							<button type="button" id="audioModalButton" data-bs-toggle="modal" data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune</button>
+						<div class="card-header p-1"><i class="bi bi-volume-up"
+								style="font-size: 1rem; color: black;"></i> <strong>AUDIO LEVEL</strong>
+							<button type="button" id="audioModalButton" data-bs-toggle="modal"
+								data-bs-target="#audioModal" class="btn btn-sm btn-secondary">Tune</button>
 							<button type="button" id="startStopRecording" class="btn btn-sm btn-danger">Rec</button>
 
 						</div>
 						<div class="card-body p-2">
 							<div class="progress mb-0" style="height: 15px;">
-								<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="dbfs_level" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-								<p class="justify-content-center d-flex position-absolute w-100" id="dbfs_level_value">dBFS</p>
+								<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="dbfs_level"
+									role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
+									aria-valuemax="100"></div>
+								<p class="justify-content-center d-flex position-absolute w-100" id="dbfs_level_value">
+									dBFS</p>
 							</div>
 							<div class="progress mb-0" style="height: 5px;">
-								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar bg-success" role="progressbar" style="width: 89%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
-								<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 29%" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar"
+									style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar bg-success" role="progressbar" style="width: 89%"
+									aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar progress-bar-striped bg-warning" role="progressbar"
+									style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
+								<div class="progress-bar progress-bar-striped bg-danger" role="progressbar"
+									style="width: 29%" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100"></div>
 							</div>
 						</div>
 					</div>
@@ -800,22 +995,40 @@
 							<div class="row">
 								<div class="col-md-auto">
 									<div class="input-group input-group-sm mb-0">
-										<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall" pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
-										<button class="btn btn-sm btn-primary" id="sendPing" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a ping request to a remote station"> Ping </button>
-										<button class="btn btn-sm btn-success" id="openARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="connect to a remote station"> <i class="bi bi-arrows-angle-contract" style="font-size: 0.8rem; color: white;"></i> </button>
-										<button class="btn btn-sm btn-danger" id="closeARQSession" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="disconnect from a remote station"> <i class="bi bi-arrows-angle-expand" style="font-size: 0.8rem; color: white;"></i> </button>
+										<input type="text" class="form-control"
+											style="max-width: 6rem; text-transform:uppercase" placeholder="DXcall"
+											pattern="[A-Z]*" id="dxCall" maxlength="11" aria-label="Input group"
+											aria-describedby="btnGroupAddon">
+										<button class="btn btn-sm btn-primary" id="sendPing" type="button"
+											data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+											title="Send a ping request to a remote station"> Ping </button>
+										<button class="btn btn-sm btn-success" id="openARQSession" type="button"
+											data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+											title="connect to a remote station"> <i class="bi bi-arrows-angle-contract"
+												style="font-size: 0.8rem; color: white;"></i> </button>
+										<button class="btn btn-sm btn-danger" id="closeARQSession" type="button"
+											data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+											title="disconnect from a remote station"> <i
+												class="bi bi-arrows-angle-expand"
+												style="font-size: 0.8rem; color: white;"></i> </button>
 									</div>
 								</div>
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
+									<div class="input-group input-group-sm mb-0" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false" title="Send a CQ to the world">
 										<button class="btn btn-sm btn-success" id="sendCQ" type="button">CQ CQ</button>
 									</div>
 								</div>
 								<div class="col-md-auto">
-									<div class="input-group input-group-sm" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
-										<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i class="bi bi-arrow-clockwise" style="font-size: 0.8rem; color: white;"></i> </button>
+									<div class="input-group input-group-sm" data-bs-placement="bottom"
+										data-bs-toggle="tooltip" data-bs-html="false"
+										title="Start or stop the Beacon mode. You can also set the interval. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses.">
+										<button type="button" id="startBeacon" class="btn btn-sm btn-success"> <i
+												class="bi bi-arrow-clockwise"
+												style="font-size: 0.8rem; color: white;"></i> </button>
 										<div id="txtBeacon" class="input-group-text p-1">Beacon</div>
-										<select class="form-select form-select-sm" aria-label=".form-select-sm" id="beaconInterval" style="width:6rem">
+										<select class="form-select form-select-sm" aria-label=".form-select-sm"
+											id="beaconInterval" style="width:6rem">
 											<option value="5">5s</option>
 											<option selected value="10">10s</option>
 											<option value="15">15s</option>
@@ -830,7 +1043,9 @@
 											<option value="1800">30min</option>
 											<option value="3600">60min</option>
 										</select>
-										<button type="button" id="stopBeacon" class="btn btn-sm btn-danger"> <i class="bi bi-x-octagon-fill" style="font-size: 0.8rem; color: white;"></i> </button>
+										<button type="button" id="stopBeacon" class="btn btn-sm btn-danger"> <i
+												class="bi bi-x-octagon-fill"
+												style="font-size: 0.8rem; color: white;"></i> </button>
 									</div>
 								</div>
 							</div>
@@ -843,15 +1058,27 @@
 				<div class="col-5">
 					<div class="card text-dark mb-1">
 						<div class="card-header p-1">
-							<div class="btn-group btn-group-sm" role="group" aria-label="waterfall-scatter-switch toggle button group">
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch1" autocomplete="off" checked>
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch1"><strong><i class="bi bi-water"></i></strong> </label>
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch2" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch2"><strong><i class="bi bi-border-outer"></i></strong> </label>
-								<input type="radio" class="btn-check" name="waterfall-scatter-switch" id="waterfall-scatter-switch3" autocomplete="off">
-								<label class="btn btn-sm btn-outline-secondary" for="waterfall-scatter-switch3"><strong><i class="bi bi-graph-up-arrow"></i></strong> </label>
+							<div class="btn-group btn-group-sm" role="group"
+								aria-label="waterfall-scatter-switch toggle button group">
+								<input type="radio" class="btn-check" name="waterfall-scatter-switch"
+									id="waterfall-scatter-switch1" autocomplete="off" checked>
+								<label class="btn btn-sm btn-outline-secondary"
+									for="waterfall-scatter-switch1"><strong><i class="bi bi-water"></i></strong>
+								</label>
+								<input type="radio" class="btn-check" name="waterfall-scatter-switch"
+									id="waterfall-scatter-switch2" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary"
+									for="waterfall-scatter-switch2"><strong><i class="bi bi-border-outer"></i></strong>
+								</label>
+								<input type="radio" class="btn-check" name="waterfall-scatter-switch"
+									id="waterfall-scatter-switch3" autocomplete="off">
+								<label class="btn btn-sm btn-outline-secondary"
+									for="waterfall-scatter-switch3"><strong><i
+											class="bi bi-graph-up-arrow"></i></strong> </label>
 							</div>
-							<button class="btn btn-sm btn-secondary" id="channel_busy" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
+							<button class="btn btn-sm btn-secondary" id="channel_busy" type="button"
+								data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true"
+								title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>">busy</button>
 						</div>
 						<div class="card-body p-1" style="height: 200px">
 							<!--278px-->
@@ -864,7 +1091,9 @@
 				<div class="col">
 					<div class="card text-dark mb-1" style="height: 240px">
 						<!--325px-->
-						<div class="card-header p-1"> <i class="bi bi-list-columns-reverse" style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i> <strong> HEARD STATIONS</strong> </div>
+						<div class="card-header p-1"> <i class="bi bi-list-columns-reverse"
+								style="font-size: 1rem; color: black;" style="font-size: 1rem; color: black;"></i>
+							<strong> HEARD STATIONS</strong> </div>
 						<div class="card-body p-0">
 							<!-- START OF TABLE FOR HEARD STATIONS -->
 							<table class="table table-sm">
@@ -899,18 +1128,23 @@
 		</div>
 	</div>
 	<!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
-	<div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar" aria-labelledby="receivedFilesSidebarLabel">
+	<div class="offcanvas offcanvas-end" tabindex="-1" id="receivedFilesSidebar"
+		aria-labelledby="receivedFilesSidebarLabel">
 		<div class="offcanvas-header p-2">
-			<button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button"> <i class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i> </button>
+			<button class="btn btn-sm btn-primary me-2" id="openReceivedFilesFolder" type="button"> <i
+					class="bi bi-folder2-open" style="font-size: 1rem; color: white;"></i> </button>
 			<h5 id="receivedFilesSidebarLabel">
-               Filetransfer
-            </h5>
+				Filetransfer
+			</h5>
 			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
 		</div>
 		<div class="input-group input-group-sm p-1">
 			<input type="file" class="form-control" id="dataModalFile">
-			<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
-			<button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success">Send</button>
+			<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]"
+				placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group"
+				aria-describedby="btnGroupAddon">
+			<button type="button" id="startTransmission" data-bs-dismiss="offcanvas"
+				class="btn btn-success">Send</button>
 		</div>
 		<div class="offcanvas-body p-0">
 			<!-- START OF TABLE FOR RECEIVED FILES-->
@@ -940,7 +1174,8 @@
 		</div>
 	</div>
 	<!------------------------------- DATA SIDEBAR ----------------------->
-	<div class="offcanvas offcanvas-end" tabindex="-1" id="transmitFileSidebar" aria-labelledby="transmitFileSidebarLabel">
+	<div class="offcanvas offcanvas-end" tabindex="-1" id="transmitFileSidebar"
+		aria-labelledby="transmitFileSidebarLabel">
 		<div class="offcanvas-header p-2">
 			<h5 id="transmitFileSidebarLabel">Transmit Files</h5>
 			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
@@ -961,10 +1196,17 @@
                                        
                                        	<input type="text" class="form-control" style="max-width: 6rem; text-transform:uppercase" pattern="[A-Z]" placeholder="DXcall" id="dataModalDxCall" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
                                        </div>
-                                       --></div>
+                                       -->
+										</div>
 										<div class="col-auto">
 											<div class="input-group input-group-sm mb-0">
-												<button class="btn btn-success" id="dataModalSendPing" type="button">Ping</button> <span class="input-group-text text-secondary" id="dataModalPingACK">ACK</span> <span class="input-group-text" id="dataModalPingDistance">0000 km</span> <span class="input-group-text" id="dataModalPingDB">0 dB</span> </div>
+												<button class="btn btn-success" id="dataModalSendPing"
+													type="button">Ping</button> <span
+													class="input-group-text text-secondary"
+													id="dataModalPingACK">ACK</span> <span class="input-group-text"
+													id="dataModalPingDistance">0000 km</span> <span
+													class="input-group-text" id="dataModalPingDB">0 dB</span>
+											</div>
 										</div>
 									</div>
 								</div>
@@ -985,7 +1227,8 @@
                               		<label class="input-group-text" for="inputGroupFile02">kB</label>
                               	</div>
                               </div>
-                              --></div>
+                              -->
+							</div>
 						</div>
 						<!--col-->
 					</div>
@@ -997,8 +1240,10 @@
 								<div class="card-body p-2">
 									<div class="row">
 										<div class="col">
-											<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Mode</span>
-												<select class="form-select form-select-sm" aria-label=".form-select-sm" id="datamode" disabled>
+											<div class="input-group input-group-sm"> <span class="input-group-text"
+													id="basic-addon1">Mode</span>
+												<select class="form-select form-select-sm" aria-label=".form-select-sm"
+													id="datamode" disabled>
 													<option selected value="255">AUTO</option>
 													<!--<option value="232">HIGH SNR (DC1)</option>-->
 													<!--<option value="231">MED SNR (DC3)</option>-->
@@ -1007,8 +1252,10 @@
 											</div>
 										</div>
 										<div class="col-auto">
-											<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1">Frames</span>
-												<select class="form-select form-select-sm" aria-label=".form-select-sm" id="framesperburst" disabled>
+											<div class="input-group input-group-sm"> <span class="input-group-text"
+													id="basic-addon1">Frames</span>
+												<select class="form-select form-select-sm" aria-label=".form-select-sm"
+													id="framesperburst" disabled>
 													<option selected value="1">1</option>
 												</select>
 											</div>
@@ -1026,7 +1273,8 @@
                            <button type="button" id="startTransmission" data-bs-dismiss="offcanvas" class="btn btn-success" style="width:100%">START TRANSMISSION</button>-->
 						</div>
 						<div class="col-md-auto">
-							<button type="button" id="stopTransmission" class="btn btn-danger" style="width:100%">STOP</button>
+							<button type="button" id="stopTransmission" class="btn btn-danger"
+								style="width:100%">STOP</button>
 						</div>
 					</div>
 					<!--
@@ -1053,84 +1301,153 @@
 	</div>
 	<!--end of blur div -->
 	<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
-	<nav class="navbar fixed-bottom navbar-light bg-light">
-		<div class="container-fluid">
-			<div class="btn-toolbar" role="toolbar">
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"> <i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>"> <i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"> <i class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"> <i class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i> </button>
-				</div>
-
-				<div class="btn-group btn-group-sm me-1" role="group">
-					<button class="btn btn-sm btn-secondary" id="rigctld_state" type="button" data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true" title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>"> <i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: white;"></i> </button>
+	<div class="container-fluid">
+		<nav class="navbar fixed-bottom navbar-expand-xl navbar-light bg-light">
+			<div class="col-sm-2">
+				<div class="btn-toolbar" role="toolbar">
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>">
+							<i class="bi bi-broadcast-pin" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="busy_state" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>">
+							<i class="bi bi-cpu" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="arq_session" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"> <i
+								class="bi bi-arrow-left-right" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="arq_state" type="button" data-bs-placement="top"
+							data-bs-toggle="tooltip" data-bs-html="true"
+							title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"> <i
+								class="bi bi-file-earmark-binary" style="font-size: 0.8rem; color: white;"></i>
+						</button>
+					</div>
+					<div class="btn-group btn-group-sm me-1" role="group">
+						<button class="btn btn-sm btn-secondary" id="rigctld_state" type="button"
+							data-bs-placement="top" data-bs-toggle="tooltip" data-bs-html="true"
+							title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>">
+							<i class="bi bi-usb-symbol" style="font-size: 0.8rem; color: white;"></i> </button>
+					</div>
 				</div>
 			</div>
-			<div class="container-fluid p-0" style="width:20rem">
+			<div class="col-sm-2">
 				<div class="input-group input-group-sm">
-
 					<div class="btn-group dropup me-1">
-						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="frequency">
-						---
+						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
+							aria-expanded="false" id="frequency">
+							---
 						</button>
 						<form class="dropdown-menu p-2">
 							<div class="input-group input-group-sm">
-								<input type="text" class="form-control" style="max-width: 6rem;" placeholder="7063000" pattern="[0-9]*" id="newFrequency" maxlength="11" aria-label="Input group" aria-describedby="btnGroupAddon">
+								<input type="text" class="form-control" style="max-width: 6rem;" placeholder="7063000"
+									pattern="[0-9]*" id="newFrequency" maxlength="11" aria-label="Input group"
+									aria-describedby="btnGroupAddon">
 								<span class="input-group-text">Hz</span>
-								<button class="btn btn-sm btn-success" id="saveFrequency" type="button" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="save frequency"> <i class="bi bi-check-lg" style="font-size: 0.8rem; color: white;"></i> </button>
+								<button class="btn btn-sm btn-success" id="saveFrequency" type="button"
+									data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+									title="save frequency"> <i class="bi bi-check-lg"
+										style="font-size: 0.8rem; color: white;"></i> </button>
 							</div>
-						 </form>
+						</form>
 					</div>
-
 					<div class="btn-group dropup me-1">
-						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="mode">
-						---
+						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
+							aria-expanded="false" id="mode">
+							---
 						</button>
 						<form class="dropdown-menu p-2">
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set FM" id="saveModeFM">FM</button>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set AM" type="button" id="saveModeAM">AM</button>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set LSB" type="button" id="saveModeLSB">LSB</button>
-								<hr>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set USB" type="button" id="saveModeUSB">USB</button>
-								<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="set PKTUSB" type="button" id="saveModePKTUSB">PKTUSB</button>
-						 </form>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set FM" id="saveModeFM">FM</button>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set AM" type="button"
+								id="saveModeAM">AM</button>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set LSB" type="button"
+								id="saveModeLSB">LSB</button>
+							<hr>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set USB" type="button"
+								id="saveModeUSB">USB</button>
+							<button type="button" class="btn btn-sm btn-secondary" data-bs-placement="bottom"
+								data-bs-toggle="tooltip" data-bs-html="false" title="set PKTUSB" type="button"
+								id="saveModePKTUSB">PKTUSB</button>
+						</form>
 					</div>
 
 					<div class="btn-group dropup">
-						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="bandwidth">
-						---
+						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
+							aria-expanded="false" id="bandwidth">
+							---
 						</button>
 						<form class="dropdown-menu p-2">
 							<div class="input-group input-group-sm">
 								...soon...
 							</div>
-						 </form>
+						</form>
 					</div>
 				</div>
 			</div>
-			<div class="container-fluid p-0" style="width:12rem">
-				<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="actual speed level">
-                  <i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i></span> <span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="raw data rate modem in bytes per minute">---</span> <span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="data rate including file compression in bytes per minute">---</span> </div>
-			</div>
-			<div class="container-fluid p-0" style="width:10rem">
-				<div class="input-group input-group-sm"> <span class="input-group-text" id="basic-addon1"><strong>Bytes</strong></span> <span class="input-group-text" id="total_bytes">---</span> </div>
-			</div>
-			<div class="container-fluid p-0" style="width:15rem">
-				<div class="progress" style="height: 30px;">
-					<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-					<!--<p class="justify-content-center d-flex position-absolute w-100">PROGRESS</p>-->
-					<p class="justify-content-center mt-2 d-flex position-absolute w-100" id="transmission_timeleft">---</p>
+			<div class="col-sm-4">
+				<div class="input-group input-group-sm">
+					<span class="input-group-text" id="basic-addon1">
+						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>TX
+					</span>
+					<span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip"
+						data-bs-html="false" title="actual speed level">
+						<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i>
+					</span>
+					<span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="raw data rate modem in bytes per minute">---</span>
+						<!--
+					<span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="data rate including file compression in bytes per minute">---</span>
+						-->
+					<span class="input-group-text" id="basic-addon1">
+						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>RX
+					</span>
+					<span class="input-group-text" id="bytes_per_min_rx" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="raw data rate modem in bytes per minute">---</span>
+						<!--
+					<span class="input-group-text" id="bytes_per_min_compressed_rx" data-bs-placement="bottom"
+						data-bs-toggle="tooltip" data-bs-html="false"
+						title="data rate including file compression in bytes per minute">---</span>
+						-->
+					<span class="input-group-text" id="basic-addon1">
+						<i class="bi bi-arrow-down-up" style="font-size: 1rem; color: black;"></i>
+					</span>
+					<span class="input-group-text" id="total_bytes" data-bs-placement="bottom" data-bs-toggle="tooltip"
+						data-bs-html="false" title="total bytes processed">---</span>
+						<span class="input-group-text" id="basic-addon1"
+					data-bs-toggle="tooltip" title="Connected with"><span class="bi bi-chat-fill"
+						id="spnConnectedWith"></span></span><span class="input-group-text"
+					id="txtConnectedWith">------</span>
 				</div>
 			</div>
-		</div>
-	</nav>
+			<div class="col-lg-4">
+				<div class="vp-100">
+					<div class="progress w-100" style="height: 30px;min-width: 200px;">
+						<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress"
+							role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+						</div>
+						<!--<p class="justify-content-center d-flex position-absolute w-100">PROGRESS</p>-->
+						<p class="justify-content-center mt-2 d-flex position-absolute w-100" id="transmission_timeleft">---</p>
+						</p>
+					</div>
+				</div>
+			</div>
+		</nav>
+	</div>
 	<!-- bootstrap -->
 	<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 	<!-- chart.js -->
@@ -1150,11 +1467,15 @@
 					<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				</div>
 				<div class="modal-body">
-					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">Test-Frame</span>
+					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text"
+							id="basic-addon1">Test-Frame</span>
 						<button type="button" id="sendTestFrame" class="btn btn-danger">Transmit</button>
 					</div>
-					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">TX Level</span> <span class="input-group-text" id="audioLevelTXvalue">---</span> <span class="input-group-text w-75" id="basic-addon1">
-                     <input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span> </div>
+					<div class="input-group  input-group-sm mb-1"> <span class="input-group-text" id="basic-addon1">TX
+							Level</span> <span class="input-group-text" id="audioLevelTXvalue">---</span> <span
+							class="input-group-text w-75" id="basic-addon1">
+							<input type="range" class="form-range" min="0" max="250" step="1" id="audioLevelTX"></span>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -1170,10 +1491,11 @@
 				<div class="modal-body">
 
 					<div class="alert alert-warning" role="alert">
-					  Most settings need a tnc restart to take effect!
+						Most settings need a tnc restart to take effect!
 					</div>
 
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Theme</span>
+					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
+							id="basic-addon1">Theme</span>
 						<select class="form-select form-select-sm w-50" id="theme_selector">
 							<option value="default">Default</option>
 							<option value="cerulean">Cerulean</option>
@@ -1203,7 +1525,8 @@
 							<option value="zephyr">Zephyr</option>
 						</select>
 					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Waterfall Theme</span>
+					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
+							id="basic-addon1">Waterfall Theme</span>
 						<select class="form-select form-select-sm w-50" id="wftheme_selector">
 							<option value="2">Default</option>
 							<option value="0">Turbo</option>
@@ -1223,7 +1546,8 @@
 							</div>
 						</label>
 					</div>
-					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Update channel</span>
+					<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
+							id="basic-addon1">Update channel</span>
 						<select class="form-select form-select-sm w-50" id="update_channel_selector">
 							<option value="latest">stable</option>
 							<option value="beta">beta</option>
@@ -1232,7 +1556,8 @@
 					</div>
 					<div class="input-group  input-group-sm mb-1">
 						<label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
-						<input type="text" class="form-control w-50" id="received_files_folder"> </div>
+						<input type="text" class="form-control w-50" id="received_files_folder">
+					</div>
 					<div class="input-group  input-group-sm mb-1">
 						<label class="input-group-text w-25">Tuning range</label>
 						<label class="input-group-text">fmin</label>
@@ -1289,7 +1614,8 @@
 						</label>
 					</div>
 					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable Explorer Publishing <br> (https://explorer.freedata.app) </label>
+						<label class="input-group-text w-50">Enable Explorer Publishing <br>
+							(https://explorer.freedata.app) </label>
 						<label class="input-group-text bg-white w-50">
 							<div class="form-check form-switch form-check-inline">
 								<input class="form-check-input" type="checkbox" id="ExplorerSwitch">
@@ -1338,7 +1664,8 @@
 				</div>
 				<div class="modal-body"> </div>
 				<div class="modal-footer">
-					<button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test settings</button>
+					<button type="button" id="testHamlibAdvanced" class="btn btn-sm btn-outline-secondary">Test
+						settings</button>
 					<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
 				</div>
 			</div>
@@ -1346,4 +1673,4 @@
 	</div>
 </body>
 
-</html>
+</html>
\ No newline at end of file

From 43b0dccc2d6c6ed15f79925cb86685bbade095d1 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 06:22:26 -0500
Subject: [PATCH 19/32] Prevent exception to aid in troubleshooting.

---
 gui/preload-main.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index d8c4c85b..89ece195 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1999,7 +1999,11 @@ var speedChartOptions = {
         var gridDistanceText = document.createElement('span');
 
         try {
-            gridDistanceText.innerText = parseInt(distance(document.getElementById("myGrid").value, arg.stations[i]['dxgrid'])) + ' km';
+            if (arg.stations[i]['dxgrid'].toString() != "------") {
+                gridDistanceText.innerText = parseInt(distance(document.getElementById("myGrid").value, arg.stations[i]['dxgrid'])) + ' km';
+            } else {
+                gridDistanceText.innerText = '---';    
+            }
         } catch {
             gridDistanceText.innerText = '---';
         }

From 32cc24d75b85e3b033a1e2683f1556fd10efc1e2 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 11:44:04 -0500
Subject: [PATCH 20/32] A few slight tweaks to toolbar

---
 gui/src/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index a50f93ca..b33d6032 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1304,7 +1304,7 @@
 	<div class="container-fluid">
 		<nav class="navbar fixed-bottom navbar-expand-xl navbar-light bg-light">
 			<div class="col-sm-2">
-				<div class="btn-toolbar" role="toolbar">
+				<div class="btn-toolbar" role="toolbar" style="margin-left:2px;">
 					<div class="btn-group btn-group-sm me-1" role="group">
 						<button class="btn btn-sm btn-secondary" id="ptt_state" type="button" data-bs-placement="top"
 							data-bs-toggle="tooltip" data-bs-html="true"
@@ -1424,7 +1424,7 @@
 						title="data rate including file compression in bytes per minute">---</span>
 						-->
 					<span class="input-group-text" id="basic-addon1">
-						<i class="bi bi-arrow-down-up" style="font-size: 1rem; color: black;"></i>
+						<i class="bi bi-file-earmark-binary" style="font-size: 1rem; color: black;"></i>
 					</span>
 					<span class="input-group-text" id="total_bytes" data-bs-placement="bottom" data-bs-toggle="tooltip"
 						data-bs-html="false" title="total bytes processed">---</span>
@@ -1435,7 +1435,7 @@
 				</div>
 			</div>
 			<div class="col-lg-4">
-				<div class="vp-100">
+				<div style="margin-right: 2px;">
 					<div class="progress w-100" style="height: 30px;min-width: 200px;">
 						<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress"
 							role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">

From 0fc5f034a4a6132bf2788536a25e4a77489f16e8 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 11:53:30 -0500
Subject: [PATCH 21/32] Don't use btoa/atob as they are problematic with non
 ascii char sets

---
 gui/sock.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/gui/sock.js b/gui/sock.js
index 8d956acf..664e1f7f 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -370,7 +370,8 @@ client.on('data', function(socketdata) {
 
                         socketLog.info(data)
                         // we need to encode here to do a deep check for checking if file or message
-                        var encoded_data = atob(data['data'])
+                        //var encoded_data = atob(data['data'])
+                        var encoded_data = Buffer.from(data['data'],'base64').toString('utf-8');
                         var splitted_data = encoded_data.split(split_char)
 
                         if(splitted_data[0] == 'f'){
@@ -423,7 +424,8 @@ client.on('data', function(socketdata) {
                 for (i = 0; i < data['data-array'].length; i++) {
                     try{
                         // we need to encode here to do a deep check for checking if file or message
-                        var encoded_data = atob(data['data-array'][i]['data'])
+                        //var encoded_data = atob(data['data-array'][i]['data'])
+                        var encoded_data = Buffer.from(data['data-array'][i]['data'],'base64').toString('utf-8');
                         var splitted_data = encoded_data.split(split_char)
 
 
@@ -519,8 +521,11 @@ exports.sendFile = function(dxcallsign, mode, frames, filename, filetype, data,
 
     data = datatype + split_char + filename + split_char + filetype + split_char + checksum + split_char + data
     socketLog.info(data)
-    socketLog.info(btoa(data))
-    data = btoa(data)
+    //socketLog.info(btoa(data))
+    //Btoa / atob will not work with charsets > 8 bits (i.e. the emojis); should probably move away from using it
+    //TODO:  Will need to update anyother occurences and throughly test
+    //data = btoa(data)
+    data = Buffer.from(data,'utf-8').toString("base64");
 
     command = '{"type" : "arq", "command" : "send_raw",  "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '"}]}'
     writeTncCommand(command)
@@ -544,8 +549,8 @@ exports.sendMessage = function(dxcallsign, mode, frames, data, checksum, uuid, c
 
     console.log("CHECKSUM" + checksum)
     //socketLog.info(btoa(data))
-    data = btoa(data)
-
+    //data = btoa(data)
+    data = Buffer.from(data,'utf-8').toString("base64");
 
     //command = '{"type" : "arq", "command" : "send_message", "parameter" : [{ "dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" :  "' + data + '" , "checksum" : "' + checksum + '"}]}'
     command = '{"type" : "arq", "command" : "send_raw",  "uuid" : "'+ uuid +'", "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '", "attempts": "15"}]}'

From d3c86eef926b8406d5cd76ddc107deb4cc2865a1 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 12:12:15 -0500
Subject: [PATCH 22/32] Real fix for #338.  Replaced btoa/atob functions

---
 gui/preload-chat.js | 41 +++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 73e31a63..295d15ed 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -163,10 +163,9 @@ window.addEventListener('DOMContentLoaded', () => {
 
     document.querySelector('emoji-picker').addEventListener("emoji-click", (event) => {
         var msg = document.getElementById('chatModuleMessage');
-        var picker =  document.getElementById("emojipickercontainer");
-        msg.setRangeText(event.detail.emoji.unicode)
-        console.log(event.detail);
-        picker.style.display="none";
+        //Convert to utf-8--so we can just use utf-8 everywhere
+        msg.setRangeText(event.detail.emoji.unicode.toString('utf-8'));
+        //console.log(event.detail);
         msg.focus();
     })
     document.getElementById("emojipickerbutton").addEventListener("click", () => {
@@ -357,7 +356,8 @@ db.post({
             _attachments: {
                 [filename]: {
                     content_type: filetype,
-                    data: btoa(file)
+                    data: Buffer.from(file,"utf-8").toString("base64")
+                    //data: btoa(file)
                 }
             }
         }).then(function(response) {
@@ -367,7 +367,6 @@ db.post({
         }).catch(function(err) {
             console.log(err);
         });
-
         update_chat_obj_by_uuid(uuid);
 
         // clear input
@@ -475,7 +474,8 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
 
         // handle ARQ transmission
         } else if (item.arq == 'transmission' && item.status == 'received') {
-            var encoded_data = atob(item.data);
+            //var encoded_data = atob(item.data);
+            var encoded_data = Buffer.from(item.data,'base64').toString('utf-8');
             var splitted_data = encoded_data.split(split_char);
 
             console.log(splitted_data)
@@ -493,7 +493,8 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
             obj.type = 'received';
             obj.filename = utf8.decode(splitted_data[6]);
             obj.filetype = utf8.decode(splitted_data[7]);
-            obj.file = btoa(splitted_data[8]);
+            //obj.file = btoa(splitted_data[8]);
+            obj.file = Buffer.from(splitted_data[8],'utf-8').toString("base64");
 
             add_obj_to_database(obj);
             update_chat_obj_by_uuid(obj.uuid);
@@ -535,7 +536,8 @@ update_chat = function(obj) {
                 // get filesize of new submitted data
                 // not that nice....
                 // we really should avoid converting back from base64 for performance reasons...
-                var filesize = Math.ceil(atob(obj._attachments[filename]["data"]).length) + "Bytes";
+                //var filesize = Math.ceil(atob(obj._attachments[filename]["data"]).length) + "Bytes";
+                var filesize = Math.ceil(Buffer.from(obj._attachments[filename]["data"],'base64').toString('utf-8').length);
             }
 
             // check if image, then display it
@@ -853,7 +855,7 @@ update_chat = function(obj) {
 
                 var filename = Object.keys(obj._attachments)[0]
                 var filetype = filename.content_type
- 
+
                 console.log(filename)
                 console.log(filetype)
                 var file = obj._attachments[filename].data
@@ -863,6 +865,24 @@ update_chat = function(obj) {
                 //var file = atob(obj._attachments[filename]["data"])
                 db.getAttachment(obj._id, filename).then(function(data) {
                     console.log(data)
+                    //Rewrote this part to use buffers to ensure encoding is coorect -- n1qm
+                    var binaryString = Buffer.from(data,"base64").toString('utf-8');
+                    
+                    console.log(binaryString);
+                    var data_with_attachment = doc.timestamp + split_char + doc.msg + split_char + filename + split_char + filetype + split_char + binaryString;
+                    let Data = {
+                        command: "send_message",
+                        dxcallsign: doc.dxcallsign,
+                        mode: 255,
+                        frames: 1,
+                        data: data_with_attachment,
+                        checksum: doc.checksum,
+                        uuid: doc.uuid
+                    };
+                    console.log(Data)
+                    ipcRenderer.send('run-tnc-command', Data);
+                });
+                /*
                     // convert blob data to binary string
                     blobUtil.blobToBinaryString(data).then(function (binaryString) {
                         console.log(binaryString)
@@ -891,6 +911,7 @@ update_chat = function(obj) {
 
                     });
                 });
+                */
             }).catch(function(err) {
                 console.log(err);
             });

From 113d6f8b9f1a6d2f198a9c83440ba1716a1258d9 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 22:26:44 -0500
Subject: [PATCH 23/32] Address issues from changing atob/bota

---
 gui/preload-chat.js | 43 +++++++++++++++++++++++++++++++------------
 gui/sock.js         | 26 +++++++++++++++++++++-----
 2 files changed, 52 insertions(+), 17 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 295d15ed..3184b1be 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -5,8 +5,6 @@ const {
 const {
     v4: uuidv4
 } = require('uuid');
-const utf8 = require('utf8');
-const blobUtil = require('blob-util')
 // https://stackoverflow.com/a/26227660
 var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config")
 var configFolder = path.join(appDataFolder, "FreeDATA");
@@ -309,7 +307,8 @@ db.post({
         var dxcallsign = selected_callsign.toUpperCase();
         var textarea = document.getElementById('chatModuleMessage')
         var chatmessage = textarea.value;
-
+        //Remove non-printable chars from begining and end of string--should save us a byte here and there
+        chatmessage = chatmessage.toString().trim();
         // reset textarea size
         var message_container_height_offset = 150;
         var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
@@ -356,8 +355,8 @@ db.post({
             _attachments: {
                 [filename]: {
                     content_type: filetype,
-                    data: Buffer.from(file,"utf-8").toString("base64")
                     //data: btoa(file)
+                    data: btoa_FD(file)
                 }
             }
         }).then(function(response) {
@@ -475,7 +474,8 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
         // handle ARQ transmission
         } else if (item.arq == 'transmission' && item.status == 'received') {
             //var encoded_data = atob(item.data);
-            var encoded_data = Buffer.from(item.data,'base64').toString('utf-8');
+            //var encoded_data = Buffer.from(item.data,'base64').toString('utf-8');
+            var encoded_data = atob_FD(item.data);
             var splitted_data = encoded_data.split(split_char);
 
             console.log(splitted_data)
@@ -486,15 +486,16 @@ ipcRenderer.on('action-new-msg-received', (event, arg) => {
             obj.command = splitted_data[1];
             obj.checksum = splitted_data[2];
             // convert message to unicode from utf8 because of emojis
-            obj.uuid = utf8.decode(splitted_data[3]);
-            obj.msg = utf8.decode(splitted_data[5]);
+            //No, don't convert; we're already UTF-8!!!!!
+            obj.uuid = splitted_data[3];
+            obj.msg = splitted_data[5];
             obj.status = 'null';
             obj.snr = 'null';
             obj.type = 'received';
-            obj.filename = utf8.decode(splitted_data[6]);
-            obj.filetype = utf8.decode(splitted_data[7]);
+            obj.filename = splitted_data[6];
+            obj.filetype = splitted_data[7];
             //obj.file = btoa(splitted_data[8]);
-            obj.file = Buffer.from(splitted_data[8],'utf-8').toString("base64");
+            obj.file = btoa_FD(splitted_data[8]);
 
             add_obj_to_database(obj);
             update_chat_obj_by_uuid(obj.uuid);
@@ -537,7 +538,7 @@ update_chat = function(obj) {
                 // not that nice....
                 // we really should avoid converting back from base64 for performance reasons...
                 //var filesize = Math.ceil(atob(obj._attachments[filename]["data"]).length) + "Bytes";
-                var filesize = Math.ceil(Buffer.from(obj._attachments[filename]["data"],'base64').toString('utf-8').length);
+                var filesize = Math.ceil(atob_FD(obj._attachments[filename]["data"]).length) + " Bytes";
             }
 
             // check if image, then display it
@@ -1059,4 +1060,22 @@ var crc32 = function(str) {
     }
 
     return (crc ^ (-1)) >>> 0;
-};
\ No newline at end of file
+};
+/**
+ * Binary to ASCII replacement
+ * @param {string} data in normal/usual utf-8 format
+ * @returns base64 encoded string
+ */
+function btoa_FD(data)
+{
+    return Buffer.from(data,'utf-8').toString('base64');
+}
+/**
+ * ASCII to Binary replacement
+ * @param {string} data in base64 encoding
+ * @returns utf-8 normal/usual string
+ */
+function atob_FD(data)
+{
+    return Buffer.from(data,'base64').toString('utf-8');
+}
\ No newline at end of file
diff --git a/gui/sock.js b/gui/sock.js
index 664e1f7f..95ea86e0 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -371,7 +371,7 @@ client.on('data', function(socketdata) {
                         socketLog.info(data)
                         // we need to encode here to do a deep check for checking if file or message
                         //var encoded_data = atob(data['data'])
-                        var encoded_data = Buffer.from(data['data'],'base64').toString('utf-8');
+                        var encoded_data = atob_FD(data['data']);
                         var splitted_data = encoded_data.split(split_char)
 
                         if(splitted_data[0] == 'f'){
@@ -425,7 +425,7 @@ client.on('data', function(socketdata) {
                     try{
                         // we need to encode here to do a deep check for checking if file or message
                         //var encoded_data = atob(data['data-array'][i]['data'])
-                        var encoded_data = Buffer.from(data['data-array'][i]['data'],'base64').toString('utf-8');
+                        var encoded_data = atob_FD(data['data-array'][i]['data']);
                         var splitted_data = encoded_data.split(split_char)
 
 
@@ -525,7 +525,7 @@ exports.sendFile = function(dxcallsign, mode, frames, filename, filetype, data,
     //Btoa / atob will not work with charsets > 8 bits (i.e. the emojis); should probably move away from using it
     //TODO:  Will need to update anyother occurences and throughly test
     //data = btoa(data)
-    data = Buffer.from(data,'utf-8').toString("base64");
+    data = btoa_FD(data);
 
     command = '{"type" : "arq", "command" : "send_raw",  "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '"}]}'
     writeTncCommand(command)
@@ -550,7 +550,7 @@ exports.sendMessage = function(dxcallsign, mode, frames, data, checksum, uuid, c
     console.log("CHECKSUM" + checksum)
     //socketLog.info(btoa(data))
     //data = btoa(data)
-    data = Buffer.from(data,'utf-8').toString("base64");
+    data = btoa_FD(data);
 
     //command = '{"type" : "arq", "command" : "send_message", "parameter" : [{ "dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" :  "' + data + '" , "checksum" : "' + checksum + '"}]}'
     command = '{"type" : "arq", "command" : "send_raw",  "uuid" : "'+ uuid +'", "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '", "attempts": "15"}]}'
@@ -644,7 +644,23 @@ ipcRenderer.on('action-update-tnc-ip', (event, arg) => {
 
 });
 
-
+/**
+* String to base64
+* @param {string} data in normal/usual utf-8 format
+* @returns base64 encoded string
+*/
+function btoa_FD(data) {
+    return  Buffer.from(this.data,'utf-8').toString('base64');
+}
+/**
+* base64 to string
+* @param {string} data in base64 encoding
+* @returns utf-8 normal/usual string
+*/
+function atob_FD(data)
+{
+    return Buffer.from(data,'base64').toString('utf-8');
+}
 
 // https://stackoverflow.com/a/50579690
 // crc32 calculation

From 06fe52f460a835a4d833cf7f98a26c98ba944f29 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 4 Feb 2023 22:48:20 -0500
Subject: [PATCH 24/32] More btoa/atob fixes

---
 gui/sock.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/sock.js b/gui/sock.js
index 95ea86e0..7583981d 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -650,7 +650,7 @@ ipcRenderer.on('action-update-tnc-ip', (event, arg) => {
 * @returns base64 encoded string
 */
 function btoa_FD(data) {
-    return  Buffer.from(this.data,'utf-8').toString('base64');
+    return  Buffer.from(data,'utf-8').toString('base64');
 }
 /**
 * base64 to string

From 5b6d43e33ddaca1a3f070b5e87eefe071b760c3d Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 01:00:57 -0500
Subject: [PATCH 25/32] Small optimization to onData

---
 gui/sock.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/gui/sock.js b/gui/sock.js
index 7583981d..f9c916f1 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -236,6 +236,8 @@ client.on('data', function(socketdata) {
                 };
 
                 ipcRenderer.send('request-update-tnc-state', Data);
+                //continue to next for loop iteration, nothing else needs to be done here
+                continue;
             }
 
 

From 0ce8f34c884fc1efb1ab7cccfae8862eb576748b Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 01:01:57 -0500
Subject: [PATCH 26/32] Don't set focus when clicking emojis

---
 gui/preload-chat.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 3184b1be..3943e40a 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -164,7 +164,7 @@ window.addEventListener('DOMContentLoaded', () => {
         //Convert to utf-8--so we can just use utf-8 everywhere
         msg.setRangeText(event.detail.emoji.unicode.toString('utf-8'));
         //console.log(event.detail);
-        msg.focus();
+        //msg.focus();
     })
     document.getElementById("emojipickerbutton").addEventListener("click", () => {
         var element = document.getElementById("emojipickercontainer")

From c774e5a44f1b536713317262a9647227a5001d37 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 03:06:58 -0500
Subject: [PATCH 27/32] Footer tweaks

---
 gui/preload-main.js | 124 ++++++++++++++++++++++++++++++--------------
 gui/src/index.html  |  33 +++---------
 2 files changed, 91 insertions(+), 66 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 89ece195..d9a2b8fa 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1488,48 +1488,20 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
 
 //Listen for events caused by tnc 'tnc-message' receiving
 ipcRenderer.on('action-update-reception-status', (event, arg) => {
-    var data =arg["data"][0];
-    //var txprog = document.getElementById("transmission_progress")
-   
-    ipcRenderer.send('request-show-electron-progressbar',data.percent);
-    // SET BYTES PER MINUTE
-    if (typeof(data.bytesperminute) == 'undefined') {
-        var arq_bytes_per_minute = 0;
-    } else {
-        var arq_bytes_per_minute = data.bytesperminute;
-    }
-    document.getElementById("bytes_per_min_rx").textContent = arq_bytes_per_minute;
-    
-    // SET BYTES PER MINUTE COMPRESSED
-    var compress = data.compression;
-    if (isNaN(compress)) {
-        compress = 1;
-    }
-    var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
-    document.getElementById("bytes_per_min_rx").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
-    if (!(typeof(data.dxcallsign) == 'undefined')) {
-        //console.log("Received dxcallsign(rx-status):  ", data.dxcallsign);
-        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
-    }
-});
-
-//Listen for events caused by tnc 'tnc-message's
-ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     var data =arg["data"][0];
     var txprog = document.getElementById("transmission_progress")
     ipcRenderer.send('request-show-electron-progressbar',data.percent);
     txprog.setAttribute("aria-valuenow", data.percent);
     txprog.setAttribute("style", "width:" + data.percent + "%;");
-
-     // SET TIME LEFT UNTIL FINIHED
-     if (typeof(data.finished) == 'undefined') {
-        var time_left = 0;
+     
+    // SET TIME LEFT UNTIL FINIHED
+    if (typeof(data.finished) == 'undefined') {
+        var time_left = "time left: estimating";
     } else {
         var arq_seconds_until_finish = data.finished
         var hours = Math.floor(arq_seconds_until_finish / 3600);
         var minutes = Math.floor((arq_seconds_until_finish % 3600) / 60 );
         var seconds = arq_seconds_until_finish % 60;
-
         if(hours < 0) {
             hours = 0;
         }
@@ -1539,9 +1511,14 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
         if(seconds < 0) {
             seconds = 0;
         }
-        var time_left = "time left: ~ "+ minutes + "min" + " " + seconds + "s";
+        if (hours > 0)
+        {
+            time_left = "time left: ~"+ hours.toString().padStart(2,'0') + ":" + minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        } else {
+            time_left = "time left: ~"+ minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        }
     }
-    document.getElementById("transmission_timeleft").textContent = time_left;
+    var time_left = "<strong>" + time_left +" || Speed/min: ";
 
     // SET BYTES PER MINUTE
     if (typeof(data.bytesperminute) == 'undefined') {
@@ -1549,7 +1526,6 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     } else {
         var arq_bytes_per_minute = data.bytesperminute;
     }
-    document.getElementById("bytes_per_min").textContent = arq_bytes_per_minute;
     
     // SET BYTES PER MINUTE COMPRESSED
     var compress = data.compression;
@@ -1557,14 +1533,85 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
         compress = 1;
     }
     var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
-    document.getElementById("bytes_per_min").setAttribute('data-bs-original-title',"raw data rate modem in bytes per minute (" + arq_bytes_per_minute_compressed + " compressed)");
+    
+    time_left += formatBytes(arq_bytes_per_minute,1) + " (comp: " + formatBytes(arq_bytes_per_minute_compressed,1) + ")</strong>";
+    
     if (!(typeof(data.dxcallsign) == 'undefined')) {
-        //console.log("Received dxcallsign(tx-status):  ", data.dxcallsign);
-        document.getElementById("txtConnectedWith").textContent=data.dxcallsign;
+        document.getElementById("txtConnectedWith").textContent='de ' + data.dxcallsign;
+    }
+    document.getElementById("transmission_timeleft").innerHTML = time_left;
+
+});
+
+//Listen for events caused by tnc 'tnc-message's
+ipcRenderer.on('action-update-transmission-status', (event, arg) => {
+    var data =arg["data"][0];
+    var txprog = document.getElementById("transmission_progress")
+    ipcRenderer.send('request-show-electron-progressbar',data.percent);
+    txprog.setAttribute("aria-valuenow", data.percent);
+    txprog.setAttribute("style", "width:" + data.percent + "%;");
+     
+    // SET TIME LEFT UNTIL FINIHED
+    if (typeof(data.finished) == 'undefined') {
+        var time_left = "time left: estimating";
+    } else {
+        var arq_seconds_until_finish = data.finished
+        var hours = Math.floor(arq_seconds_until_finish / 3600);
+        var minutes = Math.floor((arq_seconds_until_finish % 3600) / 60 );
+        var seconds = arq_seconds_until_finish % 60;
+        if(hours < 0) {
+            hours = 0;
+        }
+        if(minutes < 0) {
+            minutes = 0;
+        }
+        if(seconds < 0) {
+            seconds = 0;
+        }
+        if (hours > 0)
+        {
+            time_left = "time left: ~"+ hours.toString().padStart(2,'0') + ":" + minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        } else {
+            time_left = "time left: ~"+ minutes.toString().padStart(2,'0') + "."  + seconds.toString().padStart(2,'0');
+        }
+    }
+    var time_left = "<strong>" + time_left +" || Speed/min: ";
+
+    // SET BYTES PER MINUTE
+    if (typeof(data.bytesperminute) == 'undefined') {
+        var arq_bytes_per_minute = 0;
+    } else {
+        var arq_bytes_per_minute = data.bytesperminute;
     }
     
+    // SET BYTES PER MINUTE COMPRESSED
+    var compress = data.compression;
+    if (isNaN(compress)) {
+        compress = 1;
+    }
+    var arq_bytes_per_minute_compressed = Math.round(arq_bytes_per_minute * compress);
+    
+    time_left += formatBytes(arq_bytes_per_minute,1) + " (comp: " + formatBytes(arq_bytes_per_minute_compressed,1) + ")</strong>";
+    
+    if (!(typeof(data.dxcallsign) == 'undefined')) {
+        document.getElementById("txtConnectedWith").textContent='to ' + data.dxcallsign;
+    }
+    document.getElementById("transmission_timeleft").innerHTML = time_left;
 });
 
+//https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript
+function formatBytes(bytes, decimals = 1) {
+    if (!+bytes) return '0 Bytes'
+
+    const k = 1024
+    const dm = decimals < 0 ? 0 : decimals
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
+}
+
 var slowRollTable=4;
 
 ipcRenderer.on('action-update-tnc-state', (event, arg) => {
@@ -2394,7 +2441,6 @@ ipcRenderer.on('action-update-rx-buffer', (event, arg) => {
             console.log(err);
         });
     }
-
 });
 
 ipcRenderer.on('run-tnc-command', (event, arg) => {
diff --git a/gui/src/index.html b/gui/src/index.html
index b33d6032..5941bbd8 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1338,7 +1338,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="col-sm-2">
+			<div class="col-sm-3">
 				<div class="input-group input-group-sm">
 					<div class="btn-group dropup me-1">
 						<button type="button" class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
@@ -1395,48 +1395,27 @@
 					</div>
 				</div>
 			</div>
-			<div class="col-sm-4">
+			<div class="col-sm-3">
 				<div class="input-group input-group-sm">
 					<span class="input-group-text" id="basic-addon1">
-						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>TX
+						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>
 					</span>
 					<span class="input-group-text" data-bs-placement="bottom" data-bs-toggle="tooltip"
 						data-bs-html="false" title="actual speed level">
 						<i id="speed_level" class="bi bi-reception-0" style="font-size: 1rem; color: black;"></i>
 					</span>
-					<span class="input-group-text" id="bytes_per_min" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="raw data rate modem in bytes per minute">---</span>
-						<!--
-					<span class="input-group-text" id="bytes_per_min_compressed" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="data rate including file compression in bytes per minute">---</span>
-						-->
-					<span class="input-group-text" id="basic-addon1">
-						<i class="bi bi-speedometer2" style="font-size: 1rem; color: black;"></i>RX
-					</span>
-					<span class="input-group-text" id="bytes_per_min_rx" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="raw data rate modem in bytes per minute">---</span>
-						<!--
-					<span class="input-group-text" id="bytes_per_min_compressed_rx" data-bs-placement="bottom"
-						data-bs-toggle="tooltip" data-bs-html="false"
-						title="data rate including file compression in bytes per minute">---</span>
-						-->
 					<span class="input-group-text" id="basic-addon1">
 						<i class="bi bi-file-earmark-binary" style="font-size: 1rem; color: black;"></i>
 					</span>
 					<span class="input-group-text" id="total_bytes" data-bs-placement="bottom" data-bs-toggle="tooltip"
 						data-bs-html="false" title="total bytes processed">---</span>
-						<span class="input-group-text" id="basic-addon1"
-					data-bs-toggle="tooltip" title="Connected with"><span class="bi bi-chat-fill"
-						id="spnConnectedWith"></span></span><span class="input-group-text"
-					id="txtConnectedWith">------</span>
+						<span class="input-group-text" id="basic-addon1" data-bs-toggle="tooltip" title="Indicates if a session is active"><span class="bi bi-chat-fill" id="spnConnectedWith"></span></span>
+						<span class="input-group-text" id="txtConnectedWith" data-bs-toggle="tooltip" title="Connected with">------</span>
 				</div>
 			</div>
 			<div class="col-lg-4">
 				<div style="margin-right: 2px;">
-					<div class="progress w-100" style="height: 30px;min-width: 200px;">
+					<div class="progress w-100" style="height: 30px;min-width: 300px;">
 						<div class="progress-bar progress-bar-striped bg-primary force-gpu" id="transmission_progress"
 							role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
 						</div>

From 1bd01d74898f08457e29bab660413a3584a43a18 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 05:54:35 -0500
Subject: [PATCH 28/32] More atob/btoa fixes

---
 gui/main.js         | 14 +++++---------
 gui/preload-chat.js |  4 ++--
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 2f84b768..9ca16f30 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -507,7 +507,8 @@ console.log(filepath.filePaths[0])
 
   try {
   //fs.readFile(filepath.filePaths[0], 'utf8',  function (err, data) {
-  fs.readFile(filepath.filePaths[0], 'binary', function (err, data) {
+    //Has to be binary
+  fs.readFile(filepath.filePaths[0],'binary', function (err, data) {
   
   console.log(data.length)
 
@@ -541,15 +542,10 @@ ipcMain.on('save-file-to-folder',(event,data)=>{
         console.log(data.file)        
 
               try {
-
-                let buffer = Buffer.from(data.file);
-                let arraybuffer = Uint8Array.from(buffer);
+                let arraybuffer = Buffer.from(data.file,"base64").toString('utf-8');
                 console.log(arraybuffer)
-               fs.writeFile(filepath.filePath, data.file, 'binary', function (err, data) {
-                //fs.writeFile(filepath.filePath, arraybuffer,  function (err, data) {
-              //fs.writeFile(filepath.filePath, arraybuffer, 'binary', function(err) {
-              //fs.writeFile(filepath.filePath, new Uint8Array(Buffer.from(data.file)),  function (err, data) {
-              //fs.writeFile(filepath.filePath, Buffer.from(data.file),  function (err, data) {
+                //Has to be binary
+               fs.writeFile(filepath.filePath, arraybuffer, 'binary', function (err, data) {
                 })
               } catch (err) {
                 console.log(err);
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 3943e40a..de9f517d 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -866,8 +866,8 @@ update_chat = function(obj) {
                 //var file = atob(obj._attachments[filename]["data"])
                 db.getAttachment(obj._id, filename).then(function(data) {
                     console.log(data)
-                    //Rewrote this part to use buffers to ensure encoding is coorect -- n1qm
-                    var binaryString = Buffer.from(data,"base64").toString('utf-8');
+                    //Rewrote this part to use buffers to ensure encoding is corect -- n1qm
+                    var binaryString = atob_FD(data);
                     
                     console.log(binaryString);
                     var data_with_attachment = doc.timestamp + split_char + doc.msg + split_char + filename + split_char + filetype + split_char + binaryString;

From 9c3910e116e4a7474b92ec3f7c93bcb4c2802cf8 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 06:43:07 -0500
Subject: [PATCH 29/32] fix hamlib_deviceid list

---
 gui/src/index.html | 522 ++++++++++++++++++++++-----------------------
 1 file changed, 261 insertions(+), 261 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 5941bbd8..48f05fca 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -441,267 +441,267 @@
 										placeholder="Search radio..." style="width:7rem">
 									<datalist id="datalistOptions">
 										<option value="2028">Kenwood TS480</option>
-										<option value="1">Hamlib Dummy</option>
-										<option value="2">Hamlib NET rigctl </option>
-										<option value="4">FLRig FLRig </option>
-										<option value="5">TRXManager TRXManager 5.7.630+</option>
-										<option value="6"> Hamlib Dummy No VFO </option>
-										<option value="1001"> Yaesu FT-847 </option>
-										<option value="1003"> Yaesu FT-1000D </option>
-										<option value="1004"> Yaesu MARK-V FT-1000MP </option>
-										<option value="1005"> Yaesu FT-747GX </option>
-										<option value="1006"> Yaesu FT-757GX </option>
-										<option value="1007"> Yaesu FT-757GXII</option>
-										<option value="1009"> Yaesu FT-767GX </option>
-										<option value="1010"> Yaesu FT-736R </option>
-										<option value="1011"> Yaesu FT-840 </option>
-										<option value="1013"> Yaesu FT-900 </option>
-										<option value="1014"> Yaesu FT-920 </option>
-										<option value="1015"> Yaesu FT-890 </option>
-										<option value="1016"> Yaesu FT-990 </option>
-										<option value="1017"> Yaesu FRG-100 </option>
-										<option value="1018"> Yaesu FRG-9600 </option>
-										<option value="1019"> Yaesu FRG-8800 </option>
-										<option value="1020"> Yaesu FT-817 </option>
-										<option value="1021"> Yaesu FT-100 </option>
-										<option value="1022"> Yaesu FT-857 </option>
-										<option value="1023"> Yaesu FT-897 </option>
-										<option value="1024"> Yaesu FT-1000MP </option>
-										<option value="1025"> Yaesu MARK-V Field FT-1000MP </option>
-										<option value="1026"> Yaesu VR-5000 </option>
-										<option value="1027"> Yaesu FT-450 </option>
-										<option value="1028"> Yaesu FT-950 </option>
-										<option value="1029"> Yaesu FT-2000 </option>
-										<option value="1030"> Yaesu FTDX-9000 </option>
-										<option value="1031"> Yaesu FT-980 </option>
-										<option value="1032"> Yaesu FTDX-5000 </option>
-										<option value="1033"> Vertex Standard VX-1700 </option>
-										<option value="1034"> Yaesu FTDX-1200 </option>
-										<option value="1035"> Yaesu FT-991 </option>
-										<option value="1036"> Yaesu FT-891 </option>
-										<option value="1037"> Yaesu FTDX-3000 </option>
-										<option value="1038"> Yaesu FT-847UNI </option>
-										<option value="1039"> Yaesu FT-600 </option>
-										<option value="1040"> Yaesu FTDX-101D </option>
-										<option value="1041"> Yaesu FT-818 </option>
-										<option value="1042"> Yaesu FTDX-10 </option>
-										<option value="1043"> Yaesu FT-897D </option>
-										<option value="1044"> Yaesu FTDX-101MP </option>
-										<option value="2001"> Kenwood TS-50S </option>
-										<option value="2002"> Kenwood TS-440S </option>
-										<option value="2003"> Kenwood TS-450S </option>
-										<option value="2004"> Kenwood TS-570D </option>
-										<option value="2005"> Kenwood TS-690S </option>
-										<option value="2006"> Kenwood TS-711 </option>
-										<option value="2007"> Kenwood TS-790 </option>
-										<option value="2008"> Kenwood TS-811 </option>
-										<option value="2009"> Kenwood TS-850 </option>
-										<option value="2010"> Kenwood TS-870S </option>
-										<option value="2011"> Kenwood TS-940S </option>
-										<option value="2012"> Kenwood TS-950S </option>
-										<option value="2013"> Kenwood TS-950SDX </option>
-										<option value="2014"> Kenwood TS-2000 </option>
-										<option value="2015"> Kenwood R-5000 </option>
-										<option value="2016"> Kenwood TS-570S </option>
-										<option value="2017"> Kenwood TH-D7A </option>
-										<option value="2019"> Kenwood TH-F6A </option>
-										<option value="2020"> Kenwood TH-F7E </option>
-										<option value="2021"> Elecraft K2 </option>
-										<option value="2022"> Kenwood TS-930 </option>
-										<option value="2023"> Kenwood TH-G71 </option>
-										<option value="2024"> Kenwood TS-680S </option>
-										<option value="2025"> Kenwood TS-140S </option>
-										<option value="2026"> Kenwood TM-D700 </option>
-										<option value="2027"> Kenwood TM-V7 </option>
-										<option value="2028"> Kenwood TS-480 </option>
-										<option value="2029"> Elecraft K3 </option>
-										<option value="2030"> Kenwood TRC-80 </option>
-										<option value="2031"> Kenwood TS-590S </option>
-										<option value="2032"> SigFox Transfox </option>
-										<option value="2033"> Kenwood TH-D72A </option>
-										<option value="2034"> Kenwood TM-D710(G) </option>
-										<option value="2036"> FlexRadio 6xxx </option>
-										<option value="2037"> Kenwood TS-590SG </option>
-										<option value="2038"> Elecraft XG3 </option>
-										<option value="2039"> Kenwood TS-990s </option>
-										<option value="2040"> OpenHPSDR PiHPSDR </option>
-										<option value="2041"> Kenwood TS-890S </option>
-										<option value="2042"> Kenwood TH-D74 </option>
-										<option value="2043"> Elecraft K3S </option>
-										<option value="2044"> Elecraft KX2 </option>
-										<option value="2045"> Elecraft KX3 </option>
-										<option value="2046"> Hilberling PT-8000A </option>
-										<option value="2047"> Elecraft K4 </option>
-										<option value="2048"> FlexRadio/ANAN PowerSDR/Thetis </option>
-										<option value="2049"> Malachite DSP </option>
-										<option value="3002"> Icom IC-1275 </option>
-										<option value="3003"> Icom IC-271 </option>
-										<option value="3004"> Icom IC-275 </option>
-										<option value="3006"> Icom IC-471 </option>
-										<option value="3007"> Icom IC-475 </option>
-										<option value="3009"> Icom IC-706 </option>
-										<option value="3010"> Icom IC-706MkII </option>
-										<option value="3011"> Icom IC-706MkIIG </option>
-										<option value="3012"> Icom IC-707 </option>
-										<option value="3013"> Icom IC-718 </option>
-										<option value="3014"> Icom IC-725 </option>
-										<option value="3015"> Icom IC-726 </option>
-										<option value="3016"> Icom IC-728 </option>
-										<option value="3017"> Icom IC-729 </option>
-										<option value="3019"> Icom IC-735 </option>
-										<option value="3020"> Icom IC-736 </option>
-										<option value="3021"> Icom IC-737 </option>
-										<option value="3022"> Icom IC-738 </option>
-										<option value="3023"> Icom IC-746 </option>
-										<option value="3024"> Icom IC-751 </option>
-										<option value="3026"> Icom IC-756 </option>
-										<option value="3027"> Icom IC-756PRO </option>
-										<option value="3028"> Icom IC-761 </option>
-										<option value="3029"> Icom IC-765 </option>
-										<option value="3030"> Icom IC-775 </option>
-										<option value="3031"> Icom IC-781 </option>
-										<option value="3032"> Icom IC-820H </option>
-										<option value="3034"> Icom IC-821H </option>
-										<option value="3035"> Icom IC-970 </option>
-										<option value="3036"> Icom IC-R10 </option>
-										<option value="3037"> Icom IC-R71 </option>
-										<option value="3038"> Icom IC-R72 </option>
-										<option value="3039"> Icom IC-R75 </option>
-										<option value="3040"> Icom IC-R7000 </option>
-										<option value="3041"> Icom IC-R7100 </option>
-										<option value="3042"> Icom ICR-8500 </option>
-										<option value="3043"> Icom IC-R9000 </option>
-										<option value="3044"> Icom IC-910 </option>
-										<option value="3045"> Icom IC-78 </option>
-										<option value="3046"> Icom IC-746PRO </option>
-										<option value="3047"> Icom IC-756PROII </option>
-										<option value="3051">Ten-Tec Omni VI Plus </option>
-										<option value="3052"> Optoelectronics OptoScan535 </option>
-										<option value="3053"> Optoelectronics OptoScan456 </option>
-										<option value="3054"> Icom IC ID-1 </option>
-										<option value="3055"> Icom IC-703 </option>
-										<option value="3056"> Icom IC-7800 </option>
-										<option value="3057"> Icom IC-756PROIII </option>
-										<option value="3058"> Icom IC-R20 </option>
-										<option value="3060"> Icom IC-7000 </option>
-										<option value="3061"> Icom IC-7200 </option>
-										<option value="3062"> Icom IC-7700 </option>
-										<option value="3063"> Icom IC-7600 </option>
-										<option value="3064"> Ten-Tec Delta II </option>
-										<option value="3065"> Icom IC-92D </option>
-										<option value="3066"> Icom IC-R9500 </option>
-										<option value="3067"> Icom IC-7410 </option>
-										<option value="3068"> Icom IC-9100 </option>
-										<option value="3069"> Icom IC-RX7 </option>
-										<option value="3070"> Icom IC-7100 </option>
-										<option value="3071"> Icom ID-5100 </option>
-										<option value="3072"> Icom IC-2730 </option>
-										<option value="3073"> Icom IC-7300 </option>
-										<option value="3074"> Microtelecom Perseus </option>
-										<option value="3075"> Icom IC-785x </option>
-										<option value="3076"> Xeigu X108G </option>
-										<option value="3077"> Icom IC-R6 </option>
-										<option value="3078"> Icom IC-7610 </option>
-										<option value="3079"> Icom IC-R8600 </option>
-										<option value="3080"> Icom IC-R30 </option>
-										<option value="3081"> Icom IC-9700 </option>
-										<option value="3082"> Icom ID-4100 </option>
-										<option value="3083"> Icom ID-31 </option>
-										<option value="3084"> Icom ID-51 </option>
-										<option value="3085"> Icom IC-705 </option>
-										<option value="4001"> Icom IC-PCR1000 </option>
-										<option value="4002"> Icom IC-PCR100 </option>
-										<option value="4003"> Icom IC-PCR1500 </option>
-										<option value="4004"> Icom IC-PCR2500 </option>
-										<option value="5001"> AOR AR8200 </option>
-										<option value="5002"> AOR AR8000 </option>
-										<option value="5003"> AOR AR7030 </option>
-										<option value="5004"> AOR AR5000 </option>
-										<option value="5005"> AOR AR3030 </option>
-										<option value="5006"> AOR AR3000A </option>
-										<option value="5008"> AOR AR2700 </option>
-										<option value="5013"> AOR AR8600 </option>
-										<option value="5014"> AOR AR5000A </option>
-										<option value="5015"> AOR AR7030 Plus </option>
-										<option value="5016"> AOR SR2200 </option>
-										<option value="6005"> JRC NRD-525 </option>
-										<option value="6006"> JRC NRD-535D </option>
-										<option value="6007"> JRC NRD-545 DSP </option>
-										<option value="8001"> Uniden BC780xlt </option>
-										<option value="8002"> Uniden BC245xlt </option>
-										<option value="8003"> Uniden BC895xlt </option>
-										<option value="8004"> Radio Shack PRO-2052 </option>
-										<option value="8006"> Uniden BC250D </option>
-										<option value="8010"> Uniden BCD-396T </option>
-										<option value="8011"> Uniden BCD-996T </option>
-										<option value="8012"> Uniden BC898T </option>
-										<option value="9002"> Drake R-8A </option>
-										<option value="9003"> Drake R-8B </option>
-										<option value="10004"> Lowe HF-235 </option>
-										<option value="11003">Racal RA6790/GM </option>
-										<option value="11005"> Racal RA3702 </option>
-										<option value="12004"> Watkins-Johnson WJ-8888 </option>
-										<option value="14002"> Skanti TRP8000 </option>
-										<option value="14004"> Skanti TRP 8255 S R </option>
-										<option value="15001"> Winradio WR-1000 </option>
-										<option value="15002"> Winradio WR-1500 </option>
-										<option value="15003"> Winradio WR-1550 </option>
-										<option value="15004"> Winradio WR-3100 </option>
-										<option value="15005"> Winradio WR-3150 </option>
-										<option value="15006">Winradio WR-3500 </option>
-										<option value="15007"> Winradio WR-3700 </option>
-										<option value="15009"> Winradio WR-G313 </option>
-										<option value="16001"> Ten-Tec TT-550 </option>
-										<option value="16002"> Ten-Tec TT-538 Jupiter </option>
-										<option value="16003"> Ten-Tec RX-320 </option>
-										<option value="16004"> Ten-Tec RX-340 </option>
-										<option value="16005"> Ten-Tec RX-350 </option>
-										<option value="16007"> Ten-Tec TT-516 Argonaut V </option>
-										<option value="16008"> Ten-Tec TT-565 Orion </option>
-										<option value="16009"> Ten-Tec TT-585 Paragon </option>
-										<option value="16011"> Ten-Tec TT-588 Omni VII </option>
-										<option value="16012"> Ten-Tec RX-331 </option>
-										<option value="16013"> Ten-Tec TT-599 Eagle </option>
-										<option value="17001"> Alinco DX-77 </option>
-										<option value="17002"> Alinco DX-SR8 </option>
-										<option value="18001"> Kachina 505DSP </option>
-										<option value="22001"> TAPR DSP-10 </option>
-										<option value="23001"> Flex-radio SDR-1000 </option>
-										<option value="23003"> DTTS Microwave Society DttSP IPC </option>
-										<option value="23004"> DTTS Microwave Society DttSP UDP </option>
-										<option value="24001"> RFT EKD-500 </option>
-										<option value="25001"> Elektor Elektor 3/04 </option>
-										<option value="25002"> SAT-Schneider DRT1 </option>
-										<option value="25003"> Coding Technologies Digital World Traveller</option>
-										<option value="25006"> AmQRP DDS-60 </option>
-										<option value="25007"> Elektor Elektor SDR-USB </option>
-										<option value="25008"> mRS miniVNA </option>
-										<option value="25009"> SoftRock Si570 AVR-USB </option>
-										<option value="25011"> KTH-SDR kit Si570 PIC-USB </option>
-										<option value="25012"> FiFi FiFi-SDR </option>
-										<option value="25013"> AMSAT-UK FUNcube Dongle </option>
-										<option value="25014"> N2ADR HiQSDR </option>
-										<option value="25015"> Funkamateur FA-SDR </option>
-										<option value="25016"> AE9RB Si570 Peaberry V1 </option>
-										<option value="25017"> AE9RB Si570 Peaberry V2 </option>
-										<option value="25018"> AMSAT-UK FUNcube Dongle Pro+ </option>
-										<option value="25019"> HobbyPCB RS-HFIQ </option>
-										<option value="26001"> Video4Linux SW/FM radio </option>
-										<option value="26002"> Video4Linux2 SW/FM radio </option>
-										<option value="27001"> Rohde&Schwarz ESMC </option>
-										<option value="27002"> Rohde&Schwarz EB200 </option>
-										<option value="27003"> Rohde&Schwarz XK2100 </option>
-										<option value="28001"> Philips/Simoco PRM8060 </option>
-										<option value="29001"> ADAT www.adat.ch ADT-200A </option>
-										<option value="30001"> Icom IC-M700PRO </option>
-										<option value="30002"> Icom IC-M802 </option>
-										<option value="30003"> Icom IC-M710 </option>
-										<option value="30004"> Icom IC-M803 </option>
-										<option value="31001"> Dorji DRA818V </option>
-										<option value="31002"> Dorji DRA818U </option>
-										<option value="32001"> Barrett 2050 </option>
-										<option value="32002"> Barrett 950 </option>
-										<option value="33001"> ELAD FDM-DUO </option>
+										<option value="1">Hamlib                 Dummy</option>
+										<option value="2">Hamlib                 NET rigctl            </option>
+										<option value="4">FLRig                  FLRig                  </option>
+										<option value="5">TRXManager             TRXManager 5.7.630+</option>
+										<option value="6">	Hamlib                 Dummy No VFO           </option>
+										<option value="1001">	Yaesu                  FT-847                 </option>
+										<option value="1003">	Yaesu                  FT-1000D               </option>
+										<option value="1004">	Yaesu                  MARK-V FT-1000MP       </option>
+										<option value="1005">	Yaesu                  FT-747GX               </option>
+										<option value="1006">	Yaesu                  FT-757GX               </option>
+										<option value="1007">	Yaesu                  FT-757GXII</option>
+										<option value="1009">	Yaesu                  FT-767GX               </option>
+										<option value="1010">	Yaesu                  FT-736R                </option>
+										<option value="1011">	Yaesu                  FT-840                 </option>
+										<option value="1013">	Yaesu                  FT-900                 </option>
+										<option value="1014">	Yaesu                  FT-920                 </option>
+										<option value="1015">	Yaesu                  FT-890                 </option>
+										<option value="1016">	Yaesu                  FT-990                 </option>
+										<option value="1017">	Yaesu                  FRG-100                </option>
+										<option value="1018">	Yaesu                  FRG-9600               </option>
+										<option value="1019">	Yaesu                  FRG-8800               </option>
+										<option value="1020">	Yaesu                  FT-817                 </option>
+										<option value="1021">	Yaesu                  FT-100                 </option>
+										<option value="1022">	Yaesu                  FT-857                 </option>
+										<option value="1023">	Yaesu                  FT-897                 </option>
+										<option value="1024">	Yaesu                  FT-1000MP              </option>
+										<option value="1025">	Yaesu                  MARK-V Field FT-1000MP </option>
+										<option value="1026">	Yaesu                  VR-5000                </option>
+										<option value="1027">	Yaesu                  FT-450                 </option>
+										<option value="1028">	Yaesu                  FT-950                 </option>
+										<option value="1029">	Yaesu                  FT-2000                </option>
+										<option value="1030">	Yaesu                  FTDX-9000              </option>
+										<option value="1031">	Yaesu                  FT-980                 </option>
+										<option value="1032">	Yaesu                  FTDX-5000              </option>
+										<option value="1033">	Vertex Standard        VX-1700                </option>
+										<option value="1034">	Yaesu                  FTDX-1200              </option>
+										<option value="1035">	Yaesu                  FT-991                 </option>
+										<option value="1036">	Yaesu                  FT-891                 </option>
+										<option value="1037">	Yaesu                  FTDX-3000              </option>
+										<option value="1038">	Yaesu                  FT-847UNI              </option>
+										<option value="1039">	Yaesu                  FT-600                 </option>
+										<option value="1040">	Yaesu                  FTDX-101D              </option>
+										<option value="1041">	Yaesu                  FT-818                 </option>
+										<option value="1042">	Yaesu                  FTDX-10                </option>
+										<option value="1043">	Yaesu                  FT-897D                </option>
+										<option value="1044">	Yaesu                  FTDX-101MP             </option>
+										<option value="2001">	Kenwood                TS-50S                 </option>
+										<option value="2002">	Kenwood                TS-440S                </option>
+										<option value="2003">	Kenwood                TS-450S                </option>
+										<option value="2004">	Kenwood                TS-570D                </option>
+										<option value="2005">	Kenwood                TS-690S                </option>
+										<option value="2006">	Kenwood                TS-711                 </option>
+										<option value="2007">	Kenwood                TS-790                 </option>
+										<option value="2008">	Kenwood                TS-811                 </option>
+										<option value="2009">	Kenwood                TS-850                 </option>
+										<option value="2010">	Kenwood                TS-870S                </option>
+										<option value="2011">	Kenwood                TS-940S                </option>
+										<option value="2012">	Kenwood                TS-950S                </option>
+										<option value="2013">	Kenwood                TS-950SDX              </option>
+										<option value="2014">	Kenwood                TS-2000                </option>
+										<option value="2015">	Kenwood                R-5000                 </option>
+										<option value="2016">	Kenwood                TS-570S                </option>
+										<option value="2017">	Kenwood                TH-D7A                 </option>
+										<option value="2019">	Kenwood                TH-F6A                 </option>
+										<option value="2020">	Kenwood                TH-F7E                 </option>
+										<option value="2021">	Elecraft               K2                     </option>
+										<option value="2022">	Kenwood                TS-930                 </option>
+										<option value="2023">	Kenwood                TH-G71                 </option>
+										<option value="2024">	Kenwood                TS-680S                </option>
+										<option value="2025">	Kenwood                TS-140S                </option>
+										<option value="2026">	Kenwood                TM-D700                </option>
+										<option value="2027">	Kenwood                TM-V7                  </option>
+										<option value="2028">	Kenwood                TS-480                 </option>
+										<option value="2029">	Elecraft               K3                     </option>
+										<option value="2030">	Kenwood                TRC-80                 </option>
+										<option value="2031">	Kenwood                TS-590S                </option>
+										<option value="2032">	SigFox                 Transfox               </option>
+										<option value="2033">	Kenwood                TH-D72A                </option>
+										<option value="2034">	Kenwood                TM-D710(G)             </option>
+										<option value="2036">	FlexRadio              6xxx                   </option>
+										<option value="2037">	Kenwood                TS-590SG               </option>
+										<option value="2038">	Elecraft               XG3                    </option>
+										<option value="2039">	Kenwood                TS-990s                </option>
+										<option value="2040">	OpenHPSDR              PiHPSDR                </option>
+										<option value="2041">	Kenwood                TS-890S                </option>
+										<option value="2042">	Kenwood                TH-D74                 </option>
+										<option value="2043">	Elecraft               K3S                    </option>
+										<option value="2044">	Elecraft               KX2                    </option>
+										<option value="2045">	Elecraft               KX3                    </option>
+										<option value="2046">	Hilberling             PT-8000A               </option>
+										<option value="2047">	Elecraft               K4                     </option>
+										<option value="2048">	FlexRadio/ANAN         PowerSDR/Thetis   </option>
+										<option value="2049">	Malachite              DSP                    </option>
+										<option value="3002">	Icom                   IC-1275                </option>
+										<option value="3003">	Icom                   IC-271                 </option>
+										<option value="3004">	Icom                   IC-275                 </option>
+										<option value="3006">	Icom                   IC-471                 </option>
+										<option value="3007">	Icom                   IC-475                 </option>
+										<option value="3009">	Icom                   IC-706                 </option>
+										<option value="3010">	Icom                   IC-706MkII             </option>
+										<option value="3011">	Icom                   IC-706MkIIG            </option>
+										<option value="3012">	Icom                   IC-707                 </option>
+										<option value="3013">	Icom                   IC-718                 </option>
+										<option value="3014">	Icom                   IC-725                 </option>
+										<option value="3015">	Icom                   IC-726                 </option>
+										<option value="3016">	Icom                   IC-728                 </option>
+										<option value="3017">	Icom                   IC-729                 </option>
+										<option value="3019">	Icom                   IC-735                 </option>
+										<option value="3020">	Icom                   IC-736                 </option>
+										<option value="3021">	Icom                   IC-737                 </option>
+										<option value="3022">	Icom                   IC-738                 </option>
+										<option value="3023">	Icom                   IC-746                 </option>
+										<option value="3024">	Icom                   IC-751                 </option>
+										<option value="3026">	Icom                   IC-756                 </option>
+										<option value="3027">	Icom                   IC-756PRO              </option>
+										<option value="3028">	Icom                   IC-761                 </option>
+										<option value="3029">	Icom                   IC-765                 </option>
+										<option value="3030">	Icom                   IC-775                 </option>
+										<option value="3031">	Icom                   IC-781                 </option>
+										<option value="3032">	Icom                   IC-820H                </option>
+										<option value="3034">	Icom                   IC-821H                </option>
+										<option value="3035">	Icom                   IC-970                 </option>
+										<option value="3036">	Icom                   IC-R10                 </option>
+										<option value="3037">	Icom                   IC-R71                 </option>
+										<option value="3038">	Icom                   IC-R72                 </option>
+										<option value="3039">	Icom                   IC-R75                 </option>
+										<option value="3040">	Icom                   IC-R7000               </option>
+										<option value="3041">	Icom                   IC-R7100               </option>
+										<option value="3042">	Icom                   ICR-8500               </option>
+										<option value="3043">	Icom                   IC-R9000               </option>
+										<option value="3044">	Icom                   IC-910                 </option>
+										<option value="3045">	Icom                   IC-78                  </option>
+										<option value="3046">	Icom                   IC-746PRO              </option>
+										<option value="3047">	Icom                   IC-756PROII            </option>
+										<option value="3051">Ten-Tec                Omni VI Plus           </option>
+										<option value="3052">	Optoelectronics        OptoScan535            </option>
+										<option value="3053">	Optoelectronics        OptoScan456            </option>
+										<option value="3054">	Icom                   IC ID-1                </option>
+										<option value="3055">	Icom                   IC-703                 </option>
+										<option value="3056">	Icom                   IC-7800                </option>
+										<option value="3057">	Icom                   IC-756PROIII           </option>
+										<option value="3058">	Icom                   IC-R20                 </option>
+										<option value="3060">	Icom                   IC-7000                </option>
+										<option value="3061">	Icom                   IC-7200                </option>
+										<option value="3062">	Icom                   IC-7700                </option>
+										<option value="3063">	Icom                   IC-7600                </option>
+										<option value="3064">	Ten-Tec                Delta II               </option>
+										<option value="3065">	Icom                   IC-92D                 </option>
+										<option value="3066">	Icom                   IC-R9500               </option>
+										<option value="3067">	Icom                   IC-7410                </option>
+										<option value="3068">	Icom                   IC-9100                </option>
+										<option value="3069">	Icom                   IC-RX7                 </option>
+										<option value="3070">	Icom                   IC-7100                </option>
+										<option value="3071">	Icom                   ID-5100                </option>
+										<option value="3072">	Icom                   IC-2730                </option>
+										<option value="3073">	Icom                   IC-7300                </option>
+										<option value="3074">	Microtelecom           Perseus                </option>
+										<option value="3075">	Icom                   IC-785x                </option>
+										<option value="3076">	Xeigu                  X108G                  </option>
+										<option value="3077">	Icom                   IC-R6                  </option>
+										<option value="3078">	Icom                   IC-7610                </option>
+										<option value="3079">	Icom                   IC-R8600               </option>
+										<option value="3080">	Icom                   IC-R30                 </option>
+										<option value="3081">	Icom                   IC-9700                </option>
+										<option value="3082">	Icom                   ID-4100                </option>
+										<option value="3083">	Icom                   ID-31                  </option>
+										<option value="3084">	Icom                   ID-51                  </option>
+										<option value="3085">	Icom                   IC-705                 </option>
+										<option value="4001">	Icom                   IC-PCR1000             </option>
+										<option value="4002">	Icom                   IC-PCR100              </option>
+										<option value="4003">	Icom                   IC-PCR1500             </option>
+										<option value="4004">	Icom                   IC-PCR2500             </option>
+										<option value="5001">	AOR                    AR8200                 </option>
+										<option value="5002">	AOR                    AR8000                 </option>
+										<option value="5003">	AOR                    AR7030                 </option>
+										<option value="5004">	AOR                    AR5000                 </option>
+										<option value="5005">	AOR                    AR3030                 </option>
+										<option value="5006">	AOR                    AR3000A                </option>
+										<option value="5008">	AOR                    AR2700                 </option>
+										<option value="5013">	AOR                    AR8600                 </option>
+										<option value="5014">	AOR                    AR5000A                </option>
+										<option value="5015">	AOR                    AR7030 Plus            </option>
+										<option value="5016">	AOR                    SR2200                 </option>
+										<option value="6005">	JRC                    NRD-525                </option>
+										<option value="6006">	JRC                    NRD-535D               </option>
+										<option value="6007">	JRC                    NRD-545 DSP            </option>
+										<option value="8001">	Uniden                 BC780xlt               </option>
+										<option value="8002">	Uniden                 BC245xlt               </option>
+										<option value="8003">	Uniden                 BC895xlt               </option>
+										<option value="8004">	Radio Shack            PRO-2052               </option>
+										<option value="8006">	Uniden                 BC250D                 </option>
+										<option value="8010">	Uniden                 BCD-396T               </option>
+										<option value="8011">	Uniden                 BCD-996T               </option>
+										<option value="8012">	Uniden                 BC898T                 </option>
+										<option value="9002">	Drake                  R-8A                   </option>
+										<option value="9003">	Drake                  R-8B                   </option>
+										<option value="10004">	Lowe                   HF-235                 </option>
+										<option value="11003">Racal                  RA6790/GM              </option>
+										<option value="11005">	Racal                  RA3702                 </option>
+										<option value="12004">	Watkins-Johnson        WJ-8888                </option>
+										<option value="14002">	Skanti                 TRP8000                </option>
+										<option value="14004">	Skanti                 TRP 8255 S R           </option>
+										<option value="15001">	Winradio               WR-1000                </option>
+										<option value="15002">	Winradio               WR-1500                </option>
+										<option value="15003">	Winradio               WR-1550                </option>
+										<option value="15004">	Winradio               WR-3100                </option>
+										<option value="15005">	Winradio               WR-3150                </option>
+										<option value="15006">Winradio               WR-3500                </option>
+										<option value="15007">	Winradio               WR-3700                </option>
+										<option value="15009">	Winradio               WR-G313                </option>
+										<option value="16001">	Ten-Tec                TT-550                 </option>
+										<option value="16002">	Ten-Tec                TT-538 Jupiter         </option>
+										<option value="16003">	Ten-Tec                RX-320                 </option>
+										<option value="16004">	Ten-Tec                RX-340                 </option>
+										<option value="16005">	Ten-Tec                RX-350                 </option>
+										<option value="16007">	Ten-Tec                TT-516 Argonaut V      </option>
+										<option value="16008">	Ten-Tec                TT-565 Orion           </option>
+										<option value="16009">	Ten-Tec                TT-585 Paragon         </option>
+										<option value="16011">	Ten-Tec                TT-588 Omni VII        </option>
+										<option value="16012">	Ten-Tec                RX-331                 </option>
+										<option value="16013">	Ten-Tec                TT-599 Eagle           </option>
+										<option value="17001">	Alinco                 DX-77                  </option>
+										<option value="17002">	Alinco                 DX-SR8                 </option>
+										<option value="18001">	Kachina                505DSP                 </option>
+										<option value="22001">	TAPR                   DSP-10                 </option>
+										<option value="23001">	Flex-radio             SDR-1000               </option>
+										<option value="23003">	DTTS Microwave Society DttSP IPC              </option>
+										<option value="23004">	DTTS Microwave Society DttSP UDP              </option>
+										<option value="24001">	RFT                    EKD-500                </option>
+										<option value="25001">	Elektor                Elektor 3/04           </option>
+										<option value="25002">	SAT-Schneider          DRT1                   </option>
+										<option value="25003">	Coding Technologies    Digital World Traveller</option>
+										<option value="25006">	AmQRP                  DDS-60                 </option>
+										<option value="25007">	Elektor                Elektor SDR-USB        </option>
+										<option value="25008">	mRS                    miniVNA                </option>
+										<option value="25009">	SoftRock               Si570 AVR-USB          </option>
+										<option value="25011">	KTH-SDR kit            Si570 PIC-USB          </option>
+										<option value="25012">	FiFi                   FiFi-SDR               </option>
+										<option value="25013">	AMSAT-UK               FUNcube Dongle         </option>
+										<option value="25014">	N2ADR                  HiQSDR                 </option>
+										<option value="25015">	Funkamateur            FA-SDR                 </option>
+										<option value="25016">	AE9RB                  Si570 Peaberry V1      </option>
+										<option value="25017">	AE9RB                  Si570 Peaberry V2      </option>
+										<option value="25018">	AMSAT-UK               FUNcube Dongle Pro+    </option>
+										<option value="25019">	HobbyPCB               RS-HFIQ                </option>
+										<option value="26001">	Video4Linux            SW/FM radio            </option>
+										<option value="26002">	Video4Linux2           SW/FM radio            </option>
+										<option value="27001">	Rohde&Schwarz          ESMC                   </option>
+										<option value="27002">	Rohde&Schwarz          EB200                  </option>
+										<option value="27003">	Rohde&Schwarz          XK2100                 </option>
+										<option value="28001">	Philips/Simoco         PRM8060                </option>
+										<option value="29001">	ADAT www.adat.ch       ADT-200A               </option>
+										<option value="30001">	Icom                   IC-M700PRO             </option>
+										<option value="30002">	Icom                   IC-M802                </option>
+										<option value="30003">	Icom                   IC-M710                </option>
+										<option value="30004">	Icom                   IC-M803                </option>
+										<option value="31001">	Dorji                  DRA818V                </option>
+										<option value="31002">	Dorji                  DRA818U                </option>
+										<option value="32001">	Barrett                2050                   </option>
+										<option value="32002">	Barrett                950                    </option>
+										<option value="33001">	ELAD                   FDM-DUO                </option>
 									</datalist>
 								</div>
 							</div>

From a45f713a4aa1e2972f93b089cee4955a2d05099f Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 12:54:23 -0500
Subject: [PATCH 30/32] Add settings for stats and autotune

---
 gui/daemon.js       |  6 ++--
 gui/main.js         |  4 ++-
 gui/preload-main.js | 77 ++++++++++++++++++++++++++++++++++++---------
 gui/src/index.html  | 18 +++++++++++
 4 files changed, 88 insertions(+), 17 deletions(-)

diff --git a/gui/daemon.js b/gui/daemon.js
index 1dd0694f..f380114a 100644
--- a/gui/daemon.js
+++ b/gui/daemon.js
@@ -221,7 +221,7 @@ exports.getDaemonState = function() {
 // START TNC
 // ` `== multi line string
 
-exports.startTNC = function(mycall, mygrid, rx_audio, tx_audio, radiocontrol, devicename, deviceport, pttprotocol, pttport, serialspeed, data_bits, stop_bits, handshake, rigctld_ip, rigctld_port, enable_fft, enable_scatter, low_bandwidth_mode, tuning_range_fmin, tuning_range_fmax, enable_fsk, tx_audio_level, respond_to_cq, rx_buffer_size, enable_explorer) {
+exports.startTNC = function(mycall, mygrid, rx_audio, tx_audio, radiocontrol, devicename, deviceport, pttprotocol, pttport, serialspeed, data_bits, stop_bits, handshake, rigctld_ip, rigctld_port, enable_fft, enable_scatter, low_bandwidth_mode, tuning_range_fmin, tuning_range_fmax, enable_fsk, tx_audio_level, respond_to_cq, rx_buffer_size, enable_explorer, explorer_stats, auto_tune) {
     var json_command = JSON.stringify({
         type: 'set',
         command: 'start_tnc',
@@ -250,7 +250,9 @@ exports.startTNC = function(mycall, mygrid, rx_audio, tx_audio, radiocontrol, de
             tx_audio_level : tx_audio_level,
             respond_to_cq : respond_to_cq,
             rx_buffer_size : rx_buffer_size,
-            enable_explorer : enable_explorer
+            enable_explorer : enable_explorer,
+            enable_stats: explorer_stats,
+            enable_auto_tune: auto_tune
         }]
     })
 
diff --git a/gui/main.js b/gui/main.js
index 9ca16f30..c251f169 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -96,7 +96,9 @@ const configDefaultSettings = '{\
                   "rx_buffer_size" : "16", \
                   "enable_explorer" : "False", \
                   "wftheme": 2, \
-                  "high_graphics" : "True"\
+                  "high_graphics" : "True",\
+                  "explorer_stats" : "False", \
+                  "auto_tune" : "False" \
                   }';
 
 if (!fs.existsSync(configPath)) {
diff --git a/gui/preload-main.js b/gui/preload-main.js
index d9a2b8fa..0804c89f 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -261,13 +261,27 @@ document.getElementById('openReceivedFilesFolder').addEventListener('click', ()
 
     if(config.enable_explorer == 'True'){
         document.getElementById("ExplorerSwitch").checked = true;
+        document.getElementById("ExplorerStatsSwitch").disabled=false;
+        if (config.explorer_stats.toLowerCase() == 'true') {
+            document.getElementById("ExplorerStatsSwitch").checked=true;
+        } else {
+            document.getElementById("ExplorerStatsSwitch").checked=false;
+        }
+
+        
     } else {
         document.getElementById("ExplorerSwitch").checked = false;
+        document.getElementById("ExplorerStatsSwitch").disabled=true;
+        document.getElementById("ExplorerStatsSwitch").checked=false;
+    }
+    if(config.auto_tune == 'True'){
+        document.getElementById("autoTuneSwitch").checked = true;
+    } else {
+        document.getElementById("autoTuneSwitch").checked = false;
     }
     // theme selector
 
     if(config.theme != 'default'){
-
         var theme_path = "../node_modules/bootswatch/dist/"+ config.theme +"/bootstrap.min.css";
         document.getElementById("theme_selector").value = config.theme;
         document.getElementById("bootstrap_theme").href = escape(theme_path);
@@ -1086,8 +1100,31 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
     document.getElementById("ExplorerSwitch").addEventListener("click", () => {
         if(document.getElementById("ExplorerSwitch").checked == true){
             config.enable_explorer = "True";
+            document.getElementById("ExplorerStatsSwitch").disabled=false;
         } else {
             config.enable_explorer = "False";
+            config.explorer_stats = "False";
+            document.getElementById("ExplorerStatsSwitch").disabled=true;
+            document.getElementById("ExplorerStatsSwitch").checked=false;
+            document.getElementById("ExplorerSwitch").checked = false;
+        }
+        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+        // enable explorer stats Switch clicked
+    document.getElementById("ExplorerStatsSwitch").addEventListener("click", () => {
+        if(document.getElementById("ExplorerStatsSwitch").checked == true){
+            config.explorer_stats = "True";
+        } else {
+            config.explorer_stats = "False";
+        }
+        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+    // enable explorer stats Switch clicked
+    document.getElementById("autoTuneSwitch").addEventListener("click", () => {
+        if(document.getElementById("autoTuneSwitch").checked == true){
+            config.auto_tune = "True";
+        } else {
+            config.auto_tune = "False";
         }
         fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
@@ -1253,7 +1290,16 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
         } else {
             var enable_explorer = "False";
         }
-       
+        if (document.getElementById("ExplorerStatsSwitch").checked == true){
+            var explorer_stats = "True";
+        } else {
+            var explorer_stats = "False";
+        }
+        if (document.getElementById("autoTuneSwitch").checked == true){
+            var auto_tune = "True";
+        } else {
+            var auto_tune = "False";
+        }
         // loop through audio device list and select
         for(i = 0; i < document.getElementById("audio_input_selectbox").length; i++) {
             device = document.getElementById("audio_input_selectbox")[i];
@@ -1313,6 +1359,8 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
         config.respond_to_cq = respond_to_cq;
         config.rx_buffer_size = rx_buffer_size;
         config.enable_explorer = enable_explorer;
+        config.explorer_stats = explorer_stats;
+        config.auto_tune = auto_tune;
 
         fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
 
@@ -1331,7 +1379,7 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
         */
 
 
-        daemon.startTNC(callsign_ssid, mygrid, rx_audio, tx_audio, radiocontrol, deviceid, deviceport, pttprotocol, pttport, serialspeed, data_bits, stop_bits, handshake, rigctld_ip, rigctld_port, enable_fft, enable_scatter, low_bandwidth_mode, tuning_range_fmin, tuning_range_fmax, enable_fsk, tx_audio_level, respond_to_cq, rx_buffer_size, enable_explorer);
+        daemon.startTNC(callsign_ssid, mygrid, rx_audio, tx_audio, radiocontrol, deviceid, deviceport, pttprotocol, pttport, serialspeed, data_bits, stop_bits, handshake, rigctld_ip, rigctld_port, enable_fft, enable_scatter, low_bandwidth_mode, tuning_range_fmin, tuning_range_fmax, enable_fsk, tx_audio_level, respond_to_cq, rx_buffer_size, enable_explorer,explorer_stats,auto_tune);
 
         
     })
@@ -1599,18 +1647,7 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     document.getElementById("transmission_timeleft").innerHTML = time_left;
 });
 
-//https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript
-function formatBytes(bytes, decimals = 1) {
-    if (!+bytes) return '0 Bytes'
 
-    const k = 1024
-    const dm = decimals < 0 ? 0 : decimals
-    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-
-    const i = Math.floor(Math.log(bytes) / Math.log(k))
-
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
-}
 
 var slowRollTable=4;
 
@@ -2892,4 +2929,16 @@ function pauseButton(btn, timems) {
   setTimeout(()=>{
     btn.innerHTML=curText;
     btn.disabled = false;}, timems)
+}
+//https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript
+function formatBytes(bytes, decimals = 1) {
+    if (!+bytes) return '0 Bytes'
+
+    const k = 1024
+    const dm = decimals < 0 ? 0 : decimals
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
 }
\ No newline at end of file
diff --git a/gui/src/index.html b/gui/src/index.html
index 48f05fca..fe81e7f5 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1556,6 +1556,15 @@
 							<option value="250.0">250.0</option>
 						</select>
 					</div>
+					<div class="input-group  input-group-sm mb-1">
+						<label class="input-group-text w-50">Enable Autotune</label>
+						<label class="input-group-text bg-white w-50">
+							<div class="form-check form-switch form-check-inline ms-2">
+								<input class="form-check-input" type="checkbox" id="autoTuneSwitch">
+								<label class="form-check-label" for="autoTuneSwitch">adjust ALC on TX</label>
+							</div>
+						</label>
+					</div>
 					<div class="input-group  input-group-sm mb-1">
 						<label class="input-group-text w-50">Enable FSK mode</label>
 						<label class="input-group-text bg-white w-50">
@@ -1602,6 +1611,15 @@
 							</div>
 						</label>
 					</div>
+					<div class="input-group  input-group-sm mb-1">
+						<label class="input-group-text w-50">Enable Explorer Stats Publishing</label>
+						<label class="input-group-text bg-white w-50">
+							<div class="form-check form-switch form-check-inline">
+								<input class="form-check-input" type="checkbox" id="ExplorerStatsSwitch">
+								<label class="form-check-label" for="ExplorerStatsSwitch">Publish stats</label>
+							</div>
+						</label>
+					</div>
 					<div class="input-group  input-group-sm mb-1">
 						<label class="input-group-text w-50">Respond to CQ</label>
 						<label class="input-group-text bg-white w-50">

From 60836904115073e5506eb12cddf9c2bb6e6ce62a Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 14:06:27 -0500
Subject: [PATCH 31/32] Use IRS info in tnc-message to set to/de/with

---
 gui/preload-main.js | 44 ++++++++++++++++++++++++++++++++++----------
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 0804c89f..e8a2f7d0 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1534,7 +1534,35 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
     })
 })
 
-//Listen for events caused by tnc 'tnc-message' receiving
+function connectedStation(data)
+{
+    if ((typeof(data.dxcallsign) == 'undefined')) {
+        return;
+    }
+    if (!(typeof(data.arq) == 'undefined') && data.arq.toLowerCase() == 'session') {
+        var prefix = "w/ ";
+    } else {
+        switch (data.irs){
+            case 'True':
+                //We are receiving station
+                var prefix = "de ";
+                break;
+            case 'False':
+                //We are sending station
+                var prefix = "to ";
+                break;
+            default:
+                //Shouldn't happen
+                console.trace('No data.irs data in tnc-message');
+                var prefix = "";
+                break;
+        }
+    
+    }
+    document.getElementById("txtConnectedWith").textContent=prefix + data.dxcallsign;
+}
+
+//Listen for events caused by tnc 'tnc-message' rx
 ipcRenderer.on('action-update-reception-status', (event, arg) => {
     var data =arg["data"][0];
     var txprog = document.getElementById("transmission_progress")
@@ -1584,14 +1612,12 @@ ipcRenderer.on('action-update-reception-status', (event, arg) => {
     
     time_left += formatBytes(arq_bytes_per_minute,1) + " (comp: " + formatBytes(arq_bytes_per_minute_compressed,1) + ")</strong>";
     
-    if (!(typeof(data.dxcallsign) == 'undefined')) {
-        document.getElementById("txtConnectedWith").textContent='de ' + data.dxcallsign;
-    }
-    document.getElementById("transmission_timeleft").innerHTML = time_left;
 
+    document.getElementById("transmission_timeleft").innerHTML = time_left;
+    connectedStation(data);
 });
 
-//Listen for events caused by tnc 'tnc-message's
+//Listen for events caused by tnc 'tnc-message's tx
 ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     var data =arg["data"][0];
     var txprog = document.getElementById("transmission_progress")
@@ -1641,10 +1667,8 @@ ipcRenderer.on('action-update-transmission-status', (event, arg) => {
     
     time_left += formatBytes(arq_bytes_per_minute,1) + " (comp: " + formatBytes(arq_bytes_per_minute_compressed,1) + ")</strong>";
     
-    if (!(typeof(data.dxcallsign) == 'undefined')) {
-        document.getElementById("txtConnectedWith").textContent='to ' + data.dxcallsign;
-    }
-    document.getElementById("transmission_timeleft").innerHTML = time_left;
+    connectedStation(data);
+
 });
 
 

From a82907c3ce3f45b4b2db48f9fdc43f1072b6eeb5 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 5 Feb 2023 14:37:19 -0500
Subject: [PATCH 32/32] Updating callsign is now handled elsewhere

---
 gui/preload-main.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index e8a2f7d0..a44e459f 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1943,10 +1943,6 @@ var speedChartOptions = {
 
      if (arg.arq_state == 'True' || arg.arq_session == 'True') {
         toggleClass("spnConnectedWith","text-success",true);
-        if (!(typeof(arg.dxcallsign) == 'undefined')) {
-            //console.log("Received dxcallsign:  " + arg.dxcallsign);
-            document.getElementById("txtConnectedWith").textContent=arg.dxcallsign;
-        }
      } else {
         toggleClass("spnConnectedWith","text-success",false);
      }