From b9bf46bb5f5b834635c33180e82a56d4d9c86e23 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 11 Feb 2023 12:14:44 -0500
Subject: [PATCH 01/70] Tabbed settings menu

---
 gui/src/index.html | 400 +++++++++++++++++++++++++--------------------
 1 file changed, 221 insertions(+), 179 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index de299f7d..b28f799d 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1247,194 +1247,236 @@
 			</div>
 		</div>
 	</div>
-	<!-- INFO MODAL -->
+	<!-- SETTINGS MODAL -->
 	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="infoModal">
 		<div class="modal-dialog modal-dialog-scrollable">
 			<div class="modal-content">
 				<div class="modal-header">
-					<h5 class="modal-title">Settings</h5>
+					<h5 class="modal-title">Settings</h5><br \>
+					<div class="badge text-bg-warning ms-3">
+						<i class="bi bi-exclamation-triangle-fill"></i> Most setting changes require a TNC restart!
+					</div>
 					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				</div>
 				<div class="modal-body">
 
-					<div class="alert alert-warning" role="alert">
-						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>
-						<select class="form-select form-select-sm w-50" id="theme_selector">
-							<option value="default">Default</option>
-							<option value="cerulean">Cerulean</option>
-							<option value="cosmo">Cosmo</option>
-							<option value="cyborg">Cyborg</option>
-							<option value="darkly">Darkly</option>
-							<option value="flatly">Flatly</option>
-							<option value="journal">Journal</option>
-							<option value="litera">Litera</option>
-							<option value="lumen">Lumen</option>
-							<option value="lux">Lux</option>
-							<option value="materia">Materia</option>
-							<option value="minty">Minty</option>
-							<option value="morph">Morhp</option>
-							<option value="pulse">Pulse</option>
-							<option value="quartz">Quartz</option>
-							<option value="sandstone">Sandstone</option>
-							<option value="simplex">Simplex</option>
-							<option value="sketchy">Sketchy</option>
-							<option value="slate">Slate</option>
-							<option value="solar">Solar</option>
-							<option value="spacelab">Spacelab</option>
-							<option value="superhero">Superhero</option>
-							<option value="united">United</option>
-							<option value="vapor">Vapor</option>
-							<option value="yeti">Yeti</option>
-							<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>
-						<select class="form-select form-select-sm w-50" id="wftheme_selector">
-							<option value="2">Default</option>
-							<option value="0">Turbo</option>
-							<option value="1">Fosphor</option>
-							<option value="3">Inferno</option>
-							<option value="4">Magma</option>
-							<option value="5">Jet</option>
-							<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>
-							<option value="beta">beta</option>
-							<option value="alpha">alpha</option>
-						</select>
-					</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>
-					<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>
-						<select class="form-select form-select-sm" id="tuning_range_fmin">
-							<option value="-50.0">-50.0</option>
-							<option value="-100.0">-100.0</option>
-							<option value="-150.0">-150.0</option>
-							<option value="-200.0">-200.0</option>
-							<option value="-250.0">-250.0</option>
-						</select>
-						<label class="input-group-text">fmax</label>
-						<select class="form-select form-select-sm" id="tuning_range_fmax">
-							<option value="50.0">50.0</option>
-							<option value="100.0">100.0</option>
-							<option value="150.0">150.0</option>
-							<option value="200.0">200.0</option>
-							<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 <br>(Highly Experimental)</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">
-							<div class="form-check form-switch form-check-inline ms-2">
-								<input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled>
-								<label class="form-check-label" for="fskModeSwitch">not available, yet</label>
-							</div>
-						</label>
-					</div>
-					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable Waterfall data</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="fftSwitch">
-								<label class="form-check-label" for="fftSwitch">Waterfall</label>
-							</div>
-						</label>
-					</div>
-					<div class="input-group input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable Scatter diagram data</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="scatterSwitch">
-								<label class="form-check-label" for="scatterSwitch">Scatter</label>
-							</div>
-						</label>
-					</div>
-					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">Enable 563Hz only mode</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="500HzModeSwitch">
-								<label class="form-check-label" for="500HzModeSwitch">563Hz</label>
-							</div>
-						</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 bg-white w-50">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="ExplorerSwitch">
-								<label class="form-check-label" for="ExplorerSwitch">Publish</label>
-							</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">
-							<div class="form-check form-switch form-check-inline">
-								<input class="form-check-input" type="checkbox" id="respondCQSwitch">
-								<label class="form-check-label" for="respondCQSwitch">QRV</label>
-							</div>
-						</label>
-					</div>
-					<div class="input-group  input-group-sm mb-1">
-						<label class="input-group-text w-50">rx buffer size</label>
-						<label class="input-group-text bg-white w-50">
-							<select class="form-select form-select-sm" id="rx_buffer_size">
-								<option value="1">1</option>
-								<option value="2">2</option>
-								<option value="4">4</option>
-								<option value="8">8</option>
-								<option value="16">16</option>
-								<option value="32">32</option>
-								<option value="64">64</option>
-								<option value="128">128</option>
-								<option value="256">256</option>
-								<option value="512">512</option>
-								<option value="1024">1024</option>
-							</select>
-						</label>
-					</div>
+<!-- SETTINGS Nav tabs -->
+<ul class="nav nav-tabs" id="myTab" role="tablist">
+	<li class="nav-item" role="presentation">
+	  <button class="nav-link active" id="gui-tab" data-bs-toggle="tab" data-bs-target="#gui" type="button" role="tab" aria-controls="home" aria-selected="true">GUI</button>
+	</li>
+	<li class="nav-item" role="presentation">
+	  <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">TNC</button>
+	</li>
+	<li class="nav-item" role="presentation">
+	  <button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">Stats</button>
+	</li>
+	<li class="nav-item" role="presentation">
+	  <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="false">Experimental</button>
+	</li>
+  </ul>
+  
+  <!-- Tab panes -->
+  <div class="tab-content">
+	<!-- GUI TAB-->
+	<div class="tab-pane active" id="gui" role="tabpanel" aria-labelledby="gui-tab" tabindex="0">
+		<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>
+			<option value="cosmo">Cosmo</option>
+			<option value="cyborg">Cyborg</option>
+			<option value="darkly">Darkly</option>
+			<option value="flatly">Flatly</option>
+			<option value="journal">Journal</option>
+			<option value="litera">Litera</option>
+			<option value="lumen">Lumen</option>
+			<option value="lux">Lux</option>
+			<option value="materia">Materia</option>
+			<option value="minty">Minty</option>
+			<option value="morph">Morhp</option>
+			<option value="pulse">Pulse</option>
+			<option value="quartz">Quartz</option>
+			<option value="sandstone">Sandstone</option>
+			<option value="simplex">Simplex</option>
+			<option value="sketchy">Sketchy</option>
+			<option value="slate">Slate</option>
+			<option value="solar">Solar</option>
+			<option value="spacelab">Spacelab</option>
+			<option value="superhero">Superhero</option>
+			<option value="united">United</option>
+			<option value="vapor">Vapor</option>
+			<option value="yeti">Yeti</option>
+			<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>
+		<select class="form-select form-select-sm w-50" id="wftheme_selector">
+			<option value="2">Default</option>
+			<option value="0">Turbo</option>
+			<option value="1">Fosphor</option>
+			<option value="3">Inferno</option>
+			<option value="4">Magma</option>
+			<option value="5">Jet</option>
+			<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">
+		<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>
+	<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>
+		<option value="alpha">alpha</option>
+	</select>
+	</div>
+	</div>
+	<!-- TNC Tab-->
+	<div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
+		<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>
+			<select class="form-select form-select-sm" id="tuning_range_fmin">
+				<option value="-50.0">-50.0</option>
+				<option value="-100.0">-100.0</option>
+				<option value="-150.0">-150.0</option>
+				<option value="-200.0">-200.0</option>
+				<option value="-250.0">-250.0</option>
+			</select>
+			<label class="input-group-text">fmax</label>
+			<select class="form-select form-select-sm" id="tuning_range_fmax">
+				<option value="50.0">50.0</option>
+				<option value="100.0">100.0</option>
+				<option value="150.0">150.0</option>
+				<option value="200.0">200.0</option>
+				<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 Waterfall data</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="fftSwitch">
+					<label class="form-check-label" for="fftSwitch">Waterfall</label>
+				</div>
+			</label>
+		</div>
+		<div class="input-group input-group-sm mb-1">
+			<label class="input-group-text w-50">Enable Scatter diagram data</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="scatterSwitch">
+					<label class="form-check-label" for="scatterSwitch">Scatter</label>
+				</div>
+			</label>
+		</div>
+		<div class="input-group  input-group-sm mb-1">
+			<label class="input-group-text w-50">Enable 563Hz only mode</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="500HzModeSwitch">
+					<label class="form-check-label" for="500HzModeSwitch">563Hz</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">
+				<div class="form-check form-switch form-check-inline">
+					<input class="form-check-input" type="checkbox" id="respondCQSwitch">
+					<label class="form-check-label" for="respondCQSwitch">QRV</label>
+				</div>
+			</label>
+		</div>
+		<div class="input-group  input-group-sm mb-1">
+			<label class="input-group-text w-50">rx buffer size</label>
+			<label class="input-group-text bg-white w-50">
+				<select class="form-select form-select-sm" id="rx_buffer_size">
+					<option value="1">1</option>
+					<option value="2">2</option>
+					<option value="4">4</option>
+					<option value="8">8</option>
+					<option value="16">16</option>
+					<option value="32">32</option>
+					<option value="64">64</option>
+					<option value="128">128</option>
+					<option value="256">256</option>
+					<option value="512">512</option>
+					<option value="1024">1024</option>
+				</select>
+			</label>
+		</div>
+
+	</div>
+	<!-- Stats Tab-->
+	<div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">
+		<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 bg-white w-50">
+				<div class="form-check form-switch form-check-inline">
+					<input class="form-check-input" type="checkbox" id="ExplorerSwitch">
+					<label class="form-check-label" for="ExplorerSwitch">Publish</label>
+				</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>
+	<!-- Experimental-->
+	<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab" tabindex="0">
+		<div class="input-group  input-group-sm mb-1">
+			<label class="input-group-text w-50">Enable Autotune <br>(Highly Experimental)</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">
+				<div class="form-check form-switch form-check-inline ms-2">
+					<input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled>
+					<label class="form-check-label" for="fskModeSwitch">not available, yet</label>
+				</div>
+			</label>
+		</div>
+	</div>
+  </div>
+					
+
+
+					
+					
+
+
 				</div>
 			</div>
 		</div>

From 2610df6ce9fbee96f1bd206629c1edb6262ba86f Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 11 Feb 2023 14:31:30 -0500
Subject: [PATCH 02/70] Second pass on tabbed settings modal

---
 gui/src/index.html | 69 ++++++++++++++++++++--------------------------
 1 file changed, 30 insertions(+), 39 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index b28f799d..4e2131a0 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1252,37 +1252,34 @@
 		<div class="modal-dialog modal-dialog-scrollable">
 			<div class="modal-content">
 				<div class="modal-header">
-					<h5 class="modal-title">Settings</h5><br \>
+					<h5 class="modal-title">Settings</h5>
 					<div class="badge text-bg-warning ms-3">
-						<i class="bi bi-exclamation-triangle-fill"></i> Most setting changes require a TNC restart!
+						<i class="bi bi-exclamation-triangle"></i> Most setting changes require a TNC restart!
 					</div>
 					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				</div>
 				<div class="modal-body">
-
-
 <!-- SETTINGS Nav tabs -->
 <ul class="nav nav-tabs" id="myTab" role="tablist">
 	<li class="nav-item" role="presentation">
 	  <button class="nav-link active" id="gui-tab" data-bs-toggle="tab" data-bs-target="#gui" type="button" role="tab" aria-controls="home" aria-selected="true">GUI</button>
 	</li>
 	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">TNC</button>
+	  <button class="nav-link" id="tnc-tab" data-bs-toggle="tab" data-bs-target="#tnc" type="button" role="tab" aria-controls="profile" aria-selected="false">TNC</button>
 	</li>
 	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">Stats</button>
+	  <button class="nav-link" id="stats-tab" data-bs-toggle="tab" data-bs-target="#stats" type="button" role="tab" aria-controls="messages" aria-selected="false">Stats</button>
 	</li>
 	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="false">Experimental</button>
+	  <button class="nav-link" id="experiments-tab" data-bs-toggle="tab" data-bs-target="#experiments" type="button" role="tab" aria-controls="settings" aria-selected="false">Experimental</button>
 	</li>
   </ul>
-  
-  <!-- Tab panes -->
+  <!-- SETTINGS Nav Tab panes -->
   <div class="tab-content">
-	<!-- GUI TAB-->
+	<!-- GUI tab contents-->
 	<div class="tab-pane active" id="gui" role="tabpanel" aria-labelledby="gui-tab" tabindex="0">
 		<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
-			id="basic-addon1">Theme</span>
+			id="basic-addon1">GUI theme</span>
 		<select class="form-select form-select-sm w-50" id="theme_selector">
 			<option value="default">Default</option>
 			<option value="cerulean">Cerulean</option>
@@ -1313,7 +1310,7 @@
 		</select>
 	</div>
 	<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
-			id="basic-addon1">Waterfall Theme</span>
+			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>
@@ -1325,7 +1322,7 @@
 		</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 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">
@@ -1346,8 +1343,8 @@
 	</select>
 	</div>
 	</div>
-	<!-- TNC Tab-->
-	<div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
+	<!-- TNC Tab contents-->
+	<div class="tab-pane" id="tnc" role="tabpanel" aria-labelledby="tnc-tab" tabindex="0">
 		<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>
@@ -1367,10 +1364,8 @@
 				<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 Waterfall data</label>
+			<label class="input-group-text w-50">Enable waterfall data</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="fftSwitch">
@@ -1379,7 +1374,7 @@
 			</label>
 		</div>
 		<div class="input-group input-group-sm mb-1">
-			<label class="input-group-text w-50">Enable Scatter diagram data</label>
+			<label class="input-group-text w-50">Enable scatter diagram data</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="scatterSwitch">
@@ -1406,7 +1401,7 @@
 			</label>
 		</div>
 		<div class="input-group  input-group-sm mb-1">
-			<label class="input-group-text w-50">rx buffer size</label>
+			<label class="input-group-text w-50">RX buffer size</label>
 			<label class="input-group-text bg-white w-50">
 				<select class="form-select form-select-sm" id="rx_buffer_size">
 					<option value="1">1</option>
@@ -1423,13 +1418,11 @@
 				</select>
 			</label>
 		</div>
-
 	</div>
-	<!-- Stats Tab-->
-	<div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">
+	<!-- Stats Tab content-->
+	<div class="tab-pane" id="stats" role="tabpanel" aria-labelledby="stats-tab" tabindex="0">
 		<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">Explorer 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="ExplorerSwitch">
@@ -1438,7 +1431,7 @@
 			</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 w-50">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">
@@ -1448,10 +1441,10 @@
 		</div>
 
 	</div>
-	<!-- Experimental-->
-	<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab" tabindex="0">
+	<!-- Experimental Tab contents-->
+	<div class="tab-pane" id="experiments" role="tabpanel" aria-labelledby="experiments-tab" tabindex="0">
 		<div class="input-group  input-group-sm mb-1">
-			<label class="input-group-text w-50">Enable Autotune <br>(Highly Experimental)</label>
+			<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">
@@ -1468,19 +1461,17 @@
 				</div>
 			</label>
 		</div>
-	</div>
-  </div>
-					
-
-
-					
-					
-
-
-				</div>
+		<div class="center">
+			<div class="badge text-bg-danger">
+				<i class="bi bi-shield-exclamation"></i> These options may not work and are for experienced users only!
 			</div>
 		</div>
 	</div>
+  </div>
+</div>
+</div>
+</div>
+</div>
 	<!-- HAMLIB ADVANCED SETTINGS MODAL -->
 	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="advancedHamlibSettingsModal">
 		<div class="modal-dialog">

From 36abe90f7db66cf3189e06b2f30da0c381282021 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:05:48 +0100
Subject: [PATCH 03/70] small settings improvements

---
 gui/src/index.html |  8 ++++----
 tnc/config.ini     | 17 +++++++++--------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 4e2131a0..ef12862b 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1254,7 +1254,7 @@
 				<div class="modal-header">
 					<h5 class="modal-title">Settings</h5>
 					<div class="badge text-bg-warning ms-3">
-						<i class="bi bi-exclamation-triangle"></i> Most setting changes require a TNC restart!
+						<i class="bi bi-exclamation-triangle"></i> Please restart the TNC after changing settings!
 					</div>
 					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				</div>
@@ -1268,14 +1268,14 @@
 	  <button class="nav-link" id="tnc-tab" data-bs-toggle="tab" data-bs-target="#tnc" type="button" role="tab" aria-controls="profile" aria-selected="false">TNC</button>
 	</li>
 	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="stats-tab" data-bs-toggle="tab" data-bs-target="#stats" type="button" role="tab" aria-controls="messages" aria-selected="false">Stats</button>
+	  <button class="nav-link" id="web-tab" data-bs-toggle="tab" data-bs-target="#stats" type="button" role="tab" aria-controls="messages" aria-selected="false">Web</button>
 	</li>
 	<li class="nav-item" role="presentation">
 	  <button class="nav-link" id="experiments-tab" data-bs-toggle="tab" data-bs-target="#experiments" type="button" role="tab" aria-controls="settings" aria-selected="false">Experimental</button>
 	</li>
   </ul>
   <!-- SETTINGS Nav Tab panes -->
-  <div class="tab-content">
+  <div class="tab-content mt-1">
 	<!-- GUI tab contents-->
 	<div class="tab-pane active" id="gui" role="tabpanel" aria-labelledby="gui-tab" tabindex="0">
 		<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
@@ -1420,7 +1420,7 @@
 		</div>
 	</div>
 	<!-- Stats Tab content-->
-	<div class="tab-pane" id="stats" role="tabpanel" aria-labelledby="stats-tab" tabindex="0">
+	<div class="tab-pane" id="stats" role="tabpanel" aria-labelledby="web-tab" tabindex="0">
 		<div class="input-group  input-group-sm mb-1">
 			<label class="input-group-text w-50">Explorer publishing</label>
 			<label class="input-group-text bg-white w-50">
diff --git a/tnc/config.ini b/tnc/config.ini
index ecc1be12..1c46f162 100644
--- a/tnc/config.ini
+++ b/tnc/config.ini
@@ -4,20 +4,20 @@ tncport = 3000
 
 [STATION]
 #station settings
-mycall = DJ2LS-4
-mygrid = JN48cs
-ssid_list = [0,1,2,3,4,5]
+mycall = DJ2LS-9
+mygrid = JN12AA
+ssid_list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
 
 [AUDIO]
 #audio settings
-rx = hw:2,0
-tx = USB Audio CODEC
-txaudiolevel = 120
+rx = 0
+tx = 2
+txaudiolevel = 78
 auto_tune = False
 
 [RADIO]
 #radio settings
-radiocontrol = rigctld
+radiocontrol = disabled
 rigctld_ip = 127.0.0.1
 rigctld_port = 4532
 
@@ -30,5 +30,6 @@ fmin = -50.0
 fmax = 50.0
 qrv = True
 rxbuffersize = 16
-explorer = False
+explorer = True
 stats = False
+

From 63940e2fdaf70c919a5e6f1e8294ee690c770dd1 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:33:21 +0100
Subject: [PATCH 04/70] added prettier code cleanup

---
 .github/workflows/prettier.yaml | 21 +++++++++++++++++++++
 .prettierignore                 |  5 +++++
 2 files changed, 26 insertions(+)
 create mode 100644 .github/workflows/prettier.yaml
 create mode 100644 .prettierignore

diff --git a/.github/workflows/prettier.yaml b/.github/workflows/prettier.yaml
new file mode 100644
index 00000000..b1a75af4
--- /dev/null
+++ b/.github/workflows/prettier.yaml
@@ -0,0 +1,21 @@
+name: Prettier
+
+# This action works with pull requests and pushes
+on: [push]
+
+jobs:
+    prettier:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v3
+              with:
+                  # Make sure the actual branch is checked out when running on pull requests
+                  ref: ${{ github.head_ref }}
+
+            - name: Prettify code
+              uses: creyD/prettier_action@v4.2
+              with:
+                 # This part is also where you can pass other options, for example:
+                 prettier_options: --write **/*.{js,md,css,html}
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..7dd5a478
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,5 @@
+# Ignore artifacts:
+build
+coverage
+assets
+gui/waterfall
\ No newline at end of file

From 53ec1d4f65fc5f172c062ee914a0ce1ec4bcebf4 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:37:22 +0100
Subject: [PATCH 05/70] small code fixes

---
 gui/src/index.html | 2 +-
 gui/src/styles.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index ef12862b..83fa04a1 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -68,7 +68,7 @@
 
 		</button>
 		<button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle-split rounded-end" data-bs-toggle="dropdown" aria-expanded="false">
-			<span class="navbar-toggler-icon">
+			<span class="navbar-toggler-icon"></span>
 		</button>
 		<ul class="dropdown-menu dropdown-menu-end">
 			<li>
diff --git a/gui/src/styles.css b/gui/src/styles.css
index 70f9376f..89e79f06 100644
--- a/gui/src/styles.css
+++ b/gui/src/styles.css
@@ -64,7 +64,7 @@ th     {
 
 /* ------ emoji picker customization --------- */
 .picker {
-    border-radius: 10px:
+    border-radius: 10px;
 
 }
 

From 7e27842465faf15e14ab7993433ac7bfd2821a19 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:39:34 +0100
Subject: [PATCH 06/70] removed wrong closing tag

---
 gui/src/index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 83fa04a1..d11666ed 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1209,7 +1209,6 @@
 						</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>

From f540192888acff26df328c693a03295efd9aea88 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:42:08 +0100
Subject: [PATCH 07/70] attempt with removed body and html tag

---
 gui/src/index.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index d11666ed..3b22b935 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1526,5 +1526,3 @@
 	  </div>
 	</div>
   </div>
-</body>
-</html>
\ No newline at end of file

From 6bf8c43d60a337655c539685bebb3f6d247d4eae Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 21:49:07 +0000
Subject: [PATCH 08/70] Prettified Code!

---
 .github/ISSUE_TEMPLATE/bug_report.md          |   13 +-
 .github/ISSUE_TEMPLATE/feature_request.md     |    5 +-
 README.md                                     |   40 +-
 .../FreeDATA-daemon_network_documentation.md  |  112 +-
 gui/daemon.js                                 |  523 +-
 gui/main.js                                   | 1108 ++--
 gui/preload-chat.js                           | 1582 ++---
 gui/preload-log.js                            |  308 +-
 gui/preload-main.js                           | 5412 +++++++++--------
 gui/sock.js                                   | 1152 ++--
 gui/src/chat-module.html                      |  251 +-
 gui/src/data-module.html                      |  421 +-
 gui/src/hamlib-list.html                      |  522 +-
 gui/src/index.html                            | 4066 ++++++++-----
 gui/src/log-module.html                       |  128 +-
 gui/src/splash.html                           |   16 +-
 gui/src/styles.css                            |   76 +-
 gui/src/waterfall/colormap.js                 | 1813 +++++-
 gui/src/waterfall/index.html                  |   24 +-
 gui/src/waterfall/script.js                   |   33 +-
 gui/src/waterfall/spectrogram.js              |  669 +-
 gui/src/waterfall/spectrum.js                 |  730 +--
 gui/src/waterfall/waterfall.css               |   15 +-
 test/002_highsnr_ping_pong/README.md          |   47 +-
 test/README.md                                |   15 +-
 tnc/lib/pyaudio/windows/README.md             |    4 +-
 26 files changed, 11529 insertions(+), 7556 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 5dfe1b07..cc5757d9 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -1,10 +1,9 @@
 ---
 name: Bug report
 about: Create a report to help us improve FreeDATA
-title: ''
+title: ""
 labels: bug
-assignees: ''
-
+assignees: ""
 ---
 
 **Describe the bug**
@@ -12,6 +11,7 @@ A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -27,9 +27,10 @@ https://wiki.freedata.app/en/usage/logging
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Version [e.g. 22]
- - Platform [Raspberry Pi, Desktop] 
+
+- OS: [e.g. iOS]
+- Version [e.g. 22]
+- Platform [Raspberry Pi, Desktop]
 
 **Additional context**
 Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index e301d68c..51d1465c 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -1,10 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ''
+title: ""
 labels: feature request
-assignees: ''
-
+assignees: ""
 ---
 
 **Is your feature request related to a problem? Please describe.**
diff --git a/README.md b/README.md
index 4bbd5cd2..4cfdeb4c 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # FreeDATA
+
 My attempt to create a free and open-source TNC with a GUI for [codec2](https://github.com/drowe67/codec2) with the idea of sending messages and data from one network based application.
 
 [mailing-list](https://groups.io/g/freedata)
@@ -8,10 +9,10 @@ My attempt to create a free and open-source TNC with a GUI for [codec2](https://
 ![Build](https://github.com/DJ2LS/FreeDATA/actions/workflows/build_multiplatform.yml/badge.svg)
 [![CodeFactor](https://www.codefactor.io/repository/github/dj2ls/freedata/badge)](https://www.codefactor.io/repository/github/dj2ls/freedata)
 
-
 Please keep in mind, this project is still under development with many issues which need to be solved.
 
 ### existing/planned TNC features
+
 - [x] network based
 - [x] raw data transfer
 - [x] fft output
@@ -24,32 +25,37 @@ Please keep in mind, this project is still under development with many issues wh
 - [x] channel measurement
 - [ ] hybrid ARQ
 - [ ] tbc...
+
 ### existing/planned Chat features
- - [x] chat messages
- - [x] file transfer
- - [x] file transfer with chat message
- - [x] database for not loosing messages
- - [x] smileys
- - [ ] database network sync
- - [ ] voice messages
- - [ ] image compression
- - [ ] status messages
- - [ ] avatars
- - [ ] tbc...
+
+- [x] chat messages
+- [x] file transfer
+- [x] file transfer with chat message
+- [x] database for not loosing messages
+- [x] smileys
+- [ ] database network sync
+- [ ] voice messages
+- [ ] image compression
+- [ ] status messages
+- [ ] avatars
+- [ ] tbc...
 
 ## Data Preview
+
 ![preview](https://github.com/DJ2LS/FreeDATA/blob/main/documentation/data_preview.gif?raw=true "Preview")
 
 ## Chat Preview
+
 ![preview](https://github.com/DJ2LS/FreeDATA/blob/main/documentation/chat_preview_fast.gif?raw=true "Preview")
 
-
 ## Installation
+
 Please check the [wiki](https://wiki.freedata.app) for installation instructions
 Please check the ['Releases'](https://github.com/DJ2LS/FreeDATA/releases) section for downloading precompiled builds
 
 ## Credits
-* David Rowe and the FreeDV team for developing the modem and libraries -
-FreeDV Codec 2 : https://github.com/drowe67/codec2
-* xssfox, her repository helped a lot in an early stage of development -
-xssfox : https://github.com/xssfox/freedv-tnc
+
+- David Rowe and the FreeDV team for developing the modem and libraries -
+  FreeDV Codec 2 : https://github.com/drowe67/codec2
+- xssfox, her repository helped a lot in an early stage of development -
+  xssfox : https://github.com/xssfox/freedv-tnc
diff --git a/documentation/FreeDATA-daemon_network_documentation.md b/documentation/FreeDATA-daemon_network_documentation.md
index b084356c..557eccfd 100644
--- a/documentation/FreeDATA-daemon_network_documentation.md
+++ b/documentation/FreeDATA-daemon_network_documentation.md
@@ -1,21 +1,25 @@
-# FreeDATA - DAEMON network documentation 
-
+# FreeDATA - DAEMON network documentation
 
 ## GET DAEMON STATE
+
 #### Description:
+
 Get the current daemon state
 
 #### Parameters
-- Type: GET 
+
+- Type: GET
 - Command: DAEMON_STATE
 - Parameter: --- (str)
 
-#### Example 
+#### Example
+
 ```
 {"type" : "GET", "command" : "DAEMON_STATE"}
 ```
 
 #### Returns
+
 ```
 {
 	"COMMAND": "DAEMON_STATE",
@@ -24,67 +28,74 @@ Get the current daemon state
 	"HAMLIB_VERSION": str(hamlib_version),
 	"INPUT_DEVICES": [],
 	"OUTPUT_DEVICES": [],
-	"SERIAL_DEVICES": [], 
-	"CPU": "", 
-	"RAM": "", 
+	"SERIAL_DEVICES": [],
+	"CPU": "",
+	"RAM": "",
 	"VERSION": "0.1-prototype"
 }
 ```
 
-
 ## SET CALLSIGN
+
 #### Description:
+
 Save your callsign to the daemon
 
 #### Parameters
-- Type: SET 
+
+- Type: SET
 - Command: MYCALLSIGN
 - Parameter: callsign (str)
 - timestamp: unix timestamp (str)
 
-#### Example 
+#### Example
+
 ```
 {"type" : "SET", "command": "MYCALLSIGN" , "parameter": "<callsign>", "timestamp" : "123456789"}
 ```
 
-
-
 ## SET GRIDSQUARE
+
 #### Description:
+
 Save your gridsquare/maidenhead-locator to the daemon
 
 #### Parameters
-- Type: SET 
+
+- Type: SET
 - Command: MYGRID
 - Parameter: gridsquare (str)
 - timestamp: unix timestamp (str)
 
-#### Example 
+#### Example
+
 ```
 {"type" : "SET", "command": "MYGRID" , "parameter": "<gridsquare>", "timestamp" : "123456789"}
 ```
 
-
-
 ## TEST HAMLIB
+
 #### Description:
+
 Test your hamlib settings
 
 #### Parameters
-- Type: GET 
+
+- Type: GET
 - Command: TEST_HAMLIB
 - Parameter: obj
-	- devicename
-	- deviceport
-	- pttprotocol
-	- pttport
-	- serialspeed
-	- data_bits
-	- stop_bits
-	- handshake
+  - devicename
+  - deviceport
+  - pttprotocol
+  - pttport
+  - serialspeed
+  - data_bits
+  - stop_bits
+  - handshake
 - timestamp: unix timestamp (str)
 
-#### Example 
+#### Example
+
 ```
 {
         "type": "GET",
@@ -102,29 +113,32 @@ Test your hamlib settings
     }
 ```
 
-
 ## START TNC
+
 #### Description:
+
 Start the tnc process
 
 #### Parameters
-- Type: GET 
+
+- Type: GET
 - Command: TEST_HAMLIB
 - Parameter: obj
-	- mycall
-	- mygrid
-	- rx_audio
-	- tx_audio
-	- devicename
-	- deviceport
-	- pttprotocol
-	- pttport
-	- serialspeed
-	- data_bits
-	- stop_bits
-	- handshake
+  - mycall
+  - mygrid
+  - rx_audio
+  - tx_audio
+  - devicename
+  - deviceport
+  - pttprotocol
+  - pttport
+  - serialspeed
+  - data_bits
+  - stop_bits
+  - handshake
+
+#### Example
 
-#### Example 
 ```
 {
         type: 'SET',
@@ -148,23 +162,19 @@ Start the tnc process
 ```
 
 ## STOP TNC
+
 #### Description:
+
 Stop the tnc process
 
 #### Parameters
-- Type: SET 
+
+- Type: SET
 - Command: STOPTNC
 - Parameter: ---
 
-#### Example 
+#### Example
+
 ```
 {"type" : "SET", "command": "STOPTNC" , "parameter": "---" }
 ```
-
-
-
-
-    
-    
-    
-    
diff --git a/gui/daemon.js b/gui/daemon.js
index f380114a..f091d7ae 100644
--- a/gui/daemon.js
+++ b/gui/daemon.js
@@ -1,74 +1,73 @@
-var net = require('net');
-const path = require('path')
-const {
-    ipcRenderer
-} = require('electron')
-const log = require('electron-log');
-const daemonLog = log.scope('daemon');
-
-
+var net = require("net");
+const path = require("path");
+const { ipcRenderer } = require("electron");
+const log = require("electron-log");
+const daemonLog = log.scope("daemon");
 
 // https://stackoverflow.com/a/26227660
-var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config")
+var appDataFolder =
+  process.env.APPDATA ||
+  (process.platform == "darwin"
+    ? process.env.HOME + "/Library/Application Support"
+    : process.env.HOME + "/.config");
 var configFolder = path.join(appDataFolder, "FreeDATA");
-var configPath = path.join(configFolder, 'config.json')
+var configPath = path.join(configFolder, "config.json");
 const config = require(configPath);
 
 var daemon = new net.Socket();
-var socketchunk = ''; // Current message, per connection.
+var socketchunk = ""; // Current message, per connection.
 
 // global to keep track of daemon connection error emissions
-var daemonShowConnectStateError = 1
+var daemonShowConnectStateError = 1;
 
 // global for storing ip information
 var daemon_port = config.daemon_port;
 var daemon_host = config.daemon_host;
 
-setTimeout(connectDAEMON, 500)
+setTimeout(connectDAEMON, 500);
 
 function connectDAEMON() {
-    if (daemonShowConnectStateError == 1) {
-        daemonLog.info('connecting to daemon');
-    }
+  if (daemonShowConnectStateError == 1) {
+    daemonLog.info("connecting to daemon");
+  }
 
-    //clear message buffer after reconnecting or initial connection
-    socketchunk = '';
-    
-    if (config.tnclocation == 'localhost') {
-        daemon.connect(3001, '127.0.0.1')
-    } else {
-        daemon.connect(daemon_port, daemon_host)
+  //clear message buffer after reconnecting or initial connection
+  socketchunk = "";
 
-    }
+  if (config.tnclocation == "localhost") {
+    daemon.connect(3001, "127.0.0.1");
+  } else {
+    daemon.connect(daemon_port, daemon_host);
+  }
 
-    //client.setTimeout(5000);
+  //client.setTimeout(5000);
 }
 
-daemon.on('connect', function(err) {
-    daemonLog.info('daemon connection established');
-    let Data = {
-        daemon_connection: daemon.readyState,
-    };
-    ipcRenderer.send('request-update-daemon-connection', Data);
+daemon.on("connect", function (err) {
+  daemonLog.info("daemon connection established");
+  let Data = {
+    daemon_connection: daemon.readyState,
+  };
+  ipcRenderer.send("request-update-daemon-connection", Data);
 
-    daemonShowConnectStateError = 1
-})
+  daemonShowConnectStateError = 1;
+});
 
-daemon.on('error', function(err) {
-    if (daemonShowConnectStateError == 1) {
-        daemonLog.error('daemon connection error');
-        daemonLog.info('Make sure the daemon is started.');
-        daemonLog.info('Run "python daemon.py" in the tnc directory.');
-        daemonLog.debug(err)
-        
-        daemonShowConnectStateError = 0
-    }
-    setTimeout(connectDAEMON, 500)
-    daemon.destroy();
-    let Data = {
-        daemon_connection: daemon.readyState,
-    };
-    ipcRenderer.send('request-update-daemon-connection', Data);
+daemon.on("error", function (err) {
+  if (daemonShowConnectStateError == 1) {
+    daemonLog.error("daemon connection error");
+    daemonLog.info("Make sure the daemon is started.");
+    daemonLog.info('Run "python daemon.py" in the tnc directory.');
+    daemonLog.debug(err);
+
+    daemonShowConnectStateError = 0;
+  }
+  setTimeout(connectDAEMON, 500);
+  daemon.destroy();
+  let Data = {
+    daemon_connection: daemon.readyState,
+  };
+  ipcRenderer.send("request-update-daemon-connection", Data);
 });
 
 /*
@@ -82,242 +81,264 @@ client.on('close', function(data) {
 });
 */
 
-daemon.on('end', function(data) {
-
-    daemonLog.warn('daemon connection ended');
-    daemon.destroy();
-    setTimeout(connectDAEMON, 500)
-    let Data = {
-        daemon_connection: daemon.readyState,
-    };
-    ipcRenderer.send('request-update-daemon-connection', Data);
+daemon.on("end", function (data) {
+  daemonLog.warn("daemon connection ended");
+  daemon.destroy();
+  setTimeout(connectDAEMON, 500);
+  let Data = {
+    daemon_connection: daemon.readyState,
+  };
+  ipcRenderer.send("request-update-daemon-connection", Data);
 });
 
 //exports.writeCommand = function(command){
-writeDaemonCommand = function(command) {
+writeDaemonCommand = function (command) {
+  // we use the writingCommand function to update our TCPIP state because we are calling this function a lot
+  // if socket opened, we are able to run commands
+  if (daemon.readyState == "open") {
+    //uiMain.setDAEMONconnection('open')
+    daemon.write(command + "\n");
+  }
 
-    // we use the writingCommand function to update our TCPIP state because we are calling this function a lot
-    // if socket opened, we are able to run commands
-    if (daemon.readyState == 'open') {
-        //uiMain.setDAEMONconnection('open')
-        daemon.write(command + '\n');
-    }
+  if (daemon.readyState == "closed") {
+    //uiMain.setDAEMONconnection('closed')
+  }
 
-    if (daemon.readyState == 'closed') {
-        //uiMain.setDAEMONconnection('closed')
-    }
+  if (daemon.readyState == "opening") {
+    //uiMain.setDAEMONconnection('opening')
+  }
 
-    if (daemon.readyState == 'opening') {
-        //uiMain.setDAEMONconnection('opening')
-    }
-
-    let Data = {
-        daemon_connection: daemon.readyState,
-    };
-    ipcRenderer.send('request-update-daemon-connection', Data);
-}
+  let Data = {
+    daemon_connection: daemon.readyState,
+  };
+  ipcRenderer.send("request-update-daemon-connection", Data);
+};
 
 // "https://stackoverflow.com/questions/9070700/nodejs-net-createserver-large-amount-of-data-coming-in"
 
-daemon.on('data', function(socketdata) {
-
-    /*
+daemon.on("data", function (socketdata) {
+  /*
     inspired by:
     stackoverflow.com questions 9070700 nodejs-net-createserver-large-amount-of-data-coming-in
     */
 
+  socketdata = socketdata.toString("utf8"); // convert data to string
+  socketchunk += socketdata; // append data to buffer so we can stick long data together
 
-    socketdata = socketdata.toString('utf8'); // convert data to string
-    socketchunk += socketdata// append data to buffer so we can stick long data together
+  // check if we received begin and end of json data
+  if (socketchunk.startsWith('{"') && socketchunk.endsWith('"}\n')) {
+    var data = "";
 
+    // split data into chunks if we received multiple commands
+    socketchunk = socketchunk.split("\n");
+    data = JSON.parse(socketchunk[0]);
 
-    // check if we received begin and end of json data
-    if (socketchunk.startsWith('{"') && socketchunk.endsWith('"}\n')) {
-
-        var data = ''
-
-        // split data into chunks if we received multiple commands
-        socketchunk = socketchunk.split("\n"); 
-        data = JSON.parse(socketchunk[0])    
-             
-
-        // search for empty entries in socketchunk and remove them
-        for (i = 0; i < socketchunk.length; i++) {
-            if (socketchunk[i] === ''){
-                socketchunk.splice(i, 1);
-            }
-        }
-        
-        
-        //iterate through socketchunks array to execute multiple commands in row 
-        for (i = 0; i < socketchunk.length; i++) {
-
-            //check if data is not empty
-            if(socketchunk[i].length > 0){
-            
-                //try to parse JSON
-                try {
-
-                    data = JSON.parse(socketchunk[i])
-
-                } catch (e) {
-                    console.log(e); // "SyntaxError
-                    daemonLog.error(e);
-                    daemonLog.debug(socketchunk[i])
-                    socketchunk = ''
-
-                }
-
-            }
-            
-            
-            
-
-            if (data['command'] == 'daemon_state') {
-                let Data = {
-                    input_devices: data['input_devices'],
-                    output_devices: data['output_devices'],
-                    python_version: data['python_version'],
-                    hamlib_version: data['hamlib_version'],
-                    serial_devices: data['serial_devices'],
-                    tnc_running_state: data['daemon_state'][0]['status'],
-                    ram_usage: data['ram'],
-                    cpu_usage: data['cpu'],
-                    version: data['version'],
-                };
-                ipcRenderer.send('request-update-daemon-state', Data);
-            }
-
-            if (data['command'] == 'test_hamlib') {
-                let Data = {
-                    hamlib_result: data['result'],
-                    
-                };
-                ipcRenderer.send('request-update-hamlib-test', Data);
-            }
-        
-        
-
-        }
-   
-    //finally delete message buffer 
-    socketchunk = '';
-    
+    // search for empty entries in socketchunk and remove them
+    for (i = 0; i < socketchunk.length; i++) {
+      if (socketchunk[i] === "") {
+        socketchunk.splice(i, 1);
+      }
     }
+
+    //iterate through socketchunks array to execute multiple commands in row
+    for (i = 0; i < socketchunk.length; i++) {
+      //check if data is not empty
+      if (socketchunk[i].length > 0) {
+        //try to parse JSON
+        try {
+          data = JSON.parse(socketchunk[i]);
+        } catch (e) {
+          console.log(e); // "SyntaxError
+          daemonLog.error(e);
+          daemonLog.debug(socketchunk[i]);
+          socketchunk = "";
+        }
+      }
+
+      if (data["command"] == "daemon_state") {
+        let Data = {
+          input_devices: data["input_devices"],
+          output_devices: data["output_devices"],
+          python_version: data["python_version"],
+          hamlib_version: data["hamlib_version"],
+          serial_devices: data["serial_devices"],
+          tnc_running_state: data["daemon_state"][0]["status"],
+          ram_usage: data["ram"],
+          cpu_usage: data["cpu"],
+          version: data["version"],
+        };
+        ipcRenderer.send("request-update-daemon-state", Data);
+      }
+
+      if (data["command"] == "test_hamlib") {
+        let Data = {
+          hamlib_result: data["result"],
+        };
+        ipcRenderer.send("request-update-hamlib-test", Data);
+      }
+    }
+
+    //finally delete message buffer
+    socketchunk = "";
+  }
 });
 
 function hexToBytes(hex) {
-    for (var bytes = [], c = 0; c < hex.length; c += 2)
-        bytes.push(parseInt(hex.substr(c, 2), 16));
-    return bytes;
+  for (var bytes = [], c = 0; c < hex.length; c += 2)
+    bytes.push(parseInt(hex.substr(c, 2), 16));
+  return bytes;
 }
 
-exports.getDaemonState = function() {
-    //function getDaemonState(){
-    command = '{"type" : "get", "command" : "daemon_state"}'
-    writeDaemonCommand(command)
-}
+exports.getDaemonState = function () {
+  //function getDaemonState(){
+  command = '{"type" : "get", "command" : "daemon_state"}';
+  writeDaemonCommand(command);
+};
 
 // 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, explorer_stats, auto_tune) {
-    var json_command = JSON.stringify({
-        type: 'set',
-        command: 'start_tnc',
-        parameter: [{
-            mycall: mycall,
-            mygrid: mygrid,
-            rx_audio: rx_audio,
-            tx_audio: tx_audio,
-            radiocontrol: radiocontrol,
-            devicename: devicename,
-            deviceport: deviceport,
-            pttprotocol: pttprotocol,
-            pttport: pttport,
-            serialspeed: serialspeed,
-            data_bits: data_bits,
-            stop_bits: stop_bits,
-            handshake: handshake,
-            rigctld_port: rigctld_port,
-            rigctld_ip: rigctld_ip,
-            enable_scatter: enable_scatter,
-            enable_fft: enable_fft,
-            enable_fsk: enable_fsk,
-            low_bandwidth_mode : low_bandwidth_mode,
-            tuning_range_fmin : tuning_range_fmin,
-            tuning_range_fmax : tuning_range_fmax,
-            tx_audio_level : tx_audio_level,
-            respond_to_cq : respond_to_cq,
-            rx_buffer_size : rx_buffer_size,
-            enable_explorer : enable_explorer,
-            enable_stats: explorer_stats,
-            enable_auto_tune: auto_tune
-        }]
-    })
+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",
+    parameter: [
+      {
+        mycall: mycall,
+        mygrid: mygrid,
+        rx_audio: rx_audio,
+        tx_audio: tx_audio,
+        radiocontrol: radiocontrol,
+        devicename: devicename,
+        deviceport: deviceport,
+        pttprotocol: pttprotocol,
+        pttport: pttport,
+        serialspeed: serialspeed,
+        data_bits: data_bits,
+        stop_bits: stop_bits,
+        handshake: handshake,
+        rigctld_port: rigctld_port,
+        rigctld_ip: rigctld_ip,
+        enable_scatter: enable_scatter,
+        enable_fft: enable_fft,
+        enable_fsk: enable_fsk,
+        low_bandwidth_mode: low_bandwidth_mode,
+        tuning_range_fmin: tuning_range_fmin,
+        tuning_range_fmax: tuning_range_fmax,
+        tx_audio_level: tx_audio_level,
+        respond_to_cq: respond_to_cq,
+        rx_buffer_size: rx_buffer_size,
+        enable_explorer: enable_explorer,
+        enable_stats: explorer_stats,
+        enable_auto_tune: auto_tune,
+      },
+    ],
+  });
 
-    daemonLog.debug(json_command);
-    writeDaemonCommand(json_command)
-
-}
+  daemonLog.debug(json_command);
+  writeDaemonCommand(json_command);
+};
 
 // STOP TNC
-exports.stopTNC = function() {
-    command = '{"type" : "set", "command": "stop_tnc" , "parameter": "---" }'
-    writeDaemonCommand(command)
-}
+exports.stopTNC = function () {
+  command = '{"type" : "set", "command": "stop_tnc" , "parameter": "---" }';
+  writeDaemonCommand(command);
+};
 
 // TEST HAMLIB
-exports.testHamlib = function(radiocontrol, devicename, deviceport, serialspeed, pttprotocol, pttport, data_bits, stop_bits, handshake, rigctld_ip, rigctld_port) {
-
-    var json_command = JSON.stringify({
-        type: 'get',
-        command: 'test_hamlib',
-        parameter: [{
-            radiocontrol: radiocontrol,
-            devicename: devicename,
-            deviceport: deviceport,
-            pttprotocol: pttprotocol,
-            pttport: pttport,
-            serialspeed: serialspeed,
-            data_bits: data_bits,
-            stop_bits: stop_bits,
-            handshake: handshake,
-            rigctld_port: rigctld_port,
-            rigctld_ip: rigctld_ip
-        }]
-    })
-    daemonLog.debug(json_command);
-    writeDaemonCommand(json_command)
-}
-
-
+exports.testHamlib = function (
+  radiocontrol,
+  devicename,
+  deviceport,
+  serialspeed,
+  pttprotocol,
+  pttport,
+  data_bits,
+  stop_bits,
+  handshake,
+  rigctld_ip,
+  rigctld_port
+) {
+  var json_command = JSON.stringify({
+    type: "get",
+    command: "test_hamlib",
+    parameter: [
+      {
+        radiocontrol: radiocontrol,
+        devicename: devicename,
+        deviceport: deviceport,
+        pttprotocol: pttprotocol,
+        pttport: pttport,
+        serialspeed: serialspeed,
+        data_bits: data_bits,
+        stop_bits: stop_bits,
+        handshake: handshake,
+        rigctld_port: rigctld_port,
+        rigctld_ip: rigctld_ip,
+      },
+    ],
+  });
+  daemonLog.debug(json_command);
+  writeDaemonCommand(json_command);
+};
 
 //Save myCall
-exports.saveMyCall = function(callsign) {
-    command = '{"type" : "set", "command": "mycallsign" , "parameter": "' + callsign + '"}'
-    writeDaemonCommand(command)
-}
+exports.saveMyCall = function (callsign) {
+  command =
+    '{"type" : "set", "command": "mycallsign" , "parameter": "' +
+    callsign +
+    '"}';
+  writeDaemonCommand(command);
+};
 
 // Save myGrid
-exports.saveMyGrid = function(grid) {
-    command = '{"type" : "set", "command": "mygrid" , "parameter": "' + grid + '"}'
-    writeDaemonCommand(command)
-}
+exports.saveMyGrid = function (grid) {
+  command =
+    '{"type" : "set", "command": "mygrid" , "parameter": "' + grid + '"}';
+  writeDaemonCommand(command);
+};
 
-ipcRenderer.on('action-update-daemon-ip', (event, arg) => {
-    daemon.destroy();
-    let Data = {
-        busy_state: "-",
-        arq_state: "-",
-        //channel_state: "-",
-        frequency: "-",
-        mode: "-",
-        bandwidth: "-",
-        dbfs_level: 0
-    };
-    ipcRenderer.send('request-update-tnc-state', Data);
-    daemon_port = arg.port;
-    daemon_host = arg.adress;
-    connectDAEMON();
+ipcRenderer.on("action-update-daemon-ip", (event, arg) => {
+  daemon.destroy();
+  let Data = {
+    busy_state: "-",
+    arq_state: "-",
+    //channel_state: "-",
+    frequency: "-",
+    mode: "-",
+    bandwidth: "-",
+    dbfs_level: 0,
+  };
+  ipcRenderer.send("request-update-tnc-state", Data);
+  daemon_port = arg.port;
+  daemon_host = arg.adress;
+  connectDAEMON();
 });
diff --git a/gui/main.js b/gui/main.js
index c251f169..68f1da60 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -1,26 +1,20 @@
-const {
-    app,
-    BrowserWindow,
-    ipcMain,
-    dialog,
-    shell
-} = require('electron');
-const { autoUpdater } = require('electron-updater');
-const path = require('path');
-const fs = require('fs');
-const os = require('os');
-const spawn = require('child_process').spawn;
+const { app, BrowserWindow, ipcMain, dialog, shell } = require("electron");
+const { autoUpdater } = require("electron-updater");
+const path = require("path");
+const fs = require("fs");
+const os = require("os");
+const spawn = require("child_process").spawn;
 
-const log = require('electron-log');
-const mainLog = log.scope('main');
-const daemonProcessLog = log.scope('freedata-daemon');
-const mime = require('mime');
-const net = require('net');
+const log = require("electron-log");
+const mainLog = log.scope("main");
+const daemonProcessLog = log.scope("freedata-daemon");
+const mime = require("mime");
+const net = require("net");
 //Useful for debugging event emitter memory leaks
 //require('events').EventEmitter.defaultMaxListeners = 10;
 //process.traceProcessWarnings=true;
 
-const sysInfo = log.scope('system information');
+const sysInfo = log.scope("system information");
 sysInfo.info("SYSTEM INFORMATION  -----------------------------  ");
 sysInfo.info("APP VERSION : " + app.getVersion());
 sysInfo.info("PLATFORM    : " + os.platform());
@@ -33,21 +27,24 @@ sysInfo.info("TYPE        : " + os.type());
 sysInfo.info("VERSION     : " + os.version());
 sysInfo.info("UPTIME      : " + os.uptime());
 
-
-
 app.setName("FreeDATA");
 
-var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config");
+var appDataFolder =
+  process.env.APPDATA ||
+  (process.platform == "darwin"
+    ? process.env.HOME + "/Library/Application Support"
+    : process.env.HOME + "/.config");
 var configFolder = path.join(appDataFolder, "FreeDATA");
-var configPath = path.join(configFolder, 'config.json');
+var configPath = path.join(configFolder, "config.json");
 
 // create config folder if not exists
 if (!fs.existsSync(configFolder)) {
-    fs.mkdirSync(configFolder);
+  fs.mkdirSync(configFolder);
 }
 
 // create config file if not exists with defaults
-const configDefaultSettings = '{\
+const configDefaultSettings =
+  '{\
                   "tnc_host": "127.0.0.1",\
                   "tnc_port": "3000",\
                   "daemon_host": "127.0.0.1",\
@@ -102,7 +99,7 @@ const configDefaultSettings = '{\
                   }';
 
 if (!fs.existsSync(configPath)) {
-    fs.writeFileSync(configPath, configDefaultSettings)
+  fs.writeFileSync(configPath, configDefaultSettings);
 }
 
 // load settings
@@ -114,21 +111,17 @@ var config = require(configPath);
 sysInfo.info("CONFIG VALIDATION  -----------------------------  ");
 
 var parsedConfig = JSON.parse(configDefaultSettings);
-for (key in parsedConfig) {    
-    if (config.hasOwnProperty(key)) {
-        sysInfo.info("FOUND SETTTING [" + key + "]: " + config[key]);
-    } else {
-        sysInfo.error("MISSING SETTTING [" + key + "] : " + parsedConfig[key]);
-        config[key] = parsedConfig[key];
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));      
-    }    
+for (key in parsedConfig) {
+  if (config.hasOwnProperty(key)) {
+    sysInfo.info("FOUND SETTTING [" + key + "]: " + config[key]);
+  } else {
+    sysInfo.error("MISSING SETTTING [" + key + "] : " + parsedConfig[key]);
+    config[key] = parsedConfig[key];
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  }
 }
 sysInfo.info("------------------------------------------  ");
 
-
-
-
-
 /*
 var chatDB = path.join(configFolder, 'chatDB.json')
 // create chat database file if not exists
@@ -148,7 +141,6 @@ if (!fs.existsSync(chatDB)) {
 }
 */
 
-
 /*
 // Creates receivedFiles folder if not exists
 // https://stackoverflow.com/a/26227660
@@ -165,259 +157,235 @@ fs.mkdir(receivedFilesFolder, {
 
 */
 
-
-
-
-
-
 let win = null;
 let data = null;
 let logViewer = null;
 var daemonProcess = null;
 
-
 // create a splash screen
-function createSplashScreen(){
-    splashScreen = new BrowserWindow({
-        height: 250,
-        width: 250,
-        transparent: true,
-        frame: false,
-        alwaysOnTop: true
-    });
-    splashScreen.loadFile('src/splash.html');
-    splashScreen.center();
+function createSplashScreen() {
+  splashScreen = new BrowserWindow({
+    height: 250,
+    width: 250,
+    transparent: true,
+    frame: false,
+    alwaysOnTop: true,
+  });
+  splashScreen.loadFile("src/splash.html");
+  splashScreen.center();
 }
 
-
 function createWindow() {
-    win = new BrowserWindow({
-        width: config.screen_width,
-        height: config.screen_height,
-        show: false,
-        autoHideMenuBar: true,
-        icon: 'src/img/icon.png',
-        webPreferences: {
-            //preload: path.join(__dirname, 'preload-main.js'),
-            backgroundThrottle: false,
-            preload: require.resolve('./preload-main.js'),
-            nodeIntegration: true,
-            contextIsolation: false,
-            enableRemoteModule: false, 
-            sandbox: false
-            //https://stackoverflow.com/questions/53390798/opening-new-window-electron/53393655 
-            //https://github.com/electron/remote
-        }
-    })
-    // hide menu bar
-    win.setMenuBarVisibility(false)
-    
-    //open dev tools
-    /*win.webContents.openDevTools({
+  win = new BrowserWindow({
+    width: config.screen_width,
+    height: config.screen_height,
+    show: false,
+    autoHideMenuBar: true,
+    icon: "src/img/icon.png",
+    webPreferences: {
+      //preload: path.join(__dirname, 'preload-main.js'),
+      backgroundThrottle: false,
+      preload: require.resolve("./preload-main.js"),
+      nodeIntegration: true,
+      contextIsolation: false,
+      enableRemoteModule: false,
+      sandbox: false,
+      //https://stackoverflow.com/questions/53390798/opening-new-window-electron/53393655
+      //https://github.com/electron/remote
+    },
+  });
+  // hide menu bar
+  win.setMenuBarVisibility(false);
+
+  //open dev tools
+  /*win.webContents.openDevTools({
         mode: 'undocked',
         activate: true,
     })
     */
-    win.loadFile('src/index.html')
-    
-    chat = new BrowserWindow({
-        height: 600,
-        width: 1000,
-        show: false,
-        //parent: win,
-        webPreferences: {
-            preload: require.resolve('./preload-chat.js'),
-            nodeIntegration: true,
+  win.loadFile("src/index.html");
 
-        }
-    })
+  chat = new BrowserWindow({
+    height: 600,
+    width: 1000,
+    show: false,
+    //parent: win,
+    webPreferences: {
+      preload: require.resolve("./preload-chat.js"),
+      nodeIntegration: true,
+    },
+  });
 
-    chat.loadFile('src/chat-module.html');
-    chat.setMenuBarVisibility(false);
+  chat.loadFile("src/chat-module.html");
+  chat.setMenuBarVisibility(false);
 
-    
-    logViewer = new BrowserWindow({
-        height: 900,
-        width: 600,
-        show: false,
-        //parent: win,
-        webPreferences: {
-            preload: require.resolve('./preload-log.js'),
-            nodeIntegration: true,
+  logViewer = new BrowserWindow({
+    height: 900,
+    width: 600,
+    show: false,
+    //parent: win,
+    webPreferences: {
+      preload: require.resolve("./preload-log.js"),
+      nodeIntegration: true,
+    },
+  });
 
-        }
-    })
+  logViewer.loadFile("src/log-module.html");
+  logViewer.setMenuBarVisibility(false);
 
-    logViewer.loadFile('src/log-module.html');
-    logViewer.setMenuBarVisibility(false);
+  // Emitted when the window is closed.
+  logViewer.on("close", function (evt) {
+    if (logViewer !== null) {
+      evt.preventDefault();
+      logViewer.hide();
+    } else {
+      this.close();
+    }
+  });
 
-    // Emitted when the window is closed.
-    logViewer.on('close', function(evt) {
-        if (logViewer !== null){
-        evt.preventDefault();
-        logViewer.hide();
-        } else {
-        this.close()
-        }
-    })
-
-
-
-
-
-
-
-    // Emitted when the window is closed.
-    win.on('closed', function() {
-        console.log("closing all windows.....")
-        /*
+  // Emitted when the window is closed.
+  win.on("closed", function () {
+    console.log("closing all windows.....");
+    /*
         win = null;
         chat = null;
         logViewer = null;
         */
-        close_all();
-        
-    })
-    
-    
-    win.once('ready-to-show', () => {
-    
-        log.transports.file.level = "debug"
-        autoUpdater.logger = log.scope('updater');
-        
-        autoUpdater.channel = config.update_channel
-        
-        autoUpdater.autoInstallOnAppQuit = false;
-        autoUpdater.autoDownload = true;
-        autoUpdater.checkForUpdatesAndNotify();
-        //autoUpdater.quitAndInstall();
-    });
+    close_all();
+  });
 
-    
-    chat.on('closed', function () {
-           
-        })
-    
+  win.once("ready-to-show", () => {
+    log.transports.file.level = "debug";
+    autoUpdater.logger = log.scope("updater");
 
-    // https://stackoverflow.com/questions/44258831/only-hide-the-window-when-closing-it-electron
-    chat.on('close', function(evt) {
-        evt.preventDefault();
-        chat.hide();
-    });
-    
+    autoUpdater.channel = config.update_channel;
+
+    autoUpdater.autoInstallOnAppQuit = false;
+    autoUpdater.autoDownload = true;
+    autoUpdater.checkForUpdatesAndNotify();
+    //autoUpdater.quitAndInstall();
+  });
+
+  chat.on("closed", function () {});
+
+  // https://stackoverflow.com/questions/44258831/only-hide-the-window-when-closing-it-electron
+  chat.on("close", function (evt) {
+    evt.preventDefault();
+    chat.hide();
+  });
 }
 
 app.whenReady().then(() => {
+  // show splash screen
+  createSplashScreen();
 
-    // show splash screen
-    createSplashScreen();
+  // create main window
+  createWindow();
 
-    // create main window
-    createWindow();
+  // wait some time, then close splash screen and show main windows
+  setTimeout(function () {
+    splashScreen.close();
+    win.show();
+  }, 3000);
 
-   // wait some time, then close splash screen and show main windows
-    setTimeout(function() {
-        splashScreen.close();
-        win.show();
-    }, 3000);
+  //Generate daemon binary path
+  var daemonPath = "";
+  switch (os.platform().toLowerCase()) {
+    case "darwin":
+    case "linux":
+      daemonPath = path.join(process.resourcesPath, "tnc", "freedata-daemon");
 
-    //Generate daemon binary path
-    var daemonPath = "";
-    switch (os.platform().toLowerCase()){
-        case "darwin":
-        case "linux":
-            daemonPath = path.join(process.resourcesPath, 'tnc', 'freedata-daemon')
-            
-            break;
-        case "win32":
-        case "win64":
-            daemonPath = path.join(process.resourcesPath, 'tnc', 'freedata-daemon.exe')
-            break;
-        default:
-            console.log("Unhandled OS Platform: ", os.platform());
-            break;
-    }
+      break;
+    case "win32":
+    case "win64":
+      daemonPath = path.join(
+        process.resourcesPath,
+        "tnc",
+        "freedata-daemon.exe"
+      );
+      break;
+    default:
+      console.log("Unhandled OS Platform: ", os.platform());
+      break;
+  }
 
-    //Start daemon binary if it exists
-    if (fs.existsSync(daemonPath)){
-        mainLog.info('Starting freedata-daemon binary');
-        daemonProcess = spawn(daemonPath,[],
-            {
-                cwd: path.join(daemonPath,".."),
-            });
-        // return process messages
-        daemonProcess.on('error', (err) => {
-            daemonProcessLog.error(`error when starting daemon: ${err}`);
-        });
-        daemonProcess.on('message', (data) => {
-            daemonProcessLog.info(`${data}`);      
-        });
-        daemonProcess.stdout.on('data', (data) => {
-            daemonProcessLog.info(`${data}`);  
-        });
-        daemonProcess.stderr.on('data', (data) => {
-            daemonProcessLog.info(`${data}`);
-            let arg = {
-                entry: `${data}`
-            };
-            // send info to log only if log screen available
-            // it seems an error occurs when updating
-            if (logViewer !== null && logViewer !== ''){
-                try{
-                    logViewer.webContents.send('action-update-log', arg);
-                } catch (e) {
-                    // empty for keeping error stuff silent
-                    // this is important to avoid error messages if we are going to close the app while
-                    // an logging information will be pushed to the logger
-                }
-            }
-        });
-        daemonProcess.on('close', (code) => {
-            daemonProcessLog.warn(`daemonProcess exited with code ${code}`);
-        });
-    } else {
-        daemonProcess=null;
-        daemonPath=null;
-        mainLog.info("Daemon binary doesn't exist--normal for dev environments.")
-    }
-    win.send("action-set-app-version",app.getVersion());
+  //Start daemon binary if it exists
+  if (fs.existsSync(daemonPath)) {
+    mainLog.info("Starting freedata-daemon binary");
+    daemonProcess = spawn(daemonPath, [], {
+      cwd: path.join(daemonPath, ".."),
+    });
+    // return process messages
+    daemonProcess.on("error", (err) => {
+      daemonProcessLog.error(`error when starting daemon: ${err}`);
+    });
+    daemonProcess.on("message", (data) => {
+      daemonProcessLog.info(`${data}`);
+    });
+    daemonProcess.stdout.on("data", (data) => {
+      daemonProcessLog.info(`${data}`);
+    });
+    daemonProcess.stderr.on("data", (data) => {
+      daemonProcessLog.info(`${data}`);
+      let arg = {
+        entry: `${data}`,
+      };
+      // send info to log only if log screen available
+      // it seems an error occurs when updating
+      if (logViewer !== null && logViewer !== "") {
+        try {
+          logViewer.webContents.send("action-update-log", arg);
+        } catch (e) {
+          // empty for keeping error stuff silent
+          // this is important to avoid error messages if we are going to close the app while
+          // an logging information will be pushed to the logger
+        }
+      }
+    });
+    daemonProcess.on("close", (code) => {
+      daemonProcessLog.warn(`daemonProcess exited with code ${code}`);
+    });
+  } else {
+    daemonProcess = null;
+    daemonPath = null;
+    mainLog.info("Daemon binary doesn't exist--normal for dev environments.");
+  }
+  win.send("action-set-app-version", app.getVersion());
 });
 
-app.on('activate', () => {
-    if (BrowserWindow.getAllWindows().length === 0) {
-        createWindow();
-    }
-})
+app.on("activate", () => {
+  if (BrowserWindow.getAllWindows().length === 0) {
+    createWindow();
+  }
+});
 
-app.on('window-all-closed', () => {
-    close_all();
-
-})
+app.on("window-all-closed", () => {
+  close_all();
+});
 
 // IPC HANDLER
 //Show/update task bar/button progressbar
-ipcMain.on('request-show-electron-progressbar',(event,data)=>{
-        win.setProgressBar(data/100);
+ipcMain.on("request-show-electron-progressbar", (event, data) => {
+  win.setProgressBar(data / 100);
 });
 
-ipcMain.on('request-show-chat-window', () => {
-    chat.show();
- });
+ipcMain.on("request-show-chat-window", () => {
+  chat.show();
+});
 
 // UPDATE TNC CONNECTION
-ipcMain.on('request-update-tnc-ip',(event,data)=>{
-    win.webContents.send('action-update-tnc-ip', data);
+ipcMain.on("request-update-tnc-ip", (event, data) => {
+  win.webContents.send("action-update-tnc-ip", data);
 });
 
 // UPDATE DAEMON CONNECTION
-ipcMain.on('request-update-daemon-ip',(event,data)=>{
-    win.webContents.send('action-update-daemon-ip', data);
+ipcMain.on("request-update-daemon-ip", (event, data) => {
+  win.webContents.send("action-update-daemon-ip", data);
 });
 
-
-ipcMain.on('request-update-tnc-state', (event, arg) => {
-    win.webContents.send('action-update-tnc-state', arg);
-    //data.webContents.send('action-update-tnc-state', arg);
+ipcMain.on("request-update-tnc-state", (event, arg) => {
+  win.webContents.send("action-update-tnc-state", arg);
+  //data.webContents.send('action-update-tnc-state', arg);
 });
 
 /*
@@ -430,30 +398,28 @@ ipcMain.on('request-update-heard-stations', (event, arg) => {
     win.webContents.send('action-update-heard-stations', arg);
 });
 */
-ipcMain.on('request-update-daemon-state', (event, arg) => {
-    win.webContents.send('action-update-daemon-state', arg);
+ipcMain.on("request-update-daemon-state", (event, arg) => {
+  win.webContents.send("action-update-daemon-state", arg);
 });
 
-ipcMain.on('request-update-hamlib-test', (event, arg) => {
-    win.webContents.send('action-update-hamlib-test', arg);
+ipcMain.on("request-update-hamlib-test", (event, arg) => {
+  win.webContents.send("action-update-hamlib-test", arg);
 });
 
-
-
-ipcMain.on('request-update-tnc-connection', (event, arg) => {
-    win.webContents.send('action-update-tnc-connection', arg);
+ipcMain.on("request-update-tnc-connection", (event, arg) => {
+  win.webContents.send("action-update-tnc-connection", arg);
 });
 
-ipcMain.on('request-update-daemon-connection', (event, arg) => {
-    win.webContents.send('action-update-daemon-connection', arg);
+ipcMain.on("request-update-daemon-connection", (event, arg) => {
+  win.webContents.send("action-update-daemon-connection", arg);
 });
 
-ipcMain.on('run-tnc-command', (event, arg) => {
-    win.webContents.send('run-tnc-command', arg);
+ipcMain.on("run-tnc-command", (event, arg) => {
+  win.webContents.send("run-tnc-command", arg);
 });
 
-ipcMain.on('request-update-rx-buffer', (event, arg) => {
-    win.webContents.send('action-update-rx-buffer', arg);
+ipcMain.on("request-update-rx-buffer", (event, arg) => {
+  win.webContents.send("action-update-rx-buffer", arg);
 });
 
 /*
@@ -461,480 +427,466 @@ ipcMain.on('request-update-rx-msg-buffer', (event, arg) => {
     chat.webContents.send('action-update-rx-msg-buffer', arg);
 });
 */
-ipcMain.on('request-new-msg-received', (event, arg) => {
-    chat.webContents.send('action-new-msg-received', arg);
+ipcMain.on("request-new-msg-received", (event, arg) => {
+  chat.webContents.send("action-new-msg-received", arg);
 });
-ipcMain.on('request-update-transmission-status', (event, arg) => {
-    chat.webContents.send('action-update-transmission-status', arg);
-    win.webContents.send('action-update-transmission-status',arg);
+ipcMain.on("request-update-transmission-status", (event, arg) => {
+  chat.webContents.send("action-update-transmission-status", 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-update-reception-status", (event, arg) => {
+  win.webContents.send("action-update-reception-status", arg);
 });
 
-ipcMain.on('request-open-tnc-log', () => {
-    logViewer.show();
+ipcMain.on("request-open-tnc-log", () => {
+  logViewer.show();
 });
 
 //file selector
-ipcMain.on('get-file-path',(event,data)=>{
-    dialog.showOpenDialog({defaultPath: path.join(__dirname, '../'),
-        buttonLabel: 'Select rigctld', properties: ['openFile']}).then(filePaths => {
-            win.webContents.send('return-file-paths', {path: filePaths,})
-
+ipcMain.on("get-file-path", (event, data) => {
+  dialog
+    .showOpenDialog({
+      defaultPath: path.join(__dirname, "../"),
+      buttonLabel: "Select rigctld",
+      properties: ["openFile"],
+    })
+    .then((filePaths) => {
+      win.webContents.send("return-file-paths", { path: filePaths });
     });
 });
 
 //folder selector
-ipcMain.on('get-folder-path',(event,data)=>{
-    dialog.showOpenDialog({defaultPath: path.join(__dirname, '../'), 
-        buttonLabel: 'Select folder', properties: ['openDirectory']}).then(folderPaths => {
-            win.webContents.send('return-folder-paths', {path: folderPaths,})     
-
+ipcMain.on("get-folder-path", (event, data) => {
+  dialog
+    .showOpenDialog({
+      defaultPath: path.join(__dirname, "../"),
+      buttonLabel: "Select folder",
+      properties: ["openDirectory"],
+    })
+    .then((folderPaths) => {
+      win.webContents.send("return-folder-paths", { path: folderPaths });
     });
 });
 
 //open folder
-ipcMain.on('open-folder',(event,data)=>{
-    shell.showItemInFolder(data.path)
+ipcMain.on("open-folder", (event, data) => {
+  shell.showItemInFolder(data.path);
 });
 
 //select file
-ipcMain.on('select-file',(event,data)=>{
-    dialog.showOpenDialog({defaultPath: path.join(__dirname, '../'), 
-        buttonLabel: 'Select file', properties: ['openFile']}).then(filepath => {
-
-console.log(filepath.filePaths[0])
-
-  try {
-  //fs.readFile(filepath.filePaths[0], 'utf8',  function (err, data) {
-    //Has to be binary
-  fs.readFile(filepath.filePaths[0],'binary', function (err, data) {
-  
-  console.log(data.length)
-
-    console.log(data)
-
-  var filename = path.basename(filepath.filePaths[0])
-  var mimeType = mime.getType(filename)
-  console.log(mimeType)
-  if (mimeType == '' || mimeType == null){
-    mimeType = 'plain/text'
-  }
-    chat.webContents.send('return-selected-files', {data : data, mime: mimeType, filename: filename}) 
+ipcMain.on("select-file", (event, data) => {
+  dialog
+    .showOpenDialog({
+      defaultPath: path.join(__dirname, "../"),
+      buttonLabel: "Select file",
+      properties: ["openFile"],
     })
-       
-  } catch (err) {
-    console.log(err);
-  }
+    .then((filepath) => {
+      console.log(filepath.filePaths[0]);
 
-      });  
+      try {
+        //fs.readFile(filepath.filePaths[0], 'utf8',  function (err, data) {
+        //Has to be binary
+        fs.readFile(filepath.filePaths[0], "binary", function (err, data) {
+          console.log(data.length);
 
+          console.log(data);
+
+          var filename = path.basename(filepath.filePaths[0]);
+          var mimeType = mime.getType(filename);
+          console.log(mimeType);
+          if (mimeType == "" || mimeType == null) {
+            mimeType = "plain/text";
+          }
+          chat.webContents.send("return-selected-files", {
+            data: data,
+            mime: mimeType,
+            filename: filename,
+          });
+        });
+      } catch (err) {
+        console.log(err);
+      }
+    });
 });
 
 //save file to folder
-ipcMain.on('save-file-to-folder',(event,data)=>{
+ipcMain.on("save-file-to-folder", (event, data) => {
+  console.log(data.file);
 
-       console.log(data.file)
-        
-        dialog.showSaveDialog({defaultPath: data.filename}).then(filepath => {
+  dialog.showSaveDialog({ defaultPath: data.filename }).then((filepath) => {
+    console.log(filepath.filePath);
+    console.log(data.file);
 
-        console.log(filepath.filePath)
-        console.log(data.file)        
-
-              try {
-                let arraybuffer = Buffer.from(data.file,"base64").toString('utf-8');
-                console.log(arraybuffer)
-                //Has to be binary
-               fs.writeFile(filepath.filePath, arraybuffer, 'binary', function (err, data) {
-                })
-              } catch (err) {
-                console.log(err);
-              }
-
-      });  
-      
-      
-      
+    try {
+      let arraybuffer = Buffer.from(data.file, "base64").toString("utf-8");
+      console.log(arraybuffer);
+      //Has to be binary
+      fs.writeFile(
+        filepath.filePath,
+        arraybuffer,
+        "binary",
+        function (err, data) {}
+      );
+    } catch (err) {
+      console.log(err);
+    }
+  });
 });
 
-
-
 //tnc messages START --------------------------------------
 
 // CQ TRANSMITTING
-ipcMain.on('request-show-cq-toast-transmitting',(event,data)=>{
-    win.webContents.send('action-show-cq-toast-transmitting', data);
+ipcMain.on("request-show-cq-toast-transmitting", (event, data) => {
+  win.webContents.send("action-show-cq-toast-transmitting", data);
 });
 
 // CQ RECEIVED
-ipcMain.on('request-show-cq-toast-received',(event,data)=>{
-    win.webContents.send('action-show-cq-toast-received', data);
+ipcMain.on("request-show-cq-toast-received", (event, data) => {
+  win.webContents.send("action-show-cq-toast-received", data);
 });
 
 // QRV TRANSMITTING
-ipcMain.on('request-show-qrv-toast-transmitting',(event,data)=>{
-    win.webContents.send('action-show-qrv-toast-transmitting', data);
+ipcMain.on("request-show-qrv-toast-transmitting", (event, data) => {
+  win.webContents.send("action-show-qrv-toast-transmitting", data);
 });
 
 // QRV RECEIVED
-ipcMain.on('request-show-qrv-toast-received',(event,data)=>{
-    win.webContents.send('action-show-qrv-toast-received', data);
+ipcMain.on("request-show-qrv-toast-received", (event, data) => {
+  win.webContents.send("action-show-qrv-toast-received", data);
 });
 
 // BEACON TRANSMITTING
-ipcMain.on('request-show-beacon-toast-transmitting',(event,data)=>{
-    win.webContents.send('action-show-beacon-toast-transmitting', data);
+ipcMain.on("request-show-beacon-toast-transmitting", (event, data) => {
+  win.webContents.send("action-show-beacon-toast-transmitting", data);
 });
 
 // BEACON RECEIVED
-ipcMain.on('request-show-beacon-toast-received',(event,data)=>{
-    win.webContents.send('action-show-beacon-toast-received', data);
+ipcMain.on("request-show-beacon-toast-received", (event, data) => {
+  win.webContents.send("action-show-beacon-toast-received", data);
 });
 
 // PING TRANSMITTING
-ipcMain.on('request-show-ping-toast-transmitting',(event,data)=>{
-    win.webContents.send('action-show-ping-toast-transmitting', data);
+ipcMain.on("request-show-ping-toast-transmitting", (event, data) => {
+  win.webContents.send("action-show-ping-toast-transmitting", data);
 });
 
 // PING RECEIVED
-ipcMain.on('request-show-ping-toast-received',(event,data)=>{
-    win.webContents.send('action-show-ping-toast-received', data);
+ipcMain.on("request-show-ping-toast-received", (event, data) => {
+  win.webContents.send("action-show-ping-toast-received", data);
 });
 
 // PING RECEIVED ACK
-ipcMain.on('request-show-ping-toast-received-ack',(event,data)=>{
-    win.webContents.send('action-show-ping-toast-received-ack', data);
+ipcMain.on("request-show-ping-toast-received-ack", (event, data) => {
+  win.webContents.send("action-show-ping-toast-received-ack", data);
 });
 
 // ARQ DATA CHANNEL OPENING
-ipcMain.on('request-show-arq-toast-datachannel-opening',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-datachannel-opening', data);
+ipcMain.on("request-show-arq-toast-datachannel-opening", (event, data) => {
+  win.webContents.send("action-show-arq-toast-datachannel-opening", data);
 });
 
 // ARQ DATA CHANNEL WAITING
-ipcMain.on('request-show-arq-toast-datachannel-waiting',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-datachannel-waiting', data);
+ipcMain.on("request-show-arq-toast-datachannel-waiting", (event, data) => {
+  win.webContents.send("action-show-arq-toast-datachannel-waiting", data);
 });
 
-
 // ARQ DATA CHANNEL OPEN
-ipcMain.on('request-show-arq-toast-datachannel-opened',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-datachannel-opened', data);
+ipcMain.on("request-show-arq-toast-datachannel-opened", (event, data) => {
+  win.webContents.send("action-show-arq-toast-datachannel-opened", data);
 });
 
 // ARQ DATA RECEIVED OPENER
-ipcMain.on('request-show-arq-toast-datachannel-received-opener',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-datachannel-received-opener', data);
+ipcMain.on(
+  "request-show-arq-toast-datachannel-received-opener",
+  (event, data) => {
+    win.webContents.send(
+      "action-show-arq-toast-datachannel-received-opener",
+      data
+    );
+  }
+);
+
+// ARQ TRANSMISSION FAILED
+ipcMain.on("request-show-arq-toast-transmission-failed", (event, data) => {
+  win.webContents.send("action-show-arq-toast-transmission-failed", data);
 });
 
 // ARQ TRANSMISSION FAILED
-ipcMain.on('request-show-arq-toast-transmission-failed',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-transmission-failed', data);
-});
-
-// ARQ TRANSMISSION FAILED
-ipcMain.on('request-show-arq-toast-transmission-failed-ver',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-transmission-failed-ver', data);
+ipcMain.on("request-show-arq-toast-transmission-failed-ver", (event, data) => {
+  win.webContents.send("action-show-arq-toast-transmission-failed-ver", data);
 });
 
 // ARQ TRANSMISSION RECEIVING
-ipcMain.on('request-show-arq-toast-transmission-receiving',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-transmission-receiving', data);
+ipcMain.on("request-show-arq-toast-transmission-receiving", (event, data) => {
+  win.webContents.send("action-show-arq-toast-transmission-receiving", data);
 });
 
 // ARQ TRANSMISSION RECEIVED
-ipcMain.on('request-show-arq-toast-transmission-received',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-transmission-received', data);
+ipcMain.on("request-show-arq-toast-transmission-received", (event, data) => {
+  win.webContents.send("action-show-arq-toast-transmission-received", data);
 });
 
 // ARQ TRANSMISSION TRANSMITTING
-ipcMain.on('request-show-arq-toast-transmission-transmitting',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-transmission-transmitting', data);
-});
+ipcMain.on(
+  "request-show-arq-toast-transmission-transmitting",
+  (event, data) => {
+    win.webContents.send(
+      "action-show-arq-toast-transmission-transmitting",
+      data
+    );
+  }
+);
 
 // ARQ TRANSMISSION TRANSMITTED
-ipcMain.on('request-show-arq-toast-transmission-transmitted',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-transmission-transmitted', data);
+ipcMain.on("request-show-arq-toast-transmission-transmitted", (event, data) => {
+  win.webContents.send("action-show-arq-toast-transmission-transmitted", data);
 });
 
 // ARQ SESSION CONNECTING
-ipcMain.on('request-show-arq-toast-session-connecting',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-session-connecting', data);
+ipcMain.on("request-show-arq-toast-session-connecting", (event, data) => {
+  win.webContents.send("action-show-arq-toast-session-connecting", data);
 });
 
 // ARQ SESSION WAITING
-ipcMain.on('request-show-arq-toast-session-waiting',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-session-waiting', data);
+ipcMain.on("request-show-arq-toast-session-waiting", (event, data) => {
+  win.webContents.send("action-show-arq-toast-session-waiting", data);
 });
 
 // ARQ SESSION CONNECTED
-ipcMain.on('request-show-arq-toast-session-connected',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-session-connected', data);
+ipcMain.on("request-show-arq-toast-session-connected", (event, data) => {
+  win.webContents.send("action-show-arq-toast-session-connected", data);
 });
 
 // ARQ SESSION CLOSE
-ipcMain.on('request-show-arq-toast-session-close',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-session-close', data);
+ipcMain.on("request-show-arq-toast-session-close", (event, data) => {
+  win.webContents.send("action-show-arq-toast-session-close", data);
 });
 
 // ARQ SESSION FAILED
-ipcMain.on('request-show-arq-toast-session-failed',(event,data)=>{
-    win.webContents.send('action-show-arq-toast-session-failed', data);
+ipcMain.on("request-show-arq-toast-session-failed", (event, data) => {
+  win.webContents.send("action-show-arq-toast-session-failed", data);
 });
 
-
-
 //tnc messages END --------------------------------------
 
 //restart and install udpate
-ipcMain.on('request-restart-and-install',(event,data)=>{
-    close_sub_processes()
-    autoUpdater.quitAndInstall();
+ipcMain.on("request-restart-and-install", (event, data) => {
+  close_sub_processes();
+  autoUpdater.quitAndInstall();
 });
 
 // LISTENER FOR UPDATER EVENTS
-autoUpdater.on('update-available', (info) => {
-  mainLog.info('update available');
+autoUpdater.on("update-available", (info) => {
+  mainLog.info("update available");
 
-    let arg = {
-        status: "update-available",
-        info: info
-    };
-  win.webContents.send('action-updater', arg);
-  
+  let arg = {
+    status: "update-available",
+    info: info,
+  };
+  win.webContents.send("action-updater", arg);
 });
 
-autoUpdater.on('update-not-available', (info) => {
-  mainLog.info('update not available');
-    let arg = {
-        status: "update-not-available",
-        info: info
-    };
-  win.webContents.send('action-updater', arg);  
+autoUpdater.on("update-not-available", (info) => {
+  mainLog.info("update not available");
+  let arg = {
+    status: "update-not-available",
+    info: info,
+  };
+  win.webContents.send("action-updater", arg);
 });
 
-
-autoUpdater.on('update-downloaded', (info) => {
-  mainLog.info('update downloaded');
-      let arg = {
-        status: "update-downloaded",
-        info: info
-    };
-  win.webContents.send('action-updater', arg); 
-  // we need to call this at this point. 
+autoUpdater.on("update-downloaded", (info) => {
+  mainLog.info("update downloaded");
+  let arg = {
+    status: "update-downloaded",
+    info: info,
+  };
+  win.webContents.send("action-updater", arg);
+  // we need to call this at this point.
   // if an update is available and we are force closing the app
   // the entire screen crashes...
   //mainLog.info('quit application and install update');
   //autoUpdater.quitAndInstall();
-
-  
 });
 
-autoUpdater.on('checking-for-update', () => {
-mainLog.info('checking for update');
-    let arg = {
-        status: "checking-for-update",
-        version: app.getVersion()
-    };
-  win.webContents.send('action-updater', arg); 
+autoUpdater.on("checking-for-update", () => {
+  mainLog.info("checking for update");
+  let arg = {
+    status: "checking-for-update",
+    version: app.getVersion(),
+  };
+  win.webContents.send("action-updater", arg);
 });
 
-autoUpdater.on('download-progress', (progress) => {
-    let arg = {
-        status: "download-progress",
-        progress: progress
-    };
-  win.webContents.send('action-updater', arg); 
+autoUpdater.on("download-progress", (progress) => {
+  let arg = {
+    status: "download-progress",
+    progress: progress,
+  };
+  win.webContents.send("action-updater", arg);
 });
 
-autoUpdater.on('error', (error) => {
-    mainLog.info('update error');
-    let arg = {
-        status: "error",
-        progress: error
-    };
-  win.webContents.send('action-updater', arg); 
+autoUpdater.on("error", (error) => {
+  mainLog.info("update error");
+  let arg = {
+    status: "error",
+    progress: error,
+  };
+  win.webContents.send("action-updater", arg);
   mainLog.error("AUTO UPDATER : " + error);
 });
 
+function close_sub_processes() {
+  mainLog.warn("closing sub processes");
 
-
-function close_sub_processes(){
-    mainLog.warn('closing sub processes');
-
-    // closing the tnc binary if not closed when closing application and also our daemon which has been started by the gui
-    try {
-        if (daemonProcess != null) {
-            daemonProcess.kill();
-        }
-    } catch (e) {   
-        mainLog.error(e)
+  // closing the tnc binary if not closed when closing application and also our daemon which has been started by the gui
+  try {
+    if (daemonProcess != null) {
+      daemonProcess.kill();
     }
-    
+  } catch (e) {
+    mainLog.error(e);
+  }
 
-    mainLog.warn('closing tnc and daemon');
-    try {
-    
-        if(os.platform()=='win32' || os.platform()=='win64'){
-            spawn('Taskkill', ['/IM', 'freedata-tnc.exe', '/F'])
-            spawn('Taskkill', ['/IM', 'freedata-daemon.exe', '/F'])
-        }
-        
-        if(os.platform()=='linux'){
-            
-            spawn('pkill', ['-9', 'freedata-tnc'])
-            spawn('pkill', ['-9', 'freedata-daemon'])
-        }
-
-        if(os.platform()=='darwin'){
-
-            spawn('pkill', ['-9', 'freedata-tnc'])
-            spawn('pkill', ['-9', 'freedata-daemon'])
-            
-        }
-    } catch (e) {
-        mainLog.error(e)
+  mainLog.warn("closing tnc and daemon");
+  try {
+    if (os.platform() == "win32" || os.platform() == "win64") {
+      spawn("Taskkill", ["/IM", "freedata-tnc.exe", "/F"]);
+      spawn("Taskkill", ["/IM", "freedata-daemon.exe", "/F"]);
     }
 
-};
+    if (os.platform() == "linux") {
+      spawn("pkill", ["-9", "freedata-tnc"]);
+      spawn("pkill", ["-9", "freedata-daemon"]);
+    }
 
-
-function close_all() {
-
-    // function for closing the application with closing all used processes
-
-    close_sub_processes();
-    
-    mainLog.warn('quitting app');
-    
-    win.destroy();
-    chat.destroy();
-    logViewer.destroy();
-    
-    app.quit();
+    if (os.platform() == "darwin") {
+      spawn("pkill", ["-9", "freedata-tnc"]);
+      spawn("pkill", ["-9", "freedata-daemon"]);
+    }
+  } catch (e) {
+    mainLog.error(e);
+  }
 }
 
+function close_all() {
+  // function for closing the application with closing all used processes
+
+  close_sub_processes();
+
+  mainLog.warn("quitting app");
+
+  win.destroy();
+  chat.destroy();
+  logViewer.destroy();
+
+  app.quit();
+}
 
 // RUN RIGCTLD
-ipcMain.on('request-start-rigctld',(event, data)=>{
+ipcMain.on("request-start-rigctld", (event, data) => {
+  try {
+    let rigctld_proc = spawn(data.path, data.parameters);
 
-    try{
-        let rigctld_proc = spawn(data.path, data.parameters);
+    rigctld_proc.on("exit", function (code) {
+      console.log("rigctld process exited with code " + code);
 
-        rigctld_proc.on('exit', function (code) {
-            console.log('rigctld process exited with code ' + code);
+      // if rigctld crashes, error code is -2
+      // then we are going to restart rigctld
+      // this "fixes" a problem with latest rigctld on raspberry pi
+      //if (code == -2){
+      //    setTimeout(ipcRenderer.send('request-start-rigctld', data), 500);
+      //}
+      //let rigctld_proc = spawn(data.path, data.parameters);
+    });
+  } catch (e) {
+    console.log(e);
+  }
 
-            // if rigctld crashes, error code is -2
-            // then we are going to restart rigctld
-            // this "fixes" a problem with latest rigctld on raspberry pi
-            //if (code == -2){
-            //    setTimeout(ipcRenderer.send('request-start-rigctld', data), 500);
-            //}
-            //let rigctld_proc = spawn(data.path, data.parameters);
-        });
-    } catch (e) {
-     console.log(e);
-    }
-
-    /*
+  /*
     const rigctld = exec(data.path, data.parameters);
     rigctld.stdout.on("data", data => {
         console.log(`stdout: ${data}`);
     });
     */
-
-
 });
 
-
 // STOP RIGCTLD
-ipcMain.on('request-stop-rigctld',(event,data)=>{
-    mainLog.warn('closing rigctld');
-    try {
-
-        if(os.platform()=='win32' || os.platform()=='win64'){
-            spawn('Taskkill', ['/IM', 'rigctld.exe', '/F'])
-        }
-
-        if(os.platform()=='linux'){
-
-            spawn('pkill', ['-9', 'rigctld'])
-
-        }
-
-        if(os.platform()=='darwin'){
-
-            spawn('pkill', ['-9', 'rigctld'])
-
-        }
-    } catch (e) {
-        mainLog.error(e)
+ipcMain.on("request-stop-rigctld", (event, data) => {
+  mainLog.warn("closing rigctld");
+  try {
+    if (os.platform() == "win32" || os.platform() == "win64") {
+      spawn("Taskkill", ["/IM", "rigctld.exe", "/F"]);
     }
+
+    if (os.platform() == "linux") {
+      spawn("pkill", ["-9", "rigctld"]);
+    }
+
+    if (os.platform() == "darwin") {
+      spawn("pkill", ["-9", "rigctld"]);
+    }
+  } catch (e) {
+    mainLog.error(e);
+  }
 });
 
-
-
 // CHECK RIGCTLD CONNECTION
 // create new socket so we are not reopening every time a new one
 var rigctld_connection = new net.Socket();
 var rigctld_connection_state = false;
 var rigctld_events_wired = false;
 
-ipcMain.on('request-check-rigctld',(event, data)=>{
+ipcMain.on("request-check-rigctld", (event, data) => {
+  try {
+    let Data = {
+      state: "unknown",
+    };
 
-    try{
-
-        let Data = {
-                state: "unknown",
-        };
-
-        if(!rigctld_connection_state){
-            rigctld_connection = new net.Socket();
-            rigctld_events_wired = false;
-            rigctld_connection.connect(data.port, data.ip)
-        }
-
-        // Check if we have created a new socket object and attach listeners if not already created
-        if (typeof(rigctld_connection) != 'undefined' && !rigctld_events_wired) {
-           
-            rigctld_connection.on('connect', function() {
-                rigctld_events_wired=true;
-                mainLog.info("Starting rigctld event listeners");
-                rigctld_connection_state = true;
-                Data["state"] = "connection possible - (" + data.ip + ":" + data.port + ")";
-                if (win !== null && win !== '' && typeof(win) != 'undefined'){
-                    // try catch for being sure we have a clean app close
-                    try{
-                        win.webContents.send('action-check-rigctld', Data);
-                    } catch(e){
-                        console.log(e)
-                    }
-                }
-            })
-    
-            rigctld_connection.on('error', function() {
-                rigctld_connection_state = false;
-                Data["state"] = "unknown/stopped - (" + data.ip + ":" + data.port + ")";
-                if (win !== null && win !== '' && typeof(win) != 'undefined'){
-                    // try catch for being sure we have a clean app close
-                    try{
-                        win.webContents.send('action-check-rigctld', Data);
-                    } catch(e){
-                        console.log(e)
-                    }
-                }
-            })
-    
-            rigctld_connection.on('end', function() {
-                rigctld_connection_state = false;
-            })
-
-        }
-
-    } catch(e) {
-        console.log(e)
+    if (!rigctld_connection_state) {
+      rigctld_connection = new net.Socket();
+      rigctld_events_wired = false;
+      rigctld_connection.connect(data.port, data.ip);
     }
 
-});
\ No newline at end of file
+    // Check if we have created a new socket object and attach listeners if not already created
+    if (typeof rigctld_connection != "undefined" && !rigctld_events_wired) {
+      rigctld_connection.on("connect", function () {
+        rigctld_events_wired = true;
+        mainLog.info("Starting rigctld event listeners");
+        rigctld_connection_state = true;
+        Data["state"] =
+          "connection possible - (" + data.ip + ":" + data.port + ")";
+        if (win !== null && win !== "" && typeof win != "undefined") {
+          // try catch for being sure we have a clean app close
+          try {
+            win.webContents.send("action-check-rigctld", Data);
+          } catch (e) {
+            console.log(e);
+          }
+        }
+      });
+
+      rigctld_connection.on("error", function () {
+        rigctld_connection_state = false;
+        Data["state"] = "unknown/stopped - (" + data.ip + ":" + data.port + ")";
+        if (win !== null && win !== "" && typeof win != "undefined") {
+          // try catch for being sure we have a clean app close
+          try {
+            win.webContents.send("action-check-rigctld", Data);
+          } catch (e) {
+            console.log(e);
+          }
+        }
+      });
+
+      rigctld_connection.on("end", function () {
+        rigctld_connection_state = false;
+      });
+    }
+  } catch (e) {
+    console.log(e);
+  }
+});
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 7a969a99..976bac6a 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -1,64 +1,64 @@
-const path = require('path')
-const {
-    ipcRenderer
-} = require('electron')
-const {
-    v4: uuidv4
-} = require('uuid');
+const path = require("path");
+const { ipcRenderer } = require("electron");
+const { v4: uuidv4 } = require("uuid");
 // https://stackoverflow.com/a/26227660
-var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config")
+var appDataFolder =
+  process.env.APPDATA ||
+  (process.platform == "darwin"
+    ? process.env.HOME + "/Library/Application Support"
+    : process.env.HOME + "/.config");
 var configFolder = path.join(appDataFolder, "FreeDATA");
-var configPath = path.join(configFolder, 'config.json')
+var configPath = path.join(configFolder, "config.json");
 const config = require(configPath);
 // set date format
-const dateFormat = new Intl.DateTimeFormat('en-GB', {
-    timeStyle: 'long',
-    dateStyle: 'full'
+const dateFormat = new Intl.DateTimeFormat("en-GB", {
+  timeStyle: "long",
+  dateStyle: "full",
 });
 // set date format information
-const dateFormatShort = new Intl.DateTimeFormat('en-GB', {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-    hour12: false,
+const dateFormatShort = new Intl.DateTimeFormat("en-GB", {
+  year: "numeric",
+  month: "numeric",
+  day: "numeric",
+  hour: "numeric",
+  minute: "numeric",
+  second: "numeric",
+  hour12: false,
 });
 
-const dateFormatHours = new Intl.DateTimeFormat('en-GB', {
-    hour: 'numeric',
-    minute: 'numeric',
-    hour12: false,
+const dateFormatHours = new Intl.DateTimeFormat("en-GB", {
+  hour: "numeric",
+  minute: "numeric",
+  hour12: false,
 });
 // split character
-const split_char = '\0;\1;'
+const split_char = "\0;\1;";
 // global for our selected file we want to transmit
 // ----------------- some chat globals
-var filetype = '';
-var file = '';
-var filename = '';
+var filetype = "";
+var file = "";
+var filename = "";
 var callsign_counter = 0;
-var selected_callsign = '';
+var selected_callsign = "";
 // -----------------------------------
 
-var chatDB = path.join(configFolder, 'chatDB')
+var chatDB = path.join(configFolder, "chatDB");
 // ---- MessageDB
-try{
-    var PouchDB = require('pouchdb');
-} catch(err){
-    console.log(err);
+try {
+  var PouchDB = require("pouchdb");
+} catch (err) {
+  console.log(err);
 
-    /*
+  /*
     This is a fix for raspberryPi where we get an error when loading pouchdb because of
     leveldown package isnt running on ARM devices.
     pouchdb-browser does not depend on leveldb and seems to be working.
     */
-    console.log("using pouchdb-browser fallback")
-    var PouchDB = require('pouchdb-browser');
+  console.log("using pouchdb-browser fallback");
+  var PouchDB = require("pouchdb-browser");
 }
 
-PouchDB.plugin(require('pouchdb-find'));
+PouchDB.plugin(require("pouchdb-find"));
 //PouchDB.plugin(require('pouchdb-replication'));
 
 var db = new PouchDB(chatDB);
@@ -107,449 +107,485 @@ db.sync('http://172.20.10.4:5984/jojo', {
 
 var dxcallsigns = new Set();
 db.createIndex({
-    index: {
-        fields: ['timestamp', 'uuid', 'dxcallsign', 'dxgrid', 'msg', 'checksum', 'type', 'command', 'status', 'percent', 'bytesperminute', '_attachments']
-    }
-}).then(function(result) {
+  index: {
+    fields: [
+      "timestamp",
+      "uuid",
+      "dxcallsign",
+      "dxgrid",
+      "msg",
+      "checksum",
+      "type",
+      "command",
+      "status",
+      "percent",
+      "bytesperminute",
+      "_attachments",
+    ],
+  },
+})
+  .then(function (result) {
     // handle result
-    console.log(result)
-}).catch(function(err) {
+    console.log(result);
+  })
+  .catch(function (err) {
     console.log(err);
-});
+  });
 
 db.find({
-    selector: {
-        timestamp: {
-            $exists: true
-        }
+  selector: {
+    timestamp: {
+      $exists: true,
     },
-    sort: [{
-        'timestamp': 'asc'
-    }]
-}).then(function(result) {
+  },
+  sort: [
+    {
+      timestamp: "asc",
+    },
+  ],
+})
+  .then(function (result) {
     // handle result
-    if (typeof(result) !== 'undefined') {
-        result.docs.forEach(function(item) {
-            //console.log(item)
-            // another query with attachments
-            db.get(item._id, {
-                attachments: true
-            }).then(function(item_with_attachments){
-                update_chat(item_with_attachments);
-            });
-
-
-
+    if (typeof result !== "undefined") {
+      result.docs.forEach(function (item) {
+        //console.log(item)
+        // another query with attachments
+        db.get(item._id, {
+          attachments: true,
+        }).then(function (item_with_attachments) {
+          update_chat(item_with_attachments);
         });
+      });
     }
-}).catch(function(err) {
+  })
+  .catch(function (err) {
     console.log(err);
-});
+  });
 // WINDOW LISTENER
-window.addEventListener('DOMContentLoaded', () => {
+window.addEventListener("DOMContentLoaded", () => {
+  // theme selector
+  if (config.theme != "default") {
+    var theme_path =
+      "../node_modules/bootswatch/dist/" + config.theme + "/bootstrap.min.css";
+    document.getElementById("bootstrap_theme").href = theme_path;
+  } else {
+    var theme_path = "../node_modules/bootstrap/dist/css/bootstrap.min.css";
+    document.getElementById("bootstrap_theme").href = theme_path;
+  }
 
+  document
+    .querySelector("emoji-picker")
+    .addEventListener("emoji-click", (event) => {
+      var msg = document.getElementById("chatModuleMessage");
+      //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", () => {
+    var element = document.getElementById("emojipickercontainer");
+    console.log(element.style.display);
+    if (element.style.display === "none") {
+      element.style.display = "block";
+    } else {
+      element.style.display = "none";
+    }
+  });
+  document
+    .getElementById("delete_selected_chat")
+    .addEventListener("click", () => {
+      db.find({
+        selector: {
+          dxcallsign: selected_callsign,
+        },
+      })
+        .then(function (result) {
+          // handle result
+          if (typeof result !== "undefined") {
+            result.docs.forEach(function (item) {
+              console.log(item);
+              db.get(item._id)
+                .then(function (doc) {
+                  db.remove(doc)
+                    .then(function (doc) {
+                      return location.reload();
+                    })
+                    .catch(function (err) {
+                      console.log(err);
+                    });
+                })
+                .catch(function (err) {
+                  console.log(err);
+                });
+            });
+          }
+        })
+        .catch(function (err) {
+          console.log(err);
+        });
+    });
+  document.getElementById("selectFilesButton").addEventListener("click", () => {
+    //document.getElementById('selectFiles').click();
+    ipcRenderer.send("select-file", {
+      title: "Title",
+    });
+  });
 
-    // theme selector
-    if(config.theme != 'default'){
-        var theme_path = "../node_modules/bootswatch/dist/"+ config.theme +"/bootstrap.min.css";
-        document.getElementById("bootstrap_theme").href = theme_path;
-    } else {    
-        var theme_path = "../node_modules/bootstrap/dist/css/bootstrap.min.css";
-        document.getElementById("bootstrap_theme").href = theme_path;
+  document.getElementById("ping").addEventListener("click", () => {
+    ipcRenderer.send("run-tnc-command", {
+      command: "ping",
+      dxcallsign: selected_callsign,
+    });
+  });
+
+  document.addEventListener("keyup", function (event) {
+    // Number 13 == Enter
+    if (event.keyCode === 13 && !event.shiftKey) {
+      // Cancel the default action, if needed
+      event.preventDefault();
+      // Trigger the button element with a click
+      document.getElementById("sendMessage").click();
+    }
+  });
+
+  // ADJUST TEXTAREA SIZE
+  document.getElementById("chatModuleMessage").addEventListener("input", () => {
+    var textarea = document.getElementById("chatModuleMessage");
+    var text = textarea.value;
+
+    if (document.getElementById("expand_textarea").checked) {
+      var lines = 6;
+    } else {
+      var lines = text.split("\n").length;
+
+      if (lines >= 6) {
+        lines = 6;
+      }
+    }
+    var message_container_height_offset = 130 + 20 * lines;
+    var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
+    document.getElementById("message-container").style.height =
+      message_container_height;
+    textarea.rows = lines;
+
+    console.log(textarea.value);
+  });
+
+  document.getElementById("expand_textarea").addEventListener("click", () => {
+    var textarea = document.getElementById("chatModuleMessage");
+
+    if (document.getElementById("expand_textarea").checked) {
+      var lines = 6;
+      document.getElementById("expand_textarea_button").className =
+        "bi bi-chevron-compact-down";
+    } else {
+      var lines = 1;
+      document.getElementById("expand_textarea_button").className =
+        "bi bi-chevron-compact-up";
     }
 
+    var message_container_height_offset = 130 + 20 * lines;
+    //var message_container_height_offset = 90 + (23*lines);
+    var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
+    document.getElementById("message-container").style.height =
+      message_container_height;
+    textarea.rows = lines;
+    console.log(textarea.rows);
+  });
 
-    document.querySelector('emoji-picker').addEventListener("emoji-click", (event) => {
-        var msg = document.getElementById('chatModuleMessage');
-        //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", () => {
-        var element = document.getElementById("emojipickercontainer")
-        console.log(element.style.display);
-        if (element.style.display === "none") {
-            element.style.display = "block";
-        } else {
-            element.style.display = "none";
-        }
-    })
-    document.getElementById("delete_selected_chat").addEventListener("click", () => {
-        db.find({
-            selector: {
-                dxcallsign: selected_callsign
-            }
-        }).then(function(result) {
-            // handle result
-            if (typeof(result) !== 'undefined') {
-                result.docs.forEach(function(item) {
-                    console.log(item)
-                    db.get(item._id).then(function(doc) {
-                        db.remove(doc).then(function(doc) {
-                            return location.reload();
-                        }).catch(function(err) {
-                            console.log(err);
-                        });
-                    }).catch(function(err) {
-                        console.log(err);
-                    });
+  // NEW CHAT
 
-                });
-            }
-        }).catch(function(err) {
-            console.log(err);
+  document
+    .getElementById("createNewChatButton")
+    .addEventListener("click", () => {
+      var dxcallsign = document.getElementById("chatModuleNewDxCall").value;
+      var uuid = uuidv4();
+      db.post({
+        _id: uuid,
+        timestamp: Math.floor(Date.now() / 1000),
+        dxcallsign: dxcallsign.toUpperCase(),
+        dxgrid: "---",
+        msg: "null",
+        checksum: "null",
+        type: "newchat",
+        status: "null",
+        uuid: uuid,
+      })
+        .then(function (response) {
+          // handle response
+          console.log("new database entry");
+          console.log(response);
+        })
+        .catch(function (err) {
+          console.log(err);
         });
-    })
-    document.getElementById("selectFilesButton").addEventListener("click", () => {
-        //document.getElementById('selectFiles').click();
-        ipcRenderer.send('select-file', {
-            title: 'Title',
-        }); 
-    })    
-    
-    document.getElementById("ping").addEventListener("click", () => {
-        ipcRenderer.send('run-tnc-command', {
-            command: 'ping', dxcallsign: selected_callsign
-        }); 
-    })
-    
-    
-    document.addEventListener("keyup", function(event) {
-    // Number 13 == Enter
-        if (event.keyCode === 13 && !event.shiftKey) {
-            // Cancel the default action, if needed
-            event.preventDefault();
-            // Trigger the button element with a click
-            document.getElementById("sendMessage").click();
-        }
-    }); 
-
-    // ADJUST TEXTAREA SIZE
-    document.getElementById("chatModuleMessage").addEventListener("input", () => {
-        var textarea = document.getElementById("chatModuleMessage");
-        var text = textarea.value;
-
-        if(document.getElementById("expand_textarea").checked){
-        var lines = 6
-        } else {
-        var lines = text.split("\n").length
-
-        if (lines >= 6){
-         lines = 6;
-        }
-
-        }
-        var message_container_height_offset = 130 + (20*lines);
-        var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
-        document.getElementById("message-container").style.height = message_container_height;
-        textarea.rows = lines;
-
-        console.log(textarea.value)
-
-
-    })
-
- document.getElementById("expand_textarea").addEventListener("click", () => {
-  var textarea = document.getElementById("chatModuleMessage");
-
-if(document.getElementById("expand_textarea").checked){
-    var lines=6
-    document.getElementById("expand_textarea_button").className = "bi bi-chevron-compact-down";
-
-} else {
-    var lines=1
-    document.getElementById("expand_textarea_button").className = "bi bi-chevron-compact-up";
-}
-
- var message_container_height_offset = 130 + (20*lines);
- //var message_container_height_offset = 90 + (23*lines);
-        var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
- document.getElementById("message-container").style.height = message_container_height;
- textarea.rows = lines;
- console.log(textarea.rows)
-
-   })
-
-
-    // NEW CHAT
-
-    document.getElementById("createNewChatButton").addEventListener("click", () => {
-        var dxcallsign = document.getElementById('chatModuleNewDxCall').value;
-        var uuid = uuidv4()
-db.post({
-            
-            _id: uuid,
-            timestamp: Math.floor(Date.now() / 1000),
-            dxcallsign: dxcallsign.toUpperCase(),
-            dxgrid: '---',
-            msg: 'null',
-            checksum: 'null',
-            type: 'newchat',
-            status: 'null',
-            uuid: uuid
-            
-        }).then(function(response) {
-            // handle response
-            console.log("new database entry");
-            console.log(response);
-        }).catch(function(err) {
-            console.log(err);
-        });
-        update_chat_obj_by_uuid(uuid);
-
+      update_chat_obj_by_uuid(uuid);
     });
-    
-    // SEND MSG
-    document.getElementById("sendMessage").addEventListener("click", () => {
-        document.getElementById('emojipickercontainer').style.display = "none";
-        
-        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)`;
-        document.getElementById("message-container").style.height = message_container_height;
-        textarea.rows = 1
-        document.getElementById("expand_textarea_button").className = "bi bi-chevron-compact-up";
-        document.getElementById("expand_textarea").checked = false;
 
-        console.log(file);
-        console.log(filename);
-        console.log(filetype);
-        if (filetype == ''){
-            filetype = 'plain/text'
-        }
-        var timestamp = Math.floor(Date.now() / 1000);
+  // SEND MSG
+  document.getElementById("sendMessage").addEventListener("click", () => {
+    document.getElementById("emojipickercontainer").style.display = "none";
 
-        var file_checksum = crc32(file).toString(16).toUpperCase();
-        console.log(file_checksum)
-        var data_with_attachment = timestamp + split_char + chatmessage + split_char + filename + split_char + filetype + split_char + file;
+    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)`;
+    document.getElementById("message-container").style.height =
+      message_container_height;
+    textarea.rows = 1;
+    document.getElementById("expand_textarea_button").className =
+      "bi bi-chevron-compact-up";
+    document.getElementById("expand_textarea").checked = false;
 
-        document.getElementById('selectFilesButton').innerHTML = ``;
-        var uuid = uuidv4();
-        let uuidlast = uuid.lastIndexOf('-');
-        uuidlast +=1;
-        if (uuidlast > 0)
-        {
-            uuid = uuid.substring(uuidlast);
-        }
-        console.log(data_with_attachment)
-        let Data = {
-            command: "send_message",
-            dxcallsign: dxcallsign,
-            mode: 255,
-            frames: 1,
-            data: data_with_attachment,
-            checksum: file_checksum,
-            uuid: uuid
-        };
-        ipcRenderer.send('run-tnc-command', Data);
-        db.post({
-            _id: uuid,
-            timestamp: timestamp,
-            dxcallsign: dxcallsign,
-            dxgrid: 'null',
-            msg: chatmessage,
-            checksum: file_checksum,
-            type: "transmit",
-            status: 'transmit',
-            uuid: uuid,
-            _attachments: {
-                [filename]: {
-                    content_type: filetype,
-                    //data: btoa(file)
-                    data: btoa_FD(file)
-                }
-            }
-        }).then(function(response) {
-            // handle response
-            console.log("new database entry");
-            console.log(response);
-        }).catch(function(err) {
-            console.log(err);
-        });
-        update_chat_obj_by_uuid(uuid);
+    console.log(file);
+    console.log(filename);
+    console.log(filetype);
+    if (filetype == "") {
+      filetype = "plain/text";
+    }
+    var timestamp = Math.floor(Date.now() / 1000);
 
-        // clear input
-        document.getElementById('chatModuleMessage').value = ''
-                
-        // after adding file data to our attachment variable, delete it from global
-        filetype = '';
-        file = '';
-        filename = '';
-        
-        
+    var file_checksum = crc32(file).toString(16).toUpperCase();
+    console.log(file_checksum);
+    var data_with_attachment =
+      timestamp +
+      split_char +
+      chatmessage +
+      split_char +
+      filename +
+      split_char +
+      filetype +
+      split_char +
+      file;
+
+    document.getElementById("selectFilesButton").innerHTML = ``;
+    var uuid = uuidv4();
+    let uuidlast = uuid.lastIndexOf("-");
+    uuidlast += 1;
+    if (uuidlast > 0) {
+      uuid = uuid.substring(uuidlast);
+    }
+    console.log(data_with_attachment);
+    let Data = {
+      command: "send_message",
+      dxcallsign: dxcallsign,
+      mode: 255,
+      frames: 1,
+      data: data_with_attachment,
+      checksum: file_checksum,
+      uuid: uuid,
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+    db.post({
+      _id: uuid,
+      timestamp: timestamp,
+      dxcallsign: dxcallsign,
+      dxgrid: "null",
+      msg: chatmessage,
+      checksum: file_checksum,
+      type: "transmit",
+      status: "transmit",
+      uuid: uuid,
+      _attachments: {
+        [filename]: {
+          content_type: filetype,
+          //data: btoa(file)
+          data: btoa_FD(file),
+        },
+      },
     })
-    // cleanup after transmission
-    filetype = '';
-    file = '';
-    filename = '';
-});
-ipcRenderer.on('return-selected-files', (event, arg) => {
-    filetype = arg.mime;
-    console.log(filetype)
+      .then(function (response) {
+        // handle response
+        console.log("new database entry");
+        console.log(response);
+      })
+      .catch(function (err) {
+        console.log(err);
+      });
+    update_chat_obj_by_uuid(uuid);
 
-    file = arg.data;
-    filename = arg.filename;
-    document.getElementById('selectFilesButton').innerHTML = `
+    // clear input
+    document.getElementById("chatModuleMessage").value = "";
+
+    // after adding file data to our attachment variable, delete it from global
+    filetype = "";
+    file = "";
+    filename = "";
+  });
+  // cleanup after transmission
+  filetype = "";
+  file = "";
+  filename = "";
+});
+ipcRenderer.on("return-selected-files", (event, arg) => {
+  filetype = arg.mime;
+  console.log(filetype);
+
+  file = arg.data;
+  filename = arg.filename;
+  document.getElementById("selectFilesButton").innerHTML = `
      <span class="position-absolute top-0 start-85 translate-middle p-2 bg-danger border border-light rounded-circle">
         <span class="visually-hidden">New file selected</span>
      </span>   
     `;
 });
-ipcRenderer.on('action-update-transmission-status', (event, arg) => {
-    var data = arg["data"][0]
-    console.log(data.status);
-    db.get(data.uuid, {
-        attachments: true
-    }).then(function(doc) {
-        return db.put({
-            _id: data.uuid,
-            _rev: doc._rev,
-            timestamp: doc.timestamp,
-            dxcallsign: doc.dxcallsign,
-            dxgrid: doc.dxgrid,
-            msg: doc.msg,
-            checksum: doc.checksum,
-            type: "transmit",
-            status: data.status,
-            percent: data.percent,
-            bytesperminute: data.bytesperminute,
-            uuid: doc.uuid,
-            _attachments: doc._attachments
-        });
-    }).then(function(response) {
-            update_chat_obj_by_uuid(data.uuid);
-
-    }).catch(function(err) {
-        console.log(err);
-        console.log(data)
+ipcRenderer.on("action-update-transmission-status", (event, arg) => {
+  var data = arg["data"][0];
+  console.log(data.status);
+  db.get(data.uuid, {
+    attachments: true,
+  })
+    .then(function (doc) {
+      return db.put({
+        _id: data.uuid,
+        _rev: doc._rev,
+        timestamp: doc.timestamp,
+        dxcallsign: doc.dxcallsign,
+        dxgrid: doc.dxgrid,
+        msg: doc.msg,
+        checksum: doc.checksum,
+        type: "transmit",
+        status: data.status,
+        percent: data.percent,
+        bytesperminute: data.bytesperminute,
+        uuid: doc.uuid,
+        _attachments: doc._attachments,
+      });
+    })
+    .then(function (response) {
+      update_chat_obj_by_uuid(data.uuid);
+    })
+    .catch(function (err) {
+      console.log(err);
+      console.log(data);
     });
 });
-ipcRenderer.on('action-new-msg-received', (event, arg) => {
-    console.log(arg.data)
+ipcRenderer.on("action-new-msg-received", (event, arg) => {
+  console.log(arg.data);
 
-    var new_msg = arg.data;
-    new_msg.forEach(function(item) {
-        console.log(item.status)
-        let obj = new Object();
+  var new_msg = arg.data;
+  new_msg.forEach(function (item) {
+    console.log(item.status);
+    let obj = new Object();
 
-        //handle ping
-        if (item.ping == 'received') {
-            obj.timestamp = parseInt(item.timestamp);
-            obj.dxcallsign = item.dxcallsign;
-            obj.dxgrid = item.dxgrid;
-            obj.uuid = item.uuid;
-            obj.command = 'ping';
-            obj.checksum = 'null';
-            obj.msg = 'null';
-            obj.status = item.status;
-            obj.snr = item.snr;
-            obj.type = 'ping';
-            obj.filename = 'null';
-            obj.filetype = 'null';
-            obj.file = 'null';
+    //handle ping
+    if (item.ping == "received") {
+      obj.timestamp = parseInt(item.timestamp);
+      obj.dxcallsign = item.dxcallsign;
+      obj.dxgrid = item.dxgrid;
+      obj.uuid = item.uuid;
+      obj.command = "ping";
+      obj.checksum = "null";
+      obj.msg = "null";
+      obj.status = item.status;
+      obj.snr = item.snr;
+      obj.type = "ping";
+      obj.filename = "null";
+      obj.filetype = "null";
+      obj.file = "null";
 
-            add_obj_to_database(obj)
-            update_chat_obj_by_uuid(obj.uuid);
+      add_obj_to_database(obj);
+      update_chat_obj_by_uuid(obj.uuid);
 
-        // handle beacon
-        } else if (item.beacon == 'received') {
-            obj.timestamp = parseInt(item.timestamp);
-            obj.dxcallsign = item.dxcallsign;
-            obj.dxgrid = item.dxgrid;
-            obj.uuid = item.uuid;
-            obj.command = 'beacon';
-            obj.checksum = 'null';
-            obj.msg = 'null';
-            obj.status = item.status;
-            obj.snr = item.snr;
-            obj.type = 'beacon';
-            obj.filename = 'null';
-            obj.filetype = 'null';
-            obj.file = 'null';
+      // handle beacon
+    } else if (item.beacon == "received") {
+      obj.timestamp = parseInt(item.timestamp);
+      obj.dxcallsign = item.dxcallsign;
+      obj.dxgrid = item.dxgrid;
+      obj.uuid = item.uuid;
+      obj.command = "beacon";
+      obj.checksum = "null";
+      obj.msg = "null";
+      obj.status = item.status;
+      obj.snr = item.snr;
+      obj.type = "beacon";
+      obj.filename = "null";
+      obj.filetype = "null";
+      obj.file = "null";
 
-            add_obj_to_database(obj);
-            update_chat_obj_by_uuid(obj.uuid);
+      add_obj_to_database(obj);
+      update_chat_obj_by_uuid(obj.uuid);
 
+      // 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 = atob_FD(item.data);
+      var splitted_data = encoded_data.split(split_char);
 
-        // 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 = atob_FD(item.data);
-            var splitted_data = encoded_data.split(split_char);
+      console.log(splitted_data);
 
-            console.log(splitted_data)
+      obj.timestamp = parseInt(splitted_data[4]);
+      obj.dxcallsign = item.dxcallsign;
+      obj.dxgrid = item.dxgrid;
+      obj.command = splitted_data[1];
+      obj.checksum = splitted_data[2];
+      // convert message to unicode from utf8 because of emojis
+      //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 = splitted_data[6];
+      obj.filetype = splitted_data[7];
+      //obj.file = btoa(splitted_data[8]);
+      obj.file = btoa_FD(splitted_data[8]);
 
-            obj.timestamp = parseInt(splitted_data[4]);
-            obj.dxcallsign = item.dxcallsign;
-            obj.dxgrid = item.dxgrid;
-            obj.command = splitted_data[1];
-            obj.checksum = splitted_data[2];
-            // convert message to unicode from utf8 because of emojis
-            //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 = splitted_data[6];
-            obj.filetype = splitted_data[7];
-            //obj.file = btoa(splitted_data[8]);
-            obj.file = btoa_FD(splitted_data[8]);
-
-            add_obj_to_database(obj);
-            update_chat_obj_by_uuid(obj.uuid);
-
-        }
-    });
-    //window.location = window.location;
+      add_obj_to_database(obj);
+      update_chat_obj_by_uuid(obj.uuid);
+    }
+  });
+  //window.location = window.location;
 });
 
-
-
-
 // Update chat list
-update_chat = function(obj) {
-    var dxcallsign = obj.dxcallsign;
-    var timestamp = dateFormat.format(obj.timestamp * 1000);
-    var timestampShort = dateFormatShort.format(obj.timestamp * 1000);
-    var timestampHours = dateFormatHours.format(obj.timestamp * 1000);
+update_chat = function (obj) {
+  var dxcallsign = obj.dxcallsign;
+  var timestamp = dateFormat.format(obj.timestamp * 1000);
+  var timestampShort = dateFormatShort.format(obj.timestamp * 1000);
+  var timestampHours = dateFormatHours.format(obj.timestamp * 1000);
 
-    var dxgrid = obj.dxgrid;
-    
-    // define shortmessage
-    if (obj.msg == 'null' || obj.msg == 'NULL'){
-        var shortmsg = obj.type;
-    } else {
-        var shortmsg = obj.msg;
-        var maxlength = 30;
-        var shortmsg = shortmsg.length > maxlength ? shortmsg.substring(0, maxlength - 3) + "..." : shortmsg;
-  
-    }
-    try {
-        //console.log(Object.keys(obj._attachments)[0].length)
-        if (typeof(obj._attachments) !== 'undefined' && Object.keys(obj._attachments)[0].length > 0) {
-            //var filename = obj._attachments;
-            var filename = Object.keys(obj._attachments)[0]
-            var filetype = filename.split('.')[1]
-            var filesize = obj._attachments[filename]["length"] + " Bytes";
-            if (filesize == 'undefined Bytes'){
-                // 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_FD(obj._attachments[filename]["data"]).length) + " Bytes";
-            }
+  var dxgrid = obj.dxgrid;
 
-            // check if image, then display it
-            if(filetype == 'image/png' || filetype =="png"){
-                        var fileheader = `
+  // define shortmessage
+  if (obj.msg == "null" || obj.msg == "NULL") {
+    var shortmsg = obj.type;
+  } else {
+    var shortmsg = obj.msg;
+    var maxlength = 30;
+    var shortmsg =
+      shortmsg.length > maxlength
+        ? shortmsg.substring(0, maxlength - 3) + "..."
+        : shortmsg;
+  }
+  try {
+    //console.log(Object.keys(obj._attachments)[0].length)
+    if (
+      typeof obj._attachments !== "undefined" &&
+      Object.keys(obj._attachments)[0].length > 0
+    ) {
+      //var filename = obj._attachments;
+      var filename = Object.keys(obj._attachments)[0];
+      var filetype = filename.split(".")[1];
+      var filesize = obj._attachments[filename]["length"] + " Bytes";
+      if (filesize == "undefined Bytes") {
+        // 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_FD(obj._attachments[filename]["data"]).length) +
+          " Bytes";
+      }
+
+      // check if image, then display it
+      if (filetype == "image/png" || filetype == "png") {
+        var fileheader = `
         <div class="card-header border-0 bg-transparent text-end p-0 mb-0 hover-overlay">
         <img class="w-100 rounded-2" src="data:image/png;base64,${obj._attachments[filename]["data"]}">
        <p class="text-right mb-0 p-1 text-black" style="text-align: right; font-size : 1rem">
@@ -560,10 +596,8 @@ update_chat = function(obj) {
         </div>
         <hr class="m-0 p-0">
         `;
-
-            }else{
-
-            var fileheader = `
+      } else {
+        var fileheader = `
         <div class="card-header border-0 bg-transparent text-end p-0 mb-0 hover-overlay">
        <p class="text-right mb-0 p-1 text-black" style="text-align: right; font-size : 1rem">
                     <span class="p-1" style="text-align: right; font-size : 0.8rem">${filename}</span>
@@ -573,11 +607,9 @@ update_chat = function(obj) {
         </div>
         <hr class="m-0 p-0">
         `;
-        }
+      }
 
-
-        
-        var controlarea_transmit = `
+      var controlarea_transmit = `
         <div class="ms-auto" id="msg-${obj._id}-control-area">
                 <button class="btn bg-transparent p-1 m-1"><i class="bi bi-arrow-repeat" id="retransmit-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
                 <button class="btn bg-transparent p-1 m-1"><i class="bi bi-download" id="save-file-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
@@ -585,40 +617,39 @@ update_chat = function(obj) {
 
         `;
 
-        var controlarea_receive = `
+      var controlarea_receive = `
         
              <div class="me-auto" id="msg-${obj._id}-control-area">
                 <button class="btn bg-transparent p-1 m-1"><i class="bi bi-download" id="save-file-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
              </div>
 
-        `;        
-        
-        } else {
-            var filename = '';
-            var fileheader = '';
-            var filetype = 'text/plain';
-            var controlarea_transmit = `
+        `;
+    } else {
+      var filename = "";
+      var fileheader = "";
+      var filetype = "text/plain";
+      var controlarea_transmit = `
 <div class="ms-auto" id="msg-${obj._id}-control-area">
                 <button class="btn bg-transparent p-1 m-1"><i class="bi bi-arrow-repeat" id="retransmit-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
              </div>
         `;
-                    var controlarea_receive = '';
-        }
-    } catch (err) {
-        console.log("error with database parsing...")
-        console.log(err)
+      var controlarea_receive = "";
     }
-    // CALLSIGN LIST
-    if (!(document.getElementById('chat-' + dxcallsign + '-list'))) {
-        // increment callsign counter
-        callsign_counter++;
-        if (callsign_counter == 1) {
-            var callsign_selected = 'active show'
-            //document.getElementById('chatModuleDxCall').value = dxcallsign;
-            selected_callsign = dxcallsign;
-        }
- 
-        var new_callsign = `
+  } catch (err) {
+    console.log("error with database parsing...");
+    console.log(err);
+  }
+  // CALLSIGN LIST
+  if (!document.getElementById("chat-" + dxcallsign + "-list")) {
+    // increment callsign counter
+    callsign_counter++;
+    if (callsign_counter == 1) {
+      var callsign_selected = "active show";
+      //document.getElementById('chatModuleDxCall').value = dxcallsign;
+      selected_callsign = dxcallsign;
+    }
+
+    var new_callsign = `
             <a class="list-group-item list-group-item-action rounded-4 rounded-top rounded-bottom border-1 mb-2 ${callsign_selected}" id="chat-${dxcallsign}-list" data-bs-toggle="list" href="#chat-${dxcallsign}" role="tab" aria-controls="chat-${dxcallsign}">
                       
                       <div class="d-flex w-100 justify-content-between">
@@ -635,72 +666,71 @@ update_chat = function(obj) {
                   </a>
 
             `;
-        document.getElementById('list-tab').insertAdjacentHTML("beforeend", new_callsign);
-        var message_area = `
+    document
+      .getElementById("list-tab")
+      .insertAdjacentHTML("beforeend", new_callsign);
+    var message_area = `
             <div class="tab-pane fade ${callsign_selected}" id="chat-${dxcallsign}" role="tabpanel" aria-labelledby="chat-${dxcallsign}-list"></div>  
             `;
-        document.getElementById('nav-tabContent').insertAdjacentHTML("beforeend", message_area);
-        // create eventlistener for listening on clicking on a callsign
-        document.getElementById('chat-' + dxcallsign + '-list').addEventListener('click', function() {
-            //document.getElementById('chatModuleDxCall').value = dxcallsign;
-            selected_callsign = dxcallsign;
+    document
+      .getElementById("nav-tabContent")
+      .insertAdjacentHTML("beforeend", message_area);
+    // create eventlistener for listening on clicking on a callsign
+    document
+      .getElementById("chat-" + dxcallsign + "-list")
+      .addEventListener("click", function () {
+        //document.getElementById('chatModuleDxCall').value = dxcallsign;
+        selected_callsign = dxcallsign;
 
+        setTimeout(scrollMessagesToBottom, 200);
+      });
 
-            setTimeout(scrollMessagesToBottom, 200);
-
-
-
-
-        });
-    
     // if callsign entry already exists - update
-    } else {
-    
-        // gridsquare - update only on receive
-        if (obj.type !== 'transmit'){
-            document.getElementById('chat-' + dxcallsign +'-list-dxgrid').innerHTML = dxgrid;
-        }
-        // time
-        document.getElementById('chat-' + dxcallsign +'-list-time').innerHTML = timestampHours;
-        // short message
-        document.getElementById('chat-' + dxcallsign +'-list-shortmsg').innerHTML = shortmsg;
-
-        
+  } else {
+    // gridsquare - update only on receive
+    if (obj.type !== "transmit") {
+      document.getElementById("chat-" + dxcallsign + "-list-dxgrid").innerHTML =
+        dxgrid;
     }
-    // APPEND MESSAGES TO CALLSIGN
-    
-    if (!(document.getElementById('msg-' + obj._id))) {
-        if (obj.type == 'ping') {
-            var new_message = `
+    // time
+    document.getElementById("chat-" + dxcallsign + "-list-time").innerHTML =
+      timestampHours;
+    // short message
+    document.getElementById("chat-" + dxcallsign + "-list-shortmsg").innerHTML =
+      shortmsg;
+  }
+  // APPEND MESSAGES TO CALLSIGN
+
+  if (!document.getElementById("msg-" + obj._id)) {
+    if (obj.type == "ping") {
+      var new_message = `
                 <div class="m-auto mt-1 p-0 w-50 rounded bg-secondary bg-gradient" id="msg-${obj._id}">         
                     <p class="text-small text-white mb-0 text-break" style="font-size: 0.7rem;"><i class="m-3 bi bi-arrow-left-right"></i>snr: ${obj.snr} - ${timestamp}     </p>
                     
                 </div>
             `;
-        }
-        if (obj.type == 'beacon') {
-            var new_message = `
+    }
+    if (obj.type == "beacon") {
+      var new_message = `
                 <div class="p-0 rounded m-auto mt-1 w-50 bg-info bg-gradient" id="msg-${obj._id}">         
                     <p class="text-small text-white text-break" style="font-size: 0.7rem;"><i class="m-3 bi bi-broadcast"></i>snr: ${obj.snr} - ${timestamp}     </p>
                 </div>
             `;
-        }
-        
-        if (obj.type == 'newchat') {
-            var new_message = `
+    }
+
+    if (obj.type == "newchat") {
+      var new_message = `
                 <div class="p-0 rounded m-auto mt-1 w-50 bg-light bg-gradient" id="msg-${obj._id}">         
                     <p class="text-small text-dark text-break" style="font-size: 0.7rem;"><i class="m-3 bi bi-file-earmark-plus"></i> new chat opened - ${timestamp}     </p>
                 </div>
             `;
-        }
-        
-        
-        // CHECK FOR NEW LINE AND REPLACE WITH <br>
-        var message_html = obj.msg.replaceAll(/\n/g, "<br>");
-        
-        
-        if (obj.type == 'received') {
-            var new_message = `
+    }
+
+    // CHECK FOR NEW LINE AND REPLACE WITH <br>
+    var message_html = obj.msg.replaceAll(/\n/g, "<br>");
+
+    if (obj.type == "received") {
+      var new_message = `
              <div class="d-flex align-items-center" style="margin-left: auto;"> <!-- max-width: 75%;  -->
     
                     <div class="mt-3 rounded-3 mb-0" style="max-width: 75%;" id="msg-${obj._id}">            
@@ -725,25 +755,23 @@ update_chat = function(obj) {
                 
                 </div>
                 `;
-        }
+    }
 
-        if (obj.type == 'transmit') {
-        
-            //console.log('msg-' + obj._id + '-status')
+    if (obj.type == "transmit") {
+      //console.log('msg-' + obj._id + '-status')
 
-            if (obj.status == 'failed'){
-                var progressbar_bg = 'bg-danger';
-            } else {
-                var progressbar_bg = 'bg-primary';
-            }
-           
-            //Sneak in low graphics mode if so enabled for progress bars
-            if (config.high_graphics.toString().toUpperCase() !="TRUE")
-            {
-                progressbar_bg += " disable-effects";
-                //console.log("Low graphics enabled for chat module");
-            }
-            var new_message = `
+      if (obj.status == "failed") {
+        var progressbar_bg = "bg-danger";
+      } else {
+        var progressbar_bg = "bg-primary";
+      }
+
+      //Sneak in low graphics mode if so enabled for progress bars
+      if (config.high_graphics.toString().toUpperCase() != "TRUE") {
+        progressbar_bg += " disable-effects";
+        //console.log("Low graphics enabled for chat module");
+      }
+      var new_message = `
 
             <div class="d-flex align-items-center"> <!-- max-width: 75%;  w-75 -->
             
@@ -752,7 +780,9 @@ update_chat = function(obj) {
             <div class="rounded-3 mt-2 mb-0" style="max-width: 75%;" > <!-- w-100 style="margin-left: auto;"-->
 
                     <!--<p class="font-monospace text-right mb-0 text-muted" style="text-align: right;">${timestamp}</p>-->
-                    <div class="card border-primary  bg-primary" id="msg-${obj._id}">
+                    <div class="card border-primary  bg-primary" id="msg-${
+                      obj._id
+                    }">
                     ${fileheader}
                     
                       <div class="card-body rounded-3 p-0 text-right bg-primary">
@@ -760,18 +790,30 @@ update_chat = function(obj) {
                         <p class="text-right mb-0 p-1 text-white" style="text-align: right; font-size : 0.9rem">
                             <span class="text-light" style="font-size: 0.7rem;">${timestamp} - </span>
                             
-                            <span class="text-white" id="msg-${obj._id}-status" style="font-size:0.8rem;">${get_icon_for_state(obj.status)}</span>
+                            <span class="text-white" id="msg-${
+                              obj._id
+                            }-status" style="font-size:0.8rem;">${get_icon_for_state(
+        obj.status
+      )}</span>
 
-                            <!--<button type="button" id="retransmit-msg-${obj._id}" class="btn btn-sm btn-light p-0" style="height:20px;width:30px"><i class="bi bi-arrow-repeat" style="font-size: 0.9rem; color: black;"></i></button>-->
+                            <!--<button type="button" id="retransmit-msg-${
+                              obj._id
+                            }" class="btn btn-sm btn-light p-0" style="height:20px;width:30px"><i class="bi bi-arrow-repeat" style="font-size: 0.9rem; color: black;"></i></button>-->
                             
                         </p>
                         
                        <div class="progress p-0 m-0 rounded-0 rounded-bottom bg-secondary" style="height: 10px;">
-                            <div class="progress-bar progress-bar-striped ${progressbar_bg} p-0 m-0 rounded-0 force-gpu" id="msg-${obj._id}-progress" role="progressbar" style="width: ${obj.percent}%;" aria-valuenow="${obj.percent}" aria-valuemin="0" aria-valuemax="100">
+                            <div class="progress-bar progress-bar-striped ${progressbar_bg} p-0 m-0 rounded-0 force-gpu" id="msg-${
+        obj._id
+      }-progress" role="progressbar" style="width: ${
+        obj.percent
+      }%;" aria-valuenow="${obj.percent}" aria-valuemin="0" aria-valuemax="100">
 							 </div>
 							 
 
-							<p class="justify-content-center d-flex position-absolute m-0 p-0 w-100 text-white" style="font-size: xx-small" id="msg-${obj._id}-progress-information">
+							<p class="justify-content-center d-flex position-absolute m-0 p-0 w-100 text-white" style="font-size: xx-small" id="msg-${
+                obj._id
+              }-progress-information">
 							    ${obj.percent} % - ${obj.bytesperminute} Bpm
 							    
 							</p>
@@ -788,108 +830,153 @@ update_chat = function(obj) {
                 </div>
 
                 `;
-        }
-        // CHECK CHECK CHECK --> This could be done better
-        var id = "chat-" + obj.dxcallsign
-        document.getElementById(id).insertAdjacentHTML("beforeend", new_message);
+    }
+    // CHECK CHECK CHECK --> This could be done better
+    var id = "chat-" + obj.dxcallsign;
+    document.getElementById(id).insertAdjacentHTML("beforeend", new_message);
 
     /* UPDATE EXISTING ELEMENTS */
-    } else if (document.getElementById('msg-' + obj._id)) {
-        console.log("element already exists......")
-        console.log(obj)
+  } else if (document.getElementById("msg-" + obj._id)) {
+    console.log("element already exists......");
+    console.log(obj);
 
-        console.log(document.getElementById('msg-' + obj._id + '-progress').getAttribute("aria-valuenow"))
-        
-        document.getElementById('msg-' + obj._id + '-status').innerHTML = get_icon_for_state(obj.status);
-        
-        document.getElementById('msg-' + obj._id + '-progress').setAttribute("aria-valuenow", obj.percent);
-        document.getElementById('msg-' + obj._id + '-progress').setAttribute("style", "width:" + obj.percent + "%;");
-        document.getElementById('msg-' + obj._id + '-progress-information').innerHTML = obj.percent + "% - " + obj.bytesperminute + " Bpm";
+    console.log(
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .getAttribute("aria-valuenow")
+    );
 
-        if (obj.percent >= 100){
-            //document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-striped");
-            document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-animated");
-            document.getElementById('msg-' + obj._id + '-progress').classList.remove("bg-danger");
-            document.getElementById('msg-' + obj._id + '-progress').classList.add("bg-primary");
+    document.getElementById("msg-" + obj._id + "-status").innerHTML =
+      get_icon_for_state(obj.status);
 
-            document.getElementById('msg-' + obj._id + '-progress').innerHTML = '';
-        } else {       
-            document.getElementById('msg-' + obj._id + '-progress').classList.add("progress-bar-striped");
-            document.getElementById('msg-' + obj._id + '-progress').classList.add("progress-bar-animated");
-        }
+    document
+      .getElementById("msg-" + obj._id + "-progress")
+      .setAttribute("aria-valuenow", obj.percent);
+    document
+      .getElementById("msg-" + obj._id + "-progress")
+      .setAttribute("style", "width:" + obj.percent + "%;");
+    document.getElementById(
+      "msg-" + obj._id + "-progress-information"
+    ).innerHTML = obj.percent + "% - " + obj.bytesperminute + " Bpm";
 
-        if (obj.status == 'failed'){
-            //document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-striped");
-            document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-animated");
-            document.getElementById('msg-' + obj._id + '-progress').classList.remove("bg-primary");
-            document.getElementById('msg-' + obj._id + '-progress').classList.add("bg-danger");
-        }
-        
-        
-        
-        //document.getElementById(id).className = message_class;
+    if (obj.percent >= 100) {
+      //document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-striped");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.remove("progress-bar-animated");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.remove("bg-danger");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.add("bg-primary");
+
+      document.getElementById("msg-" + obj._id + "-progress").innerHTML = "";
+    } else {
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.add("progress-bar-striped");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.add("progress-bar-animated");
     }
-    
-    
-    
-    
-    // CREATE SAVE TO FOLDER EVENT LISTENER
-    if (document.getElementById('save-file-msg-' + obj._id) && !document.getElementById('save-file-msg-' + obj._id).hasAttribute('listenerOnClick')) {
-    
-        // set Attribute to determine if we already created an EventListener for this element
-        document.getElementById('save-file-msg-' + obj._id).setAttribute('listenerOnClick', 'true');
-        
-        document.getElementById('save-file-msg-' + obj._id).addEventListener("click", () => {
-            saveFileToFolder(obj._id)
-        });
-        
-        
+
+    if (obj.status == "failed") {
+      //document.getElementById('msg-' + obj._id + '-progress').classList.remove("progress-bar-striped");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.remove("progress-bar-animated");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.remove("bg-primary");
+      document
+        .getElementById("msg-" + obj._id + "-progress")
+        .classList.add("bg-danger");
     }
-    // CREATE RESEND MSG EVENT LISTENER
-    
-    // check if element exists and if we already created NOT created an event listener
-    if (document.getElementById('retransmit-msg-' + obj._id) && !document.getElementById('retransmit-msg-' + obj._id).hasAttribute('listenerOnClick')) {
 
-        // set Attribute to determine if we already created an EventListener for this element
-        document.getElementById('retransmit-msg-' + obj._id).setAttribute('listenerOnClick', 'true');
-        document.getElementById('retransmit-msg-' + obj._id).addEventListener("click", () => {
+    //document.getElementById(id).className = message_class;
+  }
 
-            db.get(obj._id, {
-                attachments: true
-            }).then(function(doc) {
-                // handle doc
-                console.log(doc)
+  // CREATE SAVE TO FOLDER EVENT LISTENER
+  if (
+    document.getElementById("save-file-msg-" + obj._id) &&
+    !document
+      .getElementById("save-file-msg-" + obj._id)
+      .hasAttribute("listenerOnClick")
+  ) {
+    // set Attribute to determine if we already created an EventListener for this element
+    document
+      .getElementById("save-file-msg-" + obj._id)
+      .setAttribute("listenerOnClick", "true");
 
-                var filename = Object.keys(obj._attachments)[0]
-                var filetype = filename.content_type
+    document
+      .getElementById("save-file-msg-" + obj._id)
+      .addEventListener("click", () => {
+        saveFileToFolder(obj._id);
+      });
+  }
+  // CREATE RESEND MSG EVENT LISTENER
 
-                console.log(filename)
-                console.log(filetype)
-                var file = obj._attachments[filename].data
-                console.log(file)
-                console.log(Object.keys(obj._attachments)[0].data)
-                
-                //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 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;
-                    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);
-                });
-                /*
+  // check if element exists and if we already created NOT created an event listener
+  if (
+    document.getElementById("retransmit-msg-" + obj._id) &&
+    !document
+      .getElementById("retransmit-msg-" + obj._id)
+      .hasAttribute("listenerOnClick")
+  ) {
+    // set Attribute to determine if we already created an EventListener for this element
+    document
+      .getElementById("retransmit-msg-" + obj._id)
+      .setAttribute("listenerOnClick", "true");
+    document
+      .getElementById("retransmit-msg-" + obj._id)
+      .addEventListener("click", () => {
+        db.get(obj._id, {
+          attachments: true,
+        })
+          .then(function (doc) {
+            // handle doc
+            console.log(doc);
+
+            var filename = Object.keys(obj._attachments)[0];
+            var filetype = filename.content_type;
+
+            console.log(filename);
+            console.log(filetype);
+            var file = obj._attachments[filename].data;
+            console.log(file);
+            console.log(Object.keys(obj._attachments)[0].data);
+
+            //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 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;
+              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)
@@ -919,124 +1006,123 @@ update_chat = function(obj) {
                     });
                 });
                 */
-            }).catch(function(err) {
-                console.log(err);
-            });
-        });
-
-    }
-    //window.location = window.location
-
-    // scroll to bottom on new message
-    scrollMessagesToBottom();
-
-}
-
+          })
+          .catch(function (err) {
+            console.log(err);
+          });
+      });
+  }
+  //window.location = window.location
 
+  // scroll to bottom on new message
+  scrollMessagesToBottom();
+};
 
 function saveFileToFolder(id) {
-    db.get(id, {
-        attachments: true
-    }).then(function(obj) {
-        console.log(obj)
-        console.log(Object.keys(obj._attachments)[0].content_type)
-        var filename = Object.keys(obj._attachments)[0]
-        var filetype = filename.content_type
-        var file = filename.data
-        console.log(file)
-        console.log(filename.data)
-        db.getAttachment(id, filename).then(function(data) {
-            // handle result
-            console.log(data.length)
-            //data = new Blob([data.buffer], { type: 'image/png' } /* (1) */) 
-            console.log(data)
-            // we need to encode data because of error "an object could not be cloned"
-            let Data = {
-                file: data,
-                filename: filename,
-                filetype: filetype,
-            }
-            console.log(Data)
-            ipcRenderer.send('save-file-to-folder', Data);
-        }).catch(function(err) {
-            console.log(err);
-            return false
+  db.get(id, {
+    attachments: true,
+  })
+    .then(function (obj) {
+      console.log(obj);
+      console.log(Object.keys(obj._attachments)[0].content_type);
+      var filename = Object.keys(obj._attachments)[0];
+      var filetype = filename.content_type;
+      var file = filename.data;
+      console.log(file);
+      console.log(filename.data);
+      db.getAttachment(id, filename)
+        .then(function (data) {
+          // handle result
+          console.log(data.length);
+          //data = new Blob([data.buffer], { type: 'image/png' } /* (1) */)
+          console.log(data);
+          // we need to encode data because of error "an object could not be cloned"
+          let Data = {
+            file: data,
+            filename: filename,
+            filetype: filetype,
+          };
+          console.log(Data);
+          ipcRenderer.send("save-file-to-folder", Data);
+        })
+        .catch(function (err) {
+          console.log(err);
+          return false;
         });
-    }).catch(function(err) {
-        console.log(err);
+    })
+    .catch(function (err) {
+      console.log(err);
     });
 }
 
-
 // function for setting an ICON to the corresponding state
 function get_icon_for_state(state) {
-    if (state == 'transmit') {
-        var status_icon = '<i class="bi bi-check" style="font-size:1rem;"></i>';
-    } else if (state == 'transmitting') {
-        //var status_icon = '<i class="bi bi-arrow-left-right" style="font-size:0.8rem;"></i>';
-        var status_icon = `
+  if (state == "transmit") {
+    var status_icon = '<i class="bi bi-check" style="font-size:1rem;"></i>';
+  } else if (state == "transmitting") {
+    //var status_icon = '<i class="bi bi-arrow-left-right" style="font-size:0.8rem;"></i>';
+    var status_icon = `
             <i class="spinner-border ms-auto" style="width: 0.8rem; height: 0.8rem;" role="status" aria-hidden="true"></i>
         `;
-    } else if (state == 'failed') {
-        var status_icon = '<i class="bi bi-exclamation-circle" style="font-size:1rem;"></i>';
-    } else if (state == 'transmitted') {
-        var status_icon = '<i class="bi bi-check-all" style="font-size:1rem;"></i>';
-    } else {
-        var status_icon = '<i class="bi bi-question" style="font-size:1rem;"></i>';
-    }
-    return status_icon;
+  } else if (state == "failed") {
+    var status_icon =
+      '<i class="bi bi-exclamation-circle" style="font-size:1rem;"></i>';
+  } else if (state == "transmitted") {
+    var status_icon = '<i class="bi bi-check-all" style="font-size:1rem;"></i>';
+  } else {
+    var status_icon = '<i class="bi bi-question" style="font-size:1rem;"></i>';
+  }
+  return status_icon;
 }
 
-
-
-update_chat_obj_by_uuid = function(uuid) {
-    db.get(uuid, {
-        attachments: true
-    }).then(function(doc) {
-        update_chat(doc)
-        //return doc
-    }).catch(function(err) {
-        console.log(err);
+update_chat_obj_by_uuid = function (uuid) {
+  db.get(uuid, {
+    attachments: true,
+  })
+    .then(function (doc) {
+      update_chat(doc);
+      //return doc
+    })
+    .catch(function (err) {
+      console.log(err);
     });
-}
+};
 
-
-add_obj_to_database = function(obj){
-    db.put({
-        _id: obj.uuid,
-        timestamp: parseInt(obj.timestamp),
-        uuid: obj.uuid,
-        dxcallsign: obj.dxcallsign,
-        dxgrid: obj.dxgrid,
-        msg: obj.msg,
-        checksum: obj.checksum,
-        type: obj.type,
-        command: obj.command,
-        status: obj.status,
-        snr: obj.snr,
-        _attachments: {
-            [obj.filename]: {
-                content_type: obj.filetype,
-                data: obj.file
-            }
-        }
-    }).then(function(response) {
-        console.log("new database entry");
-        console.log(response);
-    }).catch(function(err) {
-        console.log(err);
+add_obj_to_database = function (obj) {
+  db.put({
+    _id: obj.uuid,
+    timestamp: parseInt(obj.timestamp),
+    uuid: obj.uuid,
+    dxcallsign: obj.dxcallsign,
+    dxgrid: obj.dxgrid,
+    msg: obj.msg,
+    checksum: obj.checksum,
+    type: obj.type,
+    command: obj.command,
+    status: obj.status,
+    snr: obj.snr,
+    _attachments: {
+      [obj.filename]: {
+        content_type: obj.filetype,
+        data: obj.file,
+      },
+    },
+  })
+    .then(function (response) {
+      console.log("new database entry");
+      console.log(response);
+    })
+    .catch(function (err) {
+      console.log(err);
     });
-}
-
+};
 
 // Scroll to bottom of message-container
 function scrollMessagesToBottom() {
-    var messageBody = document.getElementById('message-container');
-    messageBody.scrollTop = messageBody.scrollHeight - messageBody.clientHeight;
+  var messageBody = document.getElementById("message-container");
+  messageBody.scrollTop = messageBody.scrollHeight - messageBody.clientHeight;
 }
 
-
-
 // CRC CHECKSUMS
 // https://stackoverflow.com/a/50579690
 // crc32 calculation
@@ -1044,44 +1130,42 @@ function scrollMessagesToBottom() {
 //var crc32=function(r){for(var a,o=[],c=0;c<256;c++){a=c;for(var f=0;f<8;f++)a=1&a?3988292384^a>>>1:a>>>1;o[c]=a}for(var n=-1,t=0;t<r.length;t++)n=n>>>8^o[255&(n^r.charCodeAt(t))];return(-1^n)>>>0};
 //console.log(crc32('abc').toString(16).toUpperCase()); // hex
 
-var makeCRCTable = function(){
-    var c;
-    var crcTable = [];
-    for(var n =0; n < 256; n++){
-        c = n;
-        for(var k =0; k < 8; k++){
-            c = ((c&1) ? (0xEDB88320 ^ (c >>> 1)) : (c >>> 1));
-        }
-        crcTable[n] = c;
+var makeCRCTable = function () {
+  var c;
+  var crcTable = [];
+  for (var n = 0; n < 256; n++) {
+    c = n;
+    for (var k = 0; k < 8; k++) {
+      c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
     }
-    return crcTable;
-}
+    crcTable[n] = c;
+  }
+  return crcTable;
+};
 
-var crc32 = function(str) {
-    var crcTable = window.crcTable || (window.crcTable = makeCRCTable());
-    var crc = 0 ^ (-1);
+var crc32 = function (str) {
+  var crcTable = window.crcTable || (window.crcTable = makeCRCTable());
+  var crc = 0 ^ -1;
 
-    for (var i = 0; i < str.length; i++ ) {
-        crc = (crc >>> 8) ^ crcTable[(crc ^ str.charCodeAt(i)) & 0xFF];
-    }
+  for (var i = 0; i < str.length; i++) {
+    crc = (crc >>> 8) ^ crcTable[(crc ^ str.charCodeAt(i)) & 0xff];
+  }
 
-    return (crc ^ (-1)) >>> 0;
+  return (crc ^ -1) >>> 0;
 };
 /**
  * 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');
+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
+function atob_FD(data) {
+  return Buffer.from(data, "base64").toString("utf-8");
+}
diff --git a/gui/preload-log.js b/gui/preload-log.js
index 27653f0b..c03ed70a 100644
--- a/gui/preload-log.js
+++ b/gui/preload-log.js
@@ -1,192 +1,186 @@
-const path = require('path');
-const {ipcRenderer} = require('electron');
+const path = require("path");
+const { ipcRenderer } = require("electron");
 
 // https://stackoverflow.com/a/26227660
-var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config")
+var appDataFolder =
+  process.env.APPDATA ||
+  (process.platform == "darwin"
+    ? process.env.HOME + "/Library/Application Support"
+    : process.env.HOME + "/.config");
 var configFolder = path.join(appDataFolder, "FreeDATA");
-var configPath = path.join(configFolder, 'config.json')
+var configPath = path.join(configFolder, "config.json");
 const config = require(configPath);
 
-
 // WINDOW LISTENER
-window.addEventListener('DOMContentLoaded', () => {
-    document.getElementById('enable_filter_info').addEventListener('click', () => {
-        if (document.getElementById('enable_filter_info').checked){
-            display_class("table-info", true)
-        } else {
-            display_class("table-info", false)
-        }
-    })
+window.addEventListener("DOMContentLoaded", () => {
+  document
+    .getElementById("enable_filter_info")
+    .addEventListener("click", () => {
+      if (document.getElementById("enable_filter_info").checked) {
+        display_class("table-info", true);
+      } else {
+        display_class("table-info", false);
+      }
+    });
 
-    document.getElementById('enable_filter_debug').addEventListener('click', () => {
-        if (document.getElementById('enable_filter_debug').checked){
-            display_class("table-debug", true)
-        } else {
-            display_class("table-debug", false)
-        }
-    })
+  document
+    .getElementById("enable_filter_debug")
+    .addEventListener("click", () => {
+      if (document.getElementById("enable_filter_debug").checked) {
+        display_class("table-debug", true);
+      } else {
+        display_class("table-debug", false);
+      }
+    });
 
-    document.getElementById('enable_filter_warning').addEventListener('click', () => {
-        if (document.getElementById('enable_filter_warning').checked){
-            display_class("table-warning", true)
-        } else {
-            display_class("table-warning", false)
-        }
-    })
+  document
+    .getElementById("enable_filter_warning")
+    .addEventListener("click", () => {
+      if (document.getElementById("enable_filter_warning").checked) {
+        display_class("table-warning", true);
+      } else {
+        display_class("table-warning", false);
+      }
+    });
 
-    document.getElementById('enable_filter_error').addEventListener('click', () => {
-        if (document.getElementById('enable_filter_error').checked){
-            display_class("table-danger", true)
-        } else {
-            display_class("table-danger", false)
-        }
-    })
-})
-
-
-function display_class(class_name, state){
-    var collection = document.getElementsByClassName(class_name);
-    console.log(collection)
-    for (let i = 0; i < collection.length; i++) {
-        if (state == true){
-            collection[i].style.display = "table-row";
-        } else {
-            collection[i].style.display = "None";
-        }
+  document
+    .getElementById("enable_filter_error")
+    .addEventListener("click", () => {
+      if (document.getElementById("enable_filter_error").checked) {
+        display_class("table-danger", true);
+      } else {
+        display_class("table-danger", false);
+      }
+    });
+});
 
+function display_class(class_name, state) {
+  var collection = document.getElementsByClassName(class_name);
+  console.log(collection);
+  for (let i = 0; i < collection.length; i++) {
+    if (state == true) {
+      collection[i].style.display = "table-row";
+    } else {
+      collection[i].style.display = "None";
     }
+  }
 }
 
-ipcRenderer.on('action-update-log', (event, arg) => {
+ipcRenderer.on("action-update-log", (event, arg) => {
+  var entry = arg.entry;
 
-    var entry = arg.entry
-   
-   // remove ANSI characters from string, caused by color logging  
-   // https://stackoverflow.com/a/29497680
-   entry = entry.replace(/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g,'')
+  // remove ANSI characters from string, caused by color logging
+  // https://stackoverflow.com/a/29497680
+  entry = entry.replace(
+    /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g,
+    ""
+  );
 
+  var tbl = document.getElementById("log");
+  var row = document.createElement("tr");
 
-    var tbl = document.getElementById("log");
-    var row = document.createElement("tr");
+  var timestamp = document.createElement("td");
+  var timestampText = document.createElement("span");
 
-    var timestamp = document.createElement("td");
-    var timestampText = document.createElement('span');
+  //datetime = new Date();
+  //timestampText.innerText = datetime.toISOString();
+  timestampText.innerText = entry.slice(0, 19);
+  timestamp.appendChild(timestampText);
 
-    //datetime = new Date();
-    //timestampText.innerText = datetime.toISOString();
-    timestampText.innerText = entry.slice(0, 19);
-    timestamp.appendChild(timestampText);
+  var type = document.createElement("td");
+  var typeText = document.createElement("span");
+  // typeText.innerText = entry.slice(10, 30).match(/[\[](.*)[^\]]/g);
+  console.log(entry.match(/\[[^\]]+\]/g));
 
-    var type = document.createElement("td");
-    var typeText = document.createElement('span');
-    // typeText.innerText = entry.slice(10, 30).match(/[\[](.*)[^\]]/g);
-    console.log(entry.match(/\[[^\]]+\]/g))
+  try {
+    typeText.innerText = entry.match(/\[[^\]]+\]/g)[0];
+  } catch (e) {
+    typeText.innerText = "-";
+  }
 
-    try{
-        typeText.innerText = entry.match(/\[[^\]]+\]/g)[0];
-    } catch(e){
-        typeText.innerText = '-'
-    }
+  //    let res = str.match(/[\[](.*)[^\]]/g);
 
+  type.appendChild(typeText);
 
-//    let res = str.match(/[\[](.*)[^\]]/g);
+  var area = document.createElement("td");
+  var areaText = document.createElement("span");
+  //areaText.innerText = entry.slice(10, 50).match(/[\] \[](.*)[^\]]/g);
+  //areaText.innerText = entry.match(/\[[^\]]+\]/g)[1];
 
-    type.appendChild(typeText);
+  try {
+    areaText.innerText = entry.match(/\[[^\]]+\]/g)[1];
+  } catch (e) {
+    areaText.innerText = "-";
+  }
+  area.appendChild(areaText);
 
-    var area = document.createElement("td");
-    var areaText = document.createElement('span');
-    //areaText.innerText = entry.slice(10, 50).match(/[\] \[](.*)[^\]]/g);
-    //areaText.innerText = entry.match(/\[[^\]]+\]/g)[1];
+  var logEntry = document.createElement("td");
+  var logEntryText = document.createElement("span");
+  try {
+    logEntryText.innerText = entry.split("]")[2];
+  } catch (e) {
+    logEntryText.innerText = "-";
+  }
+  logEntry.appendChild(logEntryText);
 
-    try{
-        areaText.innerText = entry.match(/\[[^\]]+\]/g)[1];
-    } catch(e){
-        areaText.innerText = '-'
-    }
-    area.appendChild(areaText);
-    
-    var logEntry = document.createElement("td");
-    var logEntryText = document.createElement('span');
-    try{logEntryText.innerText = entry.split("]")[2];
-    } catch(e){
-        logEntryText.innerText = "-";
-    }
-    logEntry.appendChild(logEntryText);
+  row.appendChild(timestamp);
+  row.appendChild(type);
+  row.appendChild(area);
+  row.appendChild(logEntry);
 
-    row.appendChild(timestamp);
-    row.appendChild(type);
-    row.appendChild(area);
-    row.appendChild(logEntry);
-
-    //row.classList.add("table-blablubb");
-/*
+  //row.classList.add("table-blablubb");
+  /*
     if (logEntryText.innerText.includes('ALSA lib pcm')) {
         row.classList.add("table-secondary");
     }
   */
-    if (typeText.innerText.includes('info')) {
-        row.classList.add("table-info");
-    }
-    if (typeText.innerText.includes('debug')) {
-        row.classList.add("table-secondary");
-    }
+  if (typeText.innerText.includes("info")) {
+    row.classList.add("table-info");
+  }
+  if (typeText.innerText.includes("debug")) {
+    row.classList.add("table-secondary");
+  }
 
-    if (typeText.innerText.includes('warning')) {
-        row.classList.add("table-warning");
-    }  
-    
-    if (typeText.innerText.includes('error')) {
-        row.classList.add("table-danger");
-    }
+  if (typeText.innerText.includes("warning")) {
+    row.classList.add("table-warning");
+  }
 
+  if (typeText.innerText.includes("error")) {
+    row.classList.add("table-danger");
+  }
 
-    if (document.getElementById('enable_filter_info').checked) {
-        row.style.display = "table-row"
-        display_class("table-info", true)
-    } else {
-        row.style.display = "None"
-        display_class("table-info", false)
+  if (document.getElementById("enable_filter_info").checked) {
+    row.style.display = "table-row";
+    display_class("table-info", true);
+  } else {
+    row.style.display = "None";
+    display_class("table-info", false);
+  }
+  if (document.getElementById("enable_filter_debug").checked) {
+    row.style.display = "table-row";
+    display_class("table-secondary", true);
+  } else {
+    row.style.display = "None";
+    display_class("table-secondary", false);
+  }
+  if (document.getElementById("enable_filter_warning").checked) {
+    row.style.display = "table-row";
+    display_class("table-warning", true);
+  } else {
+    row.style.display = "None";
+    display_class("table-warning", false);
+  }
+  if (document.getElementById("enable_filter_error").checked) {
+    row.style.display = "table-row";
+    display_class("table-danger", true);
+  } else {
+    row.style.display = "None";
+    display_class("table-danger", false);
+  }
 
-    }
-    if (document.getElementById('enable_filter_debug').checked) {
-        row.style.display = "table-row"
-        display_class("table-secondary", true)
-    } else {
-        row.style.display = "None"
-        display_class("table-secondary", false)
+  tbl.appendChild(row);
 
-    }
-    if (document.getElementById('enable_filter_warning').checked) {
-        row.style.display = "table-row"
-        display_class("table-warning", true)
-    } else {
-        row.style.display = "None"
-        display_class("table-warning", false)
-
-    }
-    if (document.getElementById('enable_filter_error').checked) {
-        row.style.display = "table-row"
-        display_class("table-danger", true)
-    } else {
-        row.style.display = "None"
-        display_class("table-danger", false)
-
-    }
-
-
-
-
-
-
-    tbl.appendChild(row);
-
-
-
-
-    
-    // scroll to bottom of page
-    // https://stackoverflow.com/a/11715670
-    window.scrollTo(0,document.body.scrollHeight);
-    
-
-})
+  // scroll to bottom of page
+  // https://stackoverflow.com/a/11715670
+  window.scrollTo(0, document.body.scrollHeight);
+});
diff --git a/gui/preload-main.js b/gui/preload-main.js
index f1b2752d..63e36ee5 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1,37 +1,50 @@
-const path = require('path');
-const {ipcRenderer, shell} = require('electron');
-const exec = require('child_process').spawn;
-const sock = require('./sock.js');
-const daemon = require('./daemon.js');
-const fs = require('fs');
+const path = require("path");
+const { ipcRenderer, shell } = require("electron");
+const exec = require("child_process").spawn;
+const sock = require("./sock.js");
+const daemon = require("./daemon.js");
+const fs = require("fs");
 const {
-    locatorToLatLng,
-    distance,
-    bearingDistance,
-    latLngToLocator
-} = require('qth-locator');
+  locatorToLatLng,
+  distance,
+  bearingDistance,
+  latLngToLocator,
+} = require("qth-locator");
 
-const {
-    v4: uuidv4
-} = require('uuid');
+const { v4: uuidv4 } = require("uuid");
 
-const os = require('os');
+const os = require("os");
 
 // split character used for appending additional data to files
-const split_char = '\0;';
-
+const split_char = "\0;";
 
 // https://stackoverflow.com/a/26227660
-var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config");
+var appDataFolder =
+  process.env.APPDATA ||
+  (process.platform == "darwin"
+    ? process.env.HOME + "/Library/Application Support"
+    : process.env.HOME + "/.config");
 var configFolder = path.join(appDataFolder, "FreeDATA");
-var configPath = path.join(configFolder, 'config.json');
+var configPath = path.join(configFolder, "config.json");
 const config = require(configPath);
-const contrib = ["DK5SM","DL4IAZ","DB1UJ","EI3HIB","VK5DGR","EI7IG","N2KIQ","KT4WO","DF7MH","G0HWW","N1QM"]
+const contrib = [
+  "DK5SM",
+  "DL4IAZ",
+  "DB1UJ",
+  "EI3HIB",
+  "VK5DGR",
+  "EI7IG",
+  "N2KIQ",
+  "KT4WO",
+  "DF7MH",
+  "G0HWW",
+  "N1QM",
+];
 
 // SET dbfs LEVEL GLOBAL
 // this is an attempt of reducing CPU LOAD
 // we are going to check if we have unequal values before we start calculating again
-var dbfs_level_raw = 0
+var dbfs_level_raw = 0;
 
 //Global version variable
 var appVer = null;
@@ -39,116 +52,115 @@ var appVer = null;
 // START INTERVALL COMMAND EXECUTION FOR STATES
 //setInterval(sock.getRxBuffer, 1000);
 
-
 // WINDOW LISTENER
-window.addEventListener('DOMContentLoaded', () => {
+window.addEventListener("DOMContentLoaded", () => {
+  // save frequency event listener
+  document.getElementById("saveFrequency").addEventListener("click", () => {
+    var freq = document.getElementById("newFrequency").value;
+    console.log(freq);
+    let Data = {
+      type: "set",
+      command: "frequency",
+      frequency: freq,
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
 
-    // save frequency event listener
-    document.getElementById("saveFrequency").addEventListener("click", () => {
-            var freq = document.getElementById("newFrequency").value;
-            console.log(freq)
-            let Data = {
-                type: "set",
-                command: "frequency",
-                frequency: freq,
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-
-    });
-
-    // enter button for input field
-    document.getElementById("newFrequency").addEventListener("keypress", function(event) {
+  // enter button for input field
+  document
+    .getElementById("newFrequency")
+    .addEventListener("keypress", function (event) {
       if (event.key === "Enter") {
         event.preventDefault();
         document.getElementById("saveFrequency").click();
       }
     });
 
-    // save mode event listener
-    document.getElementById("saveModePKTUSB").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "mode",
-                mode: "PKTUSB",
-            };
-            ipcRenderer.send('run-tnc-command', Data);
+  // save mode event listener
+  document.getElementById("saveModePKTUSB").addEventListener("click", () => {
+    let Data = {
+      type: "set",
+      command: "mode",
+      mode: "PKTUSB",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+
+  // save mode event listener
+  document.getElementById("saveModeUSB").addEventListener("click", () => {
+    let Data = {
+      type: "set",
+      command: "mode",
+      mode: "USB",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+
+  // save mode event listener
+  document.getElementById("saveModeLSB").addEventListener("click", () => {
+    let Data = {
+      type: "set",
+      command: "mode",
+      mode: "LSB",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+
+  // save mode event listener
+  document.getElementById("saveModeAM").addEventListener("click", () => {
+    let Data = {
+      type: "set",
+      command: "mode",
+      mode: "AM",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+
+  // save mode event listener
+  document.getElementById("saveModeFM").addEventListener("click", () => {
+    let Data = {
+      type: "set",
+      command: "mode",
+      mode: "FM",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+
+  // start stop audio recording event listener
+  document
+    .getElementById("startStopRecording")
+    .addEventListener("click", () => {
+      let Data = {
+        type: "set",
+        command: "record_audio",
+      };
+      ipcRenderer.send("run-tnc-command", Data);
     });
 
-    // save mode event listener
-    document.getElementById("saveModeUSB").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "mode",
-                mode: "USB",
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-    });
+  document
+    .getElementById("received_files_folder")
+    .addEventListener("click", () => {
+      ipcRenderer.send("get-folder-path", {
+        title: "Title",
+      });
 
-    // save mode event listener
-    document.getElementById("saveModeLSB").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "mode",
-                mode: "LSB",
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-    });
-
-    // save mode event listener
-    document.getElementById("saveModeAM").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "mode",
-                mode: "AM",
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-    });
-
-    // save mode event listener
-    document.getElementById("saveModeFM").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "mode",
-                mode: "FM",
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-    });
-
-    // start stop audio recording event listener
-    document.getElementById("startStopRecording").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "record_audio",
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-
-    });
-
-
-document.getElementById('received_files_folder').addEventListener('click', () => {
-
-    ipcRenderer.send('get-folder-path',{
-        title: 'Title',
-    });
-    
-    ipcRenderer.on('return-folder-paths',(event,data)=>{
-        document.getElementById("received_files_folder").value = data.path.filePaths[0]
-        config.received_files_folder = data.path.filePaths[0]
+      ipcRenderer.on("return-folder-paths", (event, data) => {
+        document.getElementById("received_files_folder").value =
+          data.path.filePaths[0];
+        config.received_files_folder = data.path.filePaths[0];
         fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      });
     });
-})
 
-document.getElementById('openReceivedFilesFolder').addEventListener('click', () => {
-
-    ipcRenderer.send('open-folder',{
+  document
+    .getElementById("openReceivedFilesFolder")
+    .addEventListener("click", () => {
+      ipcRenderer.send("open-folder", {
         path: config.received_files_folder,
+      });
     });
-})
 
-
-
-
-/*
+  /*
     // ENABLE BOOTSTRAP POPOVERS EVERYWHERE
     // https://getbootstrap.com/docs/5.0/components/popovers/#example-enable-popovers-everywhere
     var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
@@ -157,594 +169,718 @@ document.getElementById('openReceivedFilesFolder').addEventListener('click', ()
     })
 */
 
-
-    // ENABLE TOOLTIPS EVERYWHERE
-    // https://getbootstrap.com/docs/5.1/components/tooltips/
-    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
-    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-      return new bootstrap.Tooltip(tooltipTriggerEl);
-    })
-
-
-    // LOAD SETTINGS
-    document.getElementById("tnc_adress").value = config.tnc_host;
-    document.getElementById("tnc_port").value = config.tnc_port;
-    
-    callsign_and_ssid = config.mycall.split("-");
-    callsign = callsign_and_ssid[0];
-    ssid = callsign_and_ssid[1];
-    
-    document.getElementById("myCall").value = callsign;
-    //document.title = document.title + ' - Call: ' + config.mycall;
-    updateTitle();
-    
-    document.getElementById("myCallSSID").value = ssid;
-    document.getElementById("myGrid").value = config.mygrid;
-
-    // hamlib settings
-    document.getElementById('hamlib_deviceid').value = config.hamlib_deviceid;
-
-    set_setting_switch("enable_hamlib_deviceport", "hamlib_deviceport", config.enable_hamlib_deviceport)
-    set_setting_switch("enable_hamlib_ptt_port", "hamlib_ptt_port", config.enable_hamlib_ptt_port)
-
-    document.getElementById('hamlib_serialspeed').value = config.hamlib_serialspeed;
-    set_setting_switch("enable_hamlib_serialspeed", "hamlib_serialspeed", config.enable_hamlib_serialspeed)
-
-    document.getElementById('hamlib_pttprotocol').value = config.hamlib_pttprotocol;
-    set_setting_switch("enable_hamlib_pttprotocol", "hamlib_pttprotocol", config.enable_hamlib_pttprotocol)
-
-    document.getElementById('hamlib_databits').value = config.hamlib_data_bits;
-    set_setting_switch("enable_hamlib_databits", "hamlib_databits", config.enable_hamlib_databits)
-
-    document.getElementById('hamlib_stopbits').value = config.hamlib_stop_bits;
-    set_setting_switch("enable_hamlib_stopbits", "hamlib_stopbits", config.enable_hamlib_stopbits)
-
-    document.getElementById('hamlib_handshake').value = config.hamlib_handshake;
-    set_setting_switch("enable_hamlib_handshake", "hamlib_handshake", config.enable_hamlib_handshake)
-
-    document.getElementById('hamlib_dcd').value = config.hamlib_dcd;
-    set_setting_switch("enable_hamlib_dcd", "hamlib_dcd", config.enable_hamlib_dcd)
-
-    document.getElementById('hamlib_dtrstate').value = config.hamlib_dtrstate;
-    set_setting_switch("enable_hamlib_dtrstate", "hamlib_dtrstate", config.enable_hamlib_dtrstate)
-
-
-
-
-
-    document.getElementById("hamlib_rigctld_ip").value = config.hamlib_rigctld_ip;
-    document.getElementById("hamlib_rigctld_port").value = config.hamlib_rigctld_port;
-    document.getElementById("hamlib_rigctld_path").value = config.hamlib_rigctld_path;
-    document.getElementById("hamlib_rigctld_server_port").value = config.hamlib_rigctld_server_port;
-
-
-
-    document.getElementById("beaconInterval").value = config.beacon_interval;
- 
-    document.getElementById("scatterSwitch").value = config.enable_scatter;
-    document.getElementById("fftSwitch").value = config.enable_fft;
-
-
-       
-    document.getElementById("received_files_folder").value = config.received_files_folder;   
-
-    if(config.enable_scatter == 'True'){
-        document.getElementById("scatterSwitch").checked = true;
-    } else {
-        document.getElementById("scatterSwitch").checked = false;
-    }
-
-    if(config.enable_fft == 'True'){
-        document.getElementById("fftSwitch").checked = true;
-    } else {
-        document.getElementById("fftSwitch").checked = false;
-    }
-
-    if(config.low_bandwidth_mode == 'True'){
-        document.getElementById("500HzModeSwitch").checked = true;
-    } else {
-        document.getElementById("500HzModeSwitch").checked = false;
-    }  
-       
-    if(config.high_graphics == 'True'){
-        document.getElementById("GraphicsSwitch").checked = true;
-    } else {
-        document.getElementById("GraphicsSwitch").checked = false;
-    }  
-
-    if(config.enable_fsk == 'True'){
-        document.getElementById("fskModeSwitch").checked = true;
-    } else {
-        document.getElementById("fskModeSwitch").checked = false;
-    }  
-    
-    if(config.respond_to_cq == 'True'){
-        document.getElementById("respondCQSwitch").checked = true;
-    } else {
-        document.getElementById("respondCQSwitch").checked = false;
-    }
-
-    if(config.enable_explorer == 'True'){
-        document.getElementById("ExplorerSwitch").checked = true;
-    } else {
-        document.getElementById("ExplorerSwitch").checked = false;
-    }
-
-    if (config.explorer_stats.toLowerCase() == 'true') {
-        document.getElementById("ExplorerStatsSwitch").checked=true;
-    } else {
-        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);
-    } else {    
-        var theme_path = "../node_modules/bootstrap/dist/css/bootstrap.min.css";
-        document.getElementById("theme_selector").value = 'default';
-        document.getElementById("bootstrap_theme").href = escape(theme_path);
-    }
-    
-
-    // Update channel selector
-    document.getElementById("update_channel_selector").value = config.update_channel;
-    document.getElementById("updater_channel").innerHTML = escape(config.update_channel);
-
-    // Update tuning range fmin fmax
-    document.getElementById("tuning_range_fmin").value = config.tuning_range_fmin;
-    document.getElementById("tuning_range_fmax").value = config.tuning_range_fmax;
-    
-    
-    // Update TX Audio Level
-    document.getElementById("audioLevelTXvalue").innerHTML = parseInt(config.tx_audio_level);
-    document.getElementById("audioLevelTX").value = parseInt(config.tx_audio_level);    
-
-    // Update RX Buffer Size
-    document.getElementById("rx_buffer_size").value = config.rx_buffer_size;
-
-    if (config.spectrum == 'waterfall') {
-        document.getElementById("waterfall-scatter-switch1").checked = true;
-        document.getElementById("waterfall-scatter-switch2").checked = false;
-        document.getElementById("waterfall-scatter-switch3").checked = false;
-
-        document.getElementById("waterfall").style.visibility = 'visible';
-        document.getElementById("waterfall").style.height = '100%';
-        document.getElementById("waterfall").style.display = 'block';
-
-        document.getElementById("scatter").style.height = '0px';
-        document.getElementById("scatter").style.visibility = 'hidden';
-        document.getElementById("scatter").style.display = 'none';
-
-        document.getElementById("chart").style.height = '0px';
-        document.getElementById("chart").style.visibility = 'hidden';
-        document.getElementById("chart").style.display = 'none';
-
-    } else if (config.spectrum == 'scatter'){
-
-        document.getElementById("waterfall-scatter-switch1").checked = false;
-        document.getElementById("waterfall-scatter-switch2").checked = true;
-        document.getElementById("waterfall-scatter-switch3").checked = false;
-
-        document.getElementById("waterfall").style.visibility = 'hidden';
-        document.getElementById("waterfall").style.height = '0px';
-        document.getElementById("waterfall").style.display = 'none';
-
-
-        document.getElementById("scatter").style.height = '100%';
-        document.getElementById("scatter").style.visibility = 'visible';
-        document.getElementById("scatter").style.display = 'block';
-
-        document.getElementById("chart").style.visibility = 'hidden';
-        document.getElementById("chart").style.height = '0px';
-        document.getElementById("chart").style.display = 'none';
-
-    } else {
-
-        document.getElementById("waterfall-scatter-switch1").checked = false;
-        document.getElementById("waterfall-scatter-switch2").checked = false;
-        document.getElementById("waterfall-scatter-switch3").checked = true;
-
-        document.getElementById("waterfall").style.visibility = 'hidden';
-        document.getElementById("waterfall").style.height = '0px';
-        document.getElementById("waterfall").style.display = 'none';
-
-        document.getElementById("scatter").style.height = '0px';
-        document.getElementById("scatter").style.visibility = 'hidden';
-        document.getElementById("scatter").style.display = 'none';
-
-        document.getElementById("chart").style.visibility = 'visible';
-        document.getElementById("chart").style.height = '100%';
-        document.getElementById("chart").style.display = 'block';
-
-    }
-
-    // radio control element
-    if (config.radiocontrol == 'rigctld') {
-
-        document.getElementById("radio-control-switch-disabled").checked = false;
-        document.getElementById("radio-control-switch-radio").checked = true;
-        document.getElementById("radio-control-switch-connect").checked = false;
-        document.getElementById("radio-control-switch-network").checked = false;
-
-       document.getElementById("radio-control-disabled").style.visibility = 'hidden';
-        document.getElementById("radio-control-disabled").style.display = 'none';
-
-        document.getElementById("radio-control-radio").style.visibility = 'visible';
-        document.getElementById("radio-control-radio").style.display = '100%';
-
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
-
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
-
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
-        document.getElementById("radio-control-network").style.display = 'none';
-
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
-
-       document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-    } else {
-    
-        document.getElementById("radio-control-switch-disabled").checked = true;
-        document.getElementById("radio-control-switch-radio").checked = false;
-        document.getElementById("radio-control-switch-connect").checked = false;
-        document.getElementById("radio-control-switch-network").checked = false;
-        document.getElementById("radio-control-switch-rigctld").checked = false;
-        document.getElementById("radio-control-switch-rigctld-info").checked = false;
-
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
-
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
-
-        document.getElementById("radio-control-network").style.display = 'none';  
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
-
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
-
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
-
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-    }
-
-    // remote tnc
-    if (config.tnclocation == 'remote') {
-        document.getElementById("local-remote-switch1").checked = false;
-        document.getElementById("local-remote-switch2").checked = true;
-        document.getElementById("remote-tnc-field").style.visibility = 'visible';
-        toggleClass("remote-tnc-field",'d-none',false);
-    } else {
-        document.getElementById("local-remote-switch1").checked = true;
-        document.getElementById("local-remote-switch2").checked = false;
-        document.getElementById("remote-tnc-field").style.visibility = 'hidden';
-        toggleClass("remote-tnc-field",'d-none',true);
-    }
-
-    // Create spectrum object on canvas with ID "waterfall"
-    global.spectrum = new Spectrum(
-        "waterfall", {
-            spectrumPercent: 0,
-            wf_rows: 192    //Assuming 1 row = 1 pixe1, 192 is the height of the spectrum container
-        });
-
-    //Set waterfalltheme
-    document.getElementById("wftheme_selector").value = config.wftheme;
-    spectrum.setColorMap(config.wftheme);
-
-    document.getElementById("btnAbout").addEventListener("click", () => {
-        document.getElementById('aboutVersion').innerText=appVer;
-        let maxcol=3;
-        let col =2;
-        let shuffled = contrib
-            .map(value => ({ value, sort: Math.random() }))
-            .sort((a, b) => a.sort - b.sort)
-            .map(({ value }) => value)
-        let list ="<li>DJ2LS</li>";
-        let list2="";
-        let list3="";
-        shuffled.forEach(element => {
-            switch (col) {
-                case 1:
-                    list +="<li>" +element + "</li>" 
-                break;
-                case 2:
-                    list2 +="<li>" +element + "</li>"
-                    break;
-                case 3:
-                    list3 +="<li>" +element + "</li>"
-                    break;
-            }
-            col=col + 1;
-            if (col > maxcol ) {
-                col=1;
-            }
-        });
-        //list+="</ul>";
-        divContrib.innerHTML="<ul>" + list + "</ul>";
-        divContrib2.innerHTML="<ul>" + list2 + "</ul>";
-        divContrib3.innerHTML="<ul>" + list3 + "</ul>";
-        //console.log(shuffled)
+  // ENABLE TOOLTIPS EVERYWHERE
+  // https://getbootstrap.com/docs/5.1/components/tooltips/
+  var tooltipTriggerList = [].slice.call(
+    document.querySelectorAll('[data-bs-toggle="tooltip"]')
+  );
+  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl);
+  });
+
+  // LOAD SETTINGS
+  document.getElementById("tnc_adress").value = config.tnc_host;
+  document.getElementById("tnc_port").value = config.tnc_port;
+
+  callsign_and_ssid = config.mycall.split("-");
+  callsign = callsign_and_ssid[0];
+  ssid = callsign_and_ssid[1];
+
+  document.getElementById("myCall").value = callsign;
+  //document.title = document.title + ' - Call: ' + config.mycall;
+  updateTitle();
+
+  document.getElementById("myCallSSID").value = ssid;
+  document.getElementById("myGrid").value = config.mygrid;
+
+  // hamlib settings
+  document.getElementById("hamlib_deviceid").value = config.hamlib_deviceid;
+
+  set_setting_switch(
+    "enable_hamlib_deviceport",
+    "hamlib_deviceport",
+    config.enable_hamlib_deviceport
+  );
+  set_setting_switch(
+    "enable_hamlib_ptt_port",
+    "hamlib_ptt_port",
+    config.enable_hamlib_ptt_port
+  );
+
+  document.getElementById("hamlib_serialspeed").value =
+    config.hamlib_serialspeed;
+  set_setting_switch(
+    "enable_hamlib_serialspeed",
+    "hamlib_serialspeed",
+    config.enable_hamlib_serialspeed
+  );
+
+  document.getElementById("hamlib_pttprotocol").value =
+    config.hamlib_pttprotocol;
+  set_setting_switch(
+    "enable_hamlib_pttprotocol",
+    "hamlib_pttprotocol",
+    config.enable_hamlib_pttprotocol
+  );
+
+  document.getElementById("hamlib_databits").value = config.hamlib_data_bits;
+  set_setting_switch(
+    "enable_hamlib_databits",
+    "hamlib_databits",
+    config.enable_hamlib_databits
+  );
+
+  document.getElementById("hamlib_stopbits").value = config.hamlib_stop_bits;
+  set_setting_switch(
+    "enable_hamlib_stopbits",
+    "hamlib_stopbits",
+    config.enable_hamlib_stopbits
+  );
+
+  document.getElementById("hamlib_handshake").value = config.hamlib_handshake;
+  set_setting_switch(
+    "enable_hamlib_handshake",
+    "hamlib_handshake",
+    config.enable_hamlib_handshake
+  );
+
+  document.getElementById("hamlib_dcd").value = config.hamlib_dcd;
+  set_setting_switch(
+    "enable_hamlib_dcd",
+    "hamlib_dcd",
+    config.enable_hamlib_dcd
+  );
+
+  document.getElementById("hamlib_dtrstate").value = config.hamlib_dtrstate;
+  set_setting_switch(
+    "enable_hamlib_dtrstate",
+    "hamlib_dtrstate",
+    config.enable_hamlib_dtrstate
+  );
+
+  document.getElementById("hamlib_rigctld_ip").value = config.hamlib_rigctld_ip;
+  document.getElementById("hamlib_rigctld_port").value =
+    config.hamlib_rigctld_port;
+  document.getElementById("hamlib_rigctld_path").value =
+    config.hamlib_rigctld_path;
+  document.getElementById("hamlib_rigctld_server_port").value =
+    config.hamlib_rigctld_server_port;
+
+  document.getElementById("beaconInterval").value = config.beacon_interval;
+
+  document.getElementById("scatterSwitch").value = config.enable_scatter;
+  document.getElementById("fftSwitch").value = config.enable_fft;
+
+  document.getElementById("received_files_folder").value =
+    config.received_files_folder;
+
+  if (config.enable_scatter == "True") {
+    document.getElementById("scatterSwitch").checked = true;
+  } else {
+    document.getElementById("scatterSwitch").checked = false;
+  }
+
+  if (config.enable_fft == "True") {
+    document.getElementById("fftSwitch").checked = true;
+  } else {
+    document.getElementById("fftSwitch").checked = false;
+  }
+
+  if (config.low_bandwidth_mode == "True") {
+    document.getElementById("500HzModeSwitch").checked = true;
+  } else {
+    document.getElementById("500HzModeSwitch").checked = false;
+  }
+
+  if (config.high_graphics == "True") {
+    document.getElementById("GraphicsSwitch").checked = true;
+  } else {
+    document.getElementById("GraphicsSwitch").checked = false;
+  }
+
+  if (config.enable_fsk == "True") {
+    document.getElementById("fskModeSwitch").checked = true;
+  } else {
+    document.getElementById("fskModeSwitch").checked = false;
+  }
+
+  if (config.respond_to_cq == "True") {
+    document.getElementById("respondCQSwitch").checked = true;
+  } else {
+    document.getElementById("respondCQSwitch").checked = false;
+  }
+
+  if (config.enable_explorer == "True") {
+    document.getElementById("ExplorerSwitch").checked = true;
+  } else {
+    document.getElementById("ExplorerSwitch").checked = false;
+  }
+
+  if (config.explorer_stats.toLowerCase() == "true") {
+    document.getElementById("ExplorerStatsSwitch").checked = true;
+  } else {
+    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);
+  } else {
+    var theme_path = "../node_modules/bootstrap/dist/css/bootstrap.min.css";
+    document.getElementById("theme_selector").value = "default";
+    document.getElementById("bootstrap_theme").href = escape(theme_path);
+  }
+
+  // Update channel selector
+  document.getElementById("update_channel_selector").value =
+    config.update_channel;
+  document.getElementById("updater_channel").innerHTML = escape(
+    config.update_channel
+  );
+
+  // Update tuning range fmin fmax
+  document.getElementById("tuning_range_fmin").value = config.tuning_range_fmin;
+  document.getElementById("tuning_range_fmax").value = config.tuning_range_fmax;
+
+  // Update TX Audio Level
+  document.getElementById("audioLevelTXvalue").innerHTML = parseInt(
+    config.tx_audio_level
+  );
+  document.getElementById("audioLevelTX").value = parseInt(
+    config.tx_audio_level
+  );
+
+  // Update RX Buffer Size
+  document.getElementById("rx_buffer_size").value = config.rx_buffer_size;
+
+  if (config.spectrum == "waterfall") {
+    document.getElementById("waterfall-scatter-switch1").checked = true;
+    document.getElementById("waterfall-scatter-switch2").checked = false;
+    document.getElementById("waterfall-scatter-switch3").checked = false;
+
+    document.getElementById("waterfall").style.visibility = "visible";
+    document.getElementById("waterfall").style.height = "100%";
+    document.getElementById("waterfall").style.display = "block";
+
+    document.getElementById("scatter").style.height = "0px";
+    document.getElementById("scatter").style.visibility = "hidden";
+    document.getElementById("scatter").style.display = "none";
+
+    document.getElementById("chart").style.height = "0px";
+    document.getElementById("chart").style.visibility = "hidden";
+    document.getElementById("chart").style.display = "none";
+  } else if (config.spectrum == "scatter") {
+    document.getElementById("waterfall-scatter-switch1").checked = false;
+    document.getElementById("waterfall-scatter-switch2").checked = true;
+    document.getElementById("waterfall-scatter-switch3").checked = false;
+
+    document.getElementById("waterfall").style.visibility = "hidden";
+    document.getElementById("waterfall").style.height = "0px";
+    document.getElementById("waterfall").style.display = "none";
+
+    document.getElementById("scatter").style.height = "100%";
+    document.getElementById("scatter").style.visibility = "visible";
+    document.getElementById("scatter").style.display = "block";
+
+    document.getElementById("chart").style.visibility = "hidden";
+    document.getElementById("chart").style.height = "0px";
+    document.getElementById("chart").style.display = "none";
+  } else {
+    document.getElementById("waterfall-scatter-switch1").checked = false;
+    document.getElementById("waterfall-scatter-switch2").checked = false;
+    document.getElementById("waterfall-scatter-switch3").checked = true;
+
+    document.getElementById("waterfall").style.visibility = "hidden";
+    document.getElementById("waterfall").style.height = "0px";
+    document.getElementById("waterfall").style.display = "none";
+
+    document.getElementById("scatter").style.height = "0px";
+    document.getElementById("scatter").style.visibility = "hidden";
+    document.getElementById("scatter").style.display = "none";
+
+    document.getElementById("chart").style.visibility = "visible";
+    document.getElementById("chart").style.height = "100%";
+    document.getElementById("chart").style.display = "block";
+  }
+
+  // radio control element
+  if (config.radiocontrol == "rigctld") {
+    document.getElementById("radio-control-switch-disabled").checked = false;
+    document.getElementById("radio-control-switch-radio").checked = true;
+    document.getElementById("radio-control-switch-connect").checked = false;
+    document.getElementById("radio-control-switch-network").checked = false;
+
+    document.getElementById("radio-control-disabled").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-disabled").style.display = "none";
+
+    document.getElementById("radio-control-radio").style.visibility = "visible";
+    document.getElementById("radio-control-radio").style.display = "100%";
+
+    document.getElementById("radio-control-connection").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-connection").style.display = "none";
+
+    document.getElementById("radio-control-ptt").style.visibility = "hidden";
+    document.getElementById("radio-control-ptt").style.display = "none";
+
+    document.getElementById("radio-control-network").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-network").style.display = "none";
+
+    document.getElementById("radio-control-rigctld").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-rigctld").style.display = "none";
+
+    document.getElementById("radio-control-rigctld-info").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-rigctld-info").style.display =
+      "none";
+  } else {
+    document.getElementById("radio-control-switch-disabled").checked = true;
+    document.getElementById("radio-control-switch-radio").checked = false;
+    document.getElementById("radio-control-switch-connect").checked = false;
+    document.getElementById("radio-control-switch-network").checked = false;
+    document.getElementById("radio-control-switch-rigctld").checked = false;
+    document.getElementById(
+      "radio-control-switch-rigctld-info"
+    ).checked = false;
+
+    document.getElementById("radio-control-connection").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-connection").style.display = "none";
+
+    document.getElementById("radio-control-ptt").style.visibility = "hidden";
+    document.getElementById("radio-control-ptt").style.display = "none";
+
+    document.getElementById("radio-control-network").style.display = "none";
+    document.getElementById("radio-control-network").style.visibility =
+      "hidden";
+
+    document.getElementById("radio-control-radio").style.display = "none";
+    document.getElementById("radio-control-radio").style.visibility = "hidden";
+
+    document.getElementById("radio-control-rigctld").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-rigctld").style.display = "none";
+
+    document.getElementById("radio-control-rigctld-info").style.visibility =
+      "hidden";
+    document.getElementById("radio-control-rigctld-info").style.display =
+      "none";
+  }
+
+  // remote tnc
+  if (config.tnclocation == "remote") {
+    document.getElementById("local-remote-switch1").checked = false;
+    document.getElementById("local-remote-switch2").checked = true;
+    document.getElementById("remote-tnc-field").style.visibility = "visible";
+    toggleClass("remote-tnc-field", "d-none", false);
+  } else {
+    document.getElementById("local-remote-switch1").checked = true;
+    document.getElementById("local-remote-switch2").checked = false;
+    document.getElementById("remote-tnc-field").style.visibility = "hidden";
+    toggleClass("remote-tnc-field", "d-none", true);
+  }
+
+  // Create spectrum object on canvas with ID "waterfall"
+  global.spectrum = new Spectrum("waterfall", {
+    spectrumPercent: 0,
+    wf_rows: 192, //Assuming 1 row = 1 pixe1, 192 is the height of the spectrum container
+  });
+
+  //Set waterfalltheme
+  document.getElementById("wftheme_selector").value = config.wftheme;
+  spectrum.setColorMap(config.wftheme);
+
+  document.getElementById("btnAbout").addEventListener("click", () => {
+    document.getElementById("aboutVersion").innerText = appVer;
+    let maxcol = 3;
+    let col = 2;
+    let shuffled = contrib
+      .map((value) => ({ value, sort: Math.random() }))
+      .sort((a, b) => a.sort - b.sort)
+      .map(({ value }) => value);
+    let list = "<li>DJ2LS</li>";
+    let list2 = "";
+    let list3 = "";
+    shuffled.forEach((element) => {
+      switch (col) {
+        case 1:
+          list += "<li>" + element + "</li>";
+          break;
+        case 2:
+          list2 += "<li>" + element + "</li>";
+          break;
+        case 3:
+          list3 += "<li>" + element + "</li>";
+          break;
+      }
+      col = col + 1;
+      if (col > maxcol) {
+        col = 1;
+      }
+    });
+    //list+="</ul>";
+    divContrib.innerHTML = "<ul>" + list + "</ul>";
+    divContrib2.innerHTML = "<ul>" + list2 + "</ul>";
+    divContrib3.innerHTML = "<ul>" + list3 + "</ul>";
+    //console.log(shuffled)
+  });
+
+  // on click radio control toggle view
+  // disabled
+  document
+    .getElementById("radio-control-switch-disabled")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Set hamlib related settings.";
+
+      document.getElementById("radio-control-disabled").style.display = "block";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "visible";
+
+      document.getElementById("radio-control-radio").style.display = "none";
+      document.getElementById("radio-control-radio").style.visibility =
+        "hidden";
+
+      document.getElementById("radio-control-connection").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-connection").style.display =
+        "none";
+
+      document.getElementById("radio-control-ptt").style.visibility = "hidden";
+      document.getElementById("radio-control-ptt").style.display = "none";
+
+      document.getElementById("radio-control-network").style.display = "none";
+      document.getElementById("radio-control-network").style.visibility =
+        "hidden";
+
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld").style.display = "none";
+
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "none";
+
+      config.radiocontrol = "disabled";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-    // on click radio control toggle view
-    // disabled
-    document.getElementById("radio-control-switch-disabled").addEventListener("click", () => {
+  // radio settings event listener
+  document
+    .getElementById("radio-control-switch-radio")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Select your radio by searching for the name or ID.";
 
-        document.getElementById("hamlib_info_field").innerHTML = 'Set hamlib related settings.';
+      document.getElementById("radio-control-disabled").style.display = "none";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-disabled").style.display = 'block';
-        document.getElementById("radio-control-disabled").style.visibility = 'visible';
+      document.getElementById("radio-control-radio").style.display = "block";
+      document.getElementById("radio-control-radio").style.visibility =
+        "visible";
 
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
+      document.getElementById("radio-control-connection").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-connection").style.display =
+        "none";
 
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
+      document.getElementById("radio-control-ptt").style.visibility = "hidden";
+      document.getElementById("radio-control-ptt").style.display = "none";
 
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
+      document.getElementById("radio-control-network").style.display = "none";
+      document.getElementById("radio-control-network").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-network").style.display = 'none';
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld").style.display = "none";
 
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "none";
 
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-        config.radiocontrol = 'disabled'
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    
-    
-    // radio settings event listener
-    document.getElementById("radio-control-switch-radio").addEventListener("click", () => {
-
-        document.getElementById("hamlib_info_field").innerHTML = 'Select your radio by searching for the name or ID.';
-
-        document.getElementById("radio-control-disabled").style.display = 'none';
-        document.getElementById("radio-control-disabled").style.visibility = 'hidden';
-
-        document.getElementById("radio-control-radio").style.display = 'block';
-        document.getElementById("radio-control-radio").style.visibility = 'visible';
-
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
-
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
-
-        document.getElementById("radio-control-network").style.display = 'none';
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
-
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
-
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-        config.radiocontrol = 'rigctld';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      config.radiocontrol = "rigctld";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
+  // radio settings 'connection' event listener
+  document
+    .getElementById("radio-control-switch-connect")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Setup the connection between rigctld and your radio";
 
-    // radio settings 'connection' event listener
-    document.getElementById("radio-control-switch-connect").addEventListener("click", () => {
+      document.getElementById("radio-control-disabled").style.display = "none";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "hidden";
 
-        document.getElementById("hamlib_info_field").innerHTML = 'Setup the connection between rigctld and your radio';
+      document.getElementById("radio-control-radio").style.display = "none";
+      document.getElementById("radio-control-radio").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-disabled").style.display = 'none';
-        document.getElementById("radio-control-disabled").style.visibility = 'hidden';
+      document.getElementById("radio-control-connection").style.visibility =
+        "visible";
+      document.getElementById("radio-control-connection").style.display =
+        "block";
 
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
+      document.getElementById("radio-control-ptt").style.visibility = "hidden";
+      document.getElementById("radio-control-ptt").style.display = "none";
 
-        document.getElementById("radio-control-connection").style.visibility = 'visible';
-        document.getElementById("radio-control-connection").style.display = 'block';
+      document.getElementById("radio-control-network").style.display = "none";
+      document.getElementById("radio-control-network").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld").style.display = "none";
 
-        document.getElementById("radio-control-network").style.display = 'none';
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "none";
 
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
-
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-        config.radiocontrol = 'rigctld';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      config.radiocontrol = "rigctld";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-    // radio settings 'ptt' event listener
-    document.getElementById("radio-control-switch-ptt").addEventListener("click", () => {
+  // radio settings 'ptt' event listener
+  document
+    .getElementById("radio-control-switch-ptt")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Set your PTT related settings.";
 
-        document.getElementById("hamlib_info_field").innerHTML = 'Set your PTT related settings.';
+      document.getElementById("radio-control-disabled").style.display = "none";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-disabled").style.display = 'none';
-        document.getElementById("radio-control-disabled").style.visibility = 'hidden';
+      document.getElementById("radio-control-radio").style.display = "none";
+      document.getElementById("radio-control-radio").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
+      document.getElementById("radio-control-connection").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-connection").style.display =
+        "none";
 
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
+      document.getElementById("radio-control-ptt").style.visibility = "visible";
+      document.getElementById("radio-control-ptt").style.display = "block";
 
-        document.getElementById("radio-control-ptt").style.visibility = 'visible';
-        document.getElementById("radio-control-ptt").style.display = 'block';
+      document.getElementById("radio-control-network").style.display = "none";
+      document.getElementById("radio-control-network").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-network").style.display = 'none';
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld").style.display = "none";
 
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "none";
 
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-        config.radiocontrol = 'rigctld';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      config.radiocontrol = "rigctld";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
+  // // radio settings 'network' event listener
+  document
+    .getElementById("radio-control-switch-network")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Set the ip and port of a rigctld session";
 
-    // // radio settings 'network' event listener
-    document.getElementById("radio-control-switch-network").addEventListener("click", () => {
+      document.getElementById("radio-control-disabled").style.display = "none";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "hidden";
 
-        document.getElementById("hamlib_info_field").innerHTML = 'Set the ip and port of a rigctld session';
+      document.getElementById("radio-control-radio").style.display = "none";
+      document.getElementById("radio-control-radio").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-disabled").style.display = 'none';
-        document.getElementById("radio-control-disabled").style.visibility = 'hidden';
+      document.getElementById("radio-control-connection").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-connection").style.display =
+        "none";
 
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
+      document.getElementById("radio-control-ptt").style.visibility = "hidden";
+      document.getElementById("radio-control-ptt").style.display = "none";
 
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
+      document.getElementById("radio-control-network").style.display = "block";
+      document.getElementById("radio-control-network").style.visibility =
+        "visible";
 
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld").style.display = "none";
 
-        document.getElementById("radio-control-network").style.display = 'block';
-        document.getElementById("radio-control-network").style.visibility = 'visible';
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "none";
 
-       document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
-
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-        config.radiocontrol = 'rigctld';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });    
-
-    // // radio settings 'rigctld' event listener
-    document.getElementById("radio-control-switch-rigctld").addEventListener("click", () => {
-
-        document.getElementById("hamlib_info_field").innerHTML = 'Define the rigctld path and port';
-
-        document.getElementById("radio-control-disabled").style.display = 'none';
-        document.getElementById("radio-control-disabled").style.visibility = 'hidden';
-
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
-
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
-
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
-
-        document.getElementById("radio-control-network").style.display = 'none';
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
-
-        document.getElementById("radio-control-rigctld").style.visibility = 'visible';
-        document.getElementById("radio-control-rigctld").style.display = 'block';
-
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld-info").style.display = 'none';
-
-        config.radiocontrol = 'rigctld';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      config.radiocontrol = "rigctld";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-    // // radio settings 'rigctld' event listener
-    document.getElementById("radio-control-switch-rigctld-info").addEventListener("click", () => {
+  // // radio settings 'rigctld' event listener
+  document
+    .getElementById("radio-control-switch-rigctld")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Define the rigctld path and port";
 
-        document.getElementById("hamlib_info_field").innerHTML = 'Start and stop rigctld .';
+      document.getElementById("radio-control-disabled").style.display = "none";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "hidden";
 
+      document.getElementById("radio-control-radio").style.display = "none";
+      document.getElementById("radio-control-radio").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-disabled").style.display = 'none';
-        document.getElementById("radio-control-disabled").style.visibility = 'hidden';
+      document.getElementById("radio-control-connection").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-connection").style.display =
+        "none";
 
-        document.getElementById("radio-control-radio").style.display = 'none';
-        document.getElementById("radio-control-radio").style.visibility = 'hidden';
+      document.getElementById("radio-control-ptt").style.visibility = "hidden";
+      document.getElementById("radio-control-ptt").style.display = "none";
 
-        document.getElementById("radio-control-connection").style.visibility = 'hidden';
-        document.getElementById("radio-control-connection").style.display = 'none';
+      document.getElementById("radio-control-network").style.display = "none";
+      document.getElementById("radio-control-network").style.visibility =
+        "hidden";
 
-        document.getElementById("radio-control-ptt").style.visibility = 'hidden';
-        document.getElementById("radio-control-ptt").style.display = 'none';
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "visible";
+      document.getElementById("radio-control-rigctld").style.display = "block";
 
-        document.getElementById("radio-control-network").style.display = 'none';
-        document.getElementById("radio-control-network").style.visibility = 'hidden';
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "none";
 
-        document.getElementById("radio-control-rigctld").style.visibility = 'hidden';
-        document.getElementById("radio-control-rigctld").style.display = 'none';
-
-        document.getElementById("radio-control-rigctld-info").style.visibility = 'visible';
-        document.getElementById("radio-control-rigctld-info").style.display = 'block';
-
-        config.radiocontrol = 'rigctld';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      config.radiocontrol = "rigctld";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
+  // // radio settings 'rigctld' event listener
+  document
+    .getElementById("radio-control-switch-rigctld-info")
+    .addEventListener("click", () => {
+      document.getElementById("hamlib_info_field").innerHTML =
+        "Start and stop rigctld .";
 
-    // radio settings 'enable hamlib deviceport' event listener
-    document.getElementById("enable_hamlib_deviceport").addEventListener("change", () => {
-        enable_setting("enable_hamlib_deviceport", "hamlib_deviceport")
+      document.getElementById("radio-control-disabled").style.display = "none";
+      document.getElementById("radio-control-disabled").style.visibility =
+        "hidden";
+
+      document.getElementById("radio-control-radio").style.display = "none";
+      document.getElementById("radio-control-radio").style.visibility =
+        "hidden";
+
+      document.getElementById("radio-control-connection").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-connection").style.display =
+        "none";
+
+      document.getElementById("radio-control-ptt").style.visibility = "hidden";
+      document.getElementById("radio-control-ptt").style.display = "none";
+
+      document.getElementById("radio-control-network").style.display = "none";
+      document.getElementById("radio-control-network").style.visibility =
+        "hidden";
+
+      document.getElementById("radio-control-rigctld").style.visibility =
+        "hidden";
+      document.getElementById("radio-control-rigctld").style.display = "none";
+
+      document.getElementById("radio-control-rigctld-info").style.visibility =
+        "visible";
+      document.getElementById("radio-control-rigctld-info").style.display =
+        "block";
+
+      config.radiocontrol = "rigctld";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-    // radio settings 'enable hamlib serialspeed' event listener
-    document.getElementById("enable_hamlib_serialspeed").addEventListener("change", () => {
-        enable_setting("enable_hamlib_serialspeed", "hamlib_serialspeed")
+  // radio settings 'enable hamlib deviceport' event listener
+  document
+    .getElementById("enable_hamlib_deviceport")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_deviceport", "hamlib_deviceport");
     });
 
-    // radio settings 'enable hamlib data bits' event listener
-    document.getElementById("enable_hamlib_databits").addEventListener("change", () => {
-        enable_setting("enable_hamlib_databits", "hamlib_databits")
+  // radio settings 'enable hamlib serialspeed' event listener
+  document
+    .getElementById("enable_hamlib_serialspeed")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_serialspeed", "hamlib_serialspeed");
     });
 
-    // radio settings 'enable hamlib stop bits' event listener
-    document.getElementById("enable_hamlib_stopbits").addEventListener("change", () => {
-        enable_setting("enable_hamlib_stopbits", "hamlib_stopbits")
+  // radio settings 'enable hamlib data bits' event listener
+  document
+    .getElementById("enable_hamlib_databits")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_databits", "hamlib_databits");
     });
 
-    // radio settings 'enable hamlib handshake' event listener
-    document.getElementById("enable_hamlib_handshake").addEventListener("change", () => {
-        enable_setting("enable_hamlib_handshake", "hamlib_handshake")
+  // radio settings 'enable hamlib stop bits' event listener
+  document
+    .getElementById("enable_hamlib_stopbits")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_stopbits", "hamlib_stopbits");
     });
 
-    // radio settings 'enable hamlib ptt port' event listener
-    document.getElementById("enable_hamlib_ptt_port").addEventListener("change", () => {
-        enable_setting("enable_hamlib_ptt_port", "hamlib_ptt_port")
+  // radio settings 'enable hamlib handshake' event listener
+  document
+    .getElementById("enable_hamlib_handshake")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_handshake", "hamlib_handshake");
     });
 
-    // radio settings 'enable hamlib ptt protocol' event listener
-    document.getElementById("enable_hamlib_pttprotocol").addEventListener("change", () => {
-        enable_setting("enable_hamlib_pttprotocol", "hamlib_pttprotocol")
-    });
-        // radio settings 'enable hamlib dcd' event listener
-    document.getElementById("enable_hamlib_dcd").addEventListener("change", () => {
-        enable_setting("enable_hamlib_dcd", "hamlib_dcd")
+  // radio settings 'enable hamlib ptt port' event listener
+  document
+    .getElementById("enable_hamlib_ptt_port")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_ptt_port", "hamlib_ptt_port");
     });
 
-        // radio settings 'enable hamlib dtr state' event listener
-    document.getElementById("enable_hamlib_dtrstate").addEventListener("change", () => {
-        enable_setting("enable_hamlib_dtrstate", "hamlib_dtrstate")
+  // radio settings 'enable hamlib ptt protocol' event listener
+  document
+    .getElementById("enable_hamlib_pttprotocol")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_pttprotocol", "hamlib_pttprotocol");
+    });
+  // radio settings 'enable hamlib dcd' event listener
+  document
+    .getElementById("enable_hamlib_dcd")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_dcd", "hamlib_dcd");
     });
 
+  // radio settings 'enable hamlib dtr state' event listener
+  document
+    .getElementById("enable_hamlib_dtrstate")
+    .addEventListener("change", () => {
+      enable_setting("enable_hamlib_dtrstate", "hamlib_dtrstate");
+    });
 
-/*
+  /*
 document.getElementById('hamlib_rigctld_path').addEventListener('change', () => {
 var fileList = document.getElementById("dataModalFile").files;
         console.log(fileList)
@@ -752,682 +888,689 @@ var fileList = document.getElementById("dataModalFile").files;
 })
 */
 
-document.getElementById('hamlib_rigctld_path').addEventListener('click', () => {
+  document
+    .getElementById("hamlib_rigctld_path")
+    .addEventListener("click", () => {
+      ipcRenderer.send("get-file-path", {
+        title: "Title",
+      });
 
-    ipcRenderer.send('get-file-path',{
-        title: 'Title',
-    });
-
-    ipcRenderer.on('return-file-paths',(event,data)=>{
-        rigctldPath = data.path.filePaths[0]
-        document.getElementById("hamlib_rigctld_path").value = rigctldPath
-        config.hamlib_rigctld_path = rigctldPath
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-
-    });
-})
-
-        // radio settings 'hamlib_rigctld_server_port' event listener
-    document.getElementById("hamlib_rigctld_server_port").addEventListener("change", () => {
-
-
-        config.hamlib_rigctld_server_port = document.getElementById("hamlib_rigctld_server_port").value
+      ipcRenderer.on("return-file-paths", (event, data) => {
+        rigctldPath = data.path.filePaths[0];
+        document.getElementById("hamlib_rigctld_path").value = rigctldPath;
+        config.hamlib_rigctld_path = rigctldPath;
         fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      });
     });
 
+  // radio settings 'hamlib_rigctld_server_port' event listener
+  document
+    .getElementById("hamlib_rigctld_server_port")
+    .addEventListener("change", () => {
+      config.hamlib_rigctld_server_port = document.getElementById(
+        "hamlib_rigctld_server_port"
+      ).value;
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
 
+  document
+    .getElementById("hamlib_rigctld_start")
+    .addEventListener("click", () => {
+      var rigctldPath = document.getElementById("hamlib_rigctld_path").value;
 
-document.getElementById('hamlib_rigctld_start').addEventListener('click', () => {
-    var rigctldPath = document.getElementById("hamlib_rigctld_path").value;
+      var paramList = [];
 
+      var hamlib_deviceid = document.getElementById("hamlib_deviceid").value;
+      paramList = paramList.concat("-m", hamlib_deviceid);
 
-    var paramList = []
+      // hamlib deviceport setting
+      if (document.getElementById("enable_hamlib_deviceport").checked) {
+        var hamlib_deviceport =
+          document.getElementById("hamlib_deviceport").value;
+        paramList = paramList.concat("-r", hamlib_deviceport);
+      }
 
-    var hamlib_deviceid = document.getElementById("hamlib_deviceid").value;
-    paramList = paramList.concat('-m', hamlib_deviceid)
+      // hamlib serialspeed setting
+      if (document.getElementById("enable_hamlib_serialspeed").checked) {
+        var hamlib_serialspeed =
+          document.getElementById("hamlib_serialspeed").value;
+        paramList = paramList.concat("-s", hamlib_serialspeed);
+      }
 
-    // hamlib deviceport setting
-    if (document.getElementById('enable_hamlib_deviceport').checked){
-        var hamlib_deviceport = document.getElementById("hamlib_deviceport").value;
-        paramList = paramList.concat('-r', hamlib_deviceport)
-    }
-
-    // hamlib serialspeed setting
-    if (document.getElementById('enable_hamlib_serialspeed').checked){
-        var hamlib_serialspeed = document.getElementById("hamlib_serialspeed").value;
-        paramList = paramList.concat('-s', hamlib_serialspeed)
-    }
-
-    // hamlib databits setting
-    if (document.getElementById('enable_hamlib_databits').checked){
+      // hamlib databits setting
+      if (document.getElementById("enable_hamlib_databits").checked) {
         var hamlib_databits = document.getElementById("hamlib_databits").value;
-        paramList = paramList.concat('--set-conf=data_bits=' + hamlib_databits)
-    }
+        paramList = paramList.concat("--set-conf=data_bits=" + hamlib_databits);
+      }
 
-    // hamlib stopbits setting
-    if (document.getElementById('enable_hamlib_stopbits').checked){
+      // hamlib stopbits setting
+      if (document.getElementById("enable_hamlib_stopbits").checked) {
         var hamlib_stopbits = document.getElementById("hamlib_stopbits").value;
-        paramList = paramList.concat('--set-conf=stop_bits=' + hamlib_stopbits)
-    }
+        paramList = paramList.concat("--set-conf=stop_bits=" + hamlib_stopbits);
+      }
 
-    // hamlib handshake setting
-    if (document.getElementById('enable_hamlib_handshake').checked){
-        var hamlib_handshake = document.getElementById("hamlib_handshake").value;
-        paramList = paramList.concat('--set-conf=serial_handshake=' + hamlib_handshake)
-    }
+      // hamlib handshake setting
+      if (document.getElementById("enable_hamlib_handshake").checked) {
+        var hamlib_handshake =
+          document.getElementById("hamlib_handshake").value;
+        paramList = paramList.concat(
+          "--set-conf=serial_handshake=" + hamlib_handshake
+        );
+      }
 
-    // hamlib dcd setting
-    if (document.getElementById('enable_hamlib_dcd').checked){
+      // hamlib dcd setting
+      if (document.getElementById("enable_hamlib_dcd").checked) {
         var hamlib_dcd = document.getElementById("hamlib_dcd").value;
-        paramList = paramList.concat('--dcd-type=' + hamlib_dcd)
-    }
+        paramList = paramList.concat("--dcd-type=" + hamlib_dcd);
+      }
 
-    // hamlib ptt port
-    if (document.getElementById('enable_hamlib_ptt_port').checked){
+      // hamlib ptt port
+      if (document.getElementById("enable_hamlib_ptt_port").checked) {
         var hamlib_ptt_port = document.getElementById("hamlib_ptt_port").value;
-        paramList = paramList.concat('-p', hamlib_ptt_port)
-    }
+        paramList = paramList.concat("-p", hamlib_ptt_port);
+      }
 
-    // hamlib ptt type
-    if (document.getElementById('enable_hamlib_pttprotocol').checked){
-        var hamlib_ptt_type = document.getElementById("hamlib_pttprotocol").value;
-        paramList = paramList.concat('--ptt-type=' + hamlib_ptt_type)
-    }
+      // hamlib ptt type
+      if (document.getElementById("enable_hamlib_pttprotocol").checked) {
+        var hamlib_ptt_type =
+          document.getElementById("hamlib_pttprotocol").value;
+        paramList = paramList.concat("--ptt-type=" + hamlib_ptt_type);
+      }
 
-    // hamlib dtr state
-    if (document.getElementById('enable_hamlib_dtrstate').checked){
+      // hamlib dtr state
+      if (document.getElementById("enable_hamlib_dtrstate").checked) {
         var hamlib_dtrstate = document.getElementById("hamlib_dtrstate").value;
-        paramList = paramList.concat('--set-conf=dtr_state=' + hamlib_dtrstate)
-    }
+        paramList = paramList.concat("--set-conf=dtr_state=" + hamlib_dtrstate);
+      }
 
+      var hamlib_rigctld_server_port = document.getElementById(
+        "hamlib_rigctld_server_port"
+      ).value;
+      paramList = paramList.concat("-t", hamlib_rigctld_server_port);
 
+      document.getElementById("hamlib_rigctld_command").value =
+        paramList.join(" "); // join removes the commas
 
+      console.log(paramList);
+      console.log(rigctldPath);
 
+      let Data = {
+        path: rigctldPath,
+        parameters: paramList,
+      };
+      ipcRenderer.send("request-start-rigctld", Data);
+    });
+  document
+    .getElementById("hamlib_rigctld_stop")
+    .addEventListener("click", () => {
+      ipcRenderer.send("request-stop-rigctld", {
+        path: "123",
+        parameters: "--version",
+      });
+    });
 
-    var hamlib_rigctld_server_port = document.getElementById("hamlib_rigctld_server_port").value;
-    paramList = paramList.concat('-t', hamlib_rigctld_server_port)
+  // on click waterfall scatter toggle view
+  // waterfall
+  document
+    .getElementById("waterfall-scatter-switch1")
+    .addEventListener("click", () => {
+      document.getElementById("chart").style.visibility = "hidden";
+      document.getElementById("chart").style.display = "none";
+      document.getElementById("chart").style.height = "0px";
 
+      document.getElementById("scatter").style.height = "0px";
+      document.getElementById("scatter").style.display = "none";
+      document.getElementById("scatter").style.visibility = "hidden";
 
+      document.getElementById("waterfall").style.display = "block";
+      document.getElementById("waterfall").style.visibility = "visible";
+      document.getElementById("waterfall").style.height = "100%";
 
+      config.spectrum = "waterfall";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+  // scatter
+  document
+    .getElementById("waterfall-scatter-switch2")
+    .addEventListener("click", () => {
+      document.getElementById("scatter").style.display = "block";
+      document.getElementById("scatter").style.visibility = "visible";
+      document.getElementById("scatter").style.height = "100%";
 
-    document.getElementById('hamlib_rigctld_command').value = paramList.join(" ") // join removes the commas
+      document.getElementById("waterfall").style.visibility = "hidden";
+      document.getElementById("waterfall").style.height = "0px";
+      document.getElementById("waterfall").style.display = "none";
 
-    console.log(paramList)
-    console.log(rigctldPath)
+      document.getElementById("chart").style.visibility = "hidden";
+      document.getElementById("chart").style.height = "0px";
+      document.getElementById("chart").style.display = "none";
+
+      config.spectrum = "scatter";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+  // chart
+  document
+    .getElementById("waterfall-scatter-switch3")
+    .addEventListener("click", () => {
+      document.getElementById("waterfall").style.visibility = "hidden";
+      document.getElementById("waterfall").style.height = "0px";
+      document.getElementById("waterfall").style.display = "none";
+
+      document.getElementById("scatter").style.height = "0px";
+      document.getElementById("scatter").style.visibility = "hidden";
+      document.getElementById("scatter").style.display = "none";
+
+      document.getElementById("chart").style.height = "100%";
+      document.getElementById("chart").style.display = "block";
+      document.getElementById("chart").style.visibility = "visible";
+
+      config.spectrum = "chart";
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+
+  // on click remote tnc toggle view
+  document
+    .getElementById("local-remote-switch1")
+    .addEventListener("click", () => {
+      document.getElementById("local-remote-switch1").checked = true;
+      document.getElementById("local-remote-switch2").checked = false;
+      document.getElementById("remote-tnc-field").style.visibility = "hidden";
+      config.tnclocation = "localhost";
+      toggleClass("remote-tnc-field", "d-none", true);
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+  document
+    .getElementById("local-remote-switch2")
+    .addEventListener("click", () => {
+      document.getElementById("local-remote-switch1").checked = false;
+      document.getElementById("local-remote-switch2").checked = true;
+      document.getElementById("remote-tnc-field").style.visibility = "visible";
+      config.tnclocation = "remote";
+      toggleClass("remote-tnc-field", "d-none", false);
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    });
+
+  // on change ping callsign
+  document.getElementById("dxCall").addEventListener("change", () => {
+    document.getElementById("dataModalDxCall").value =
+      document.getElementById("dxCall").value;
+  });
+  // on change ping callsign
+  document.getElementById("dataModalDxCall").addEventListener("change", () => {
+    document.getElementById("dxCall").value =
+      document.getElementById("dataModalDxCall").value;
+  });
+
+  // on change port and host
+  document.getElementById("tnc_adress").addEventListener("change", () => {
+    console.log(document.getElementById("tnc_adress").value);
+    config.tnc_host = document.getElementById("tnc_adress").value;
+    config.daemon_host = document.getElementById("tnc_adress").value;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
 
     let Data = {
-        path: rigctldPath,
-        parameters: paramList
+      port: document.getElementById("tnc_port").value,
+      adress: document.getElementById("tnc_adress").value,
     };
-    ipcRenderer.send('request-start-rigctld', Data);
+    ipcRenderer.send("request-update-tnc-ip", Data);
 
+    Data = {
+      port: parseInt(document.getElementById("tnc_port").value) + 1,
+      adress: document.getElementById("tnc_adress").value,
+    };
+    ipcRenderer.send("request-update-daemon-ip", Data);
+  });
 
+  // on change tnc port
+  document.getElementById("tnc_port").addEventListener("change", () => {
+    config.tnc_port = document.getElementById("tnc_port").value;
+    config.daemon_port =
+      parseInt(document.getElementById("tnc_port").value) + 1;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
 
-})
-document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
-  ipcRenderer.send('request-stop-rigctld',{
-        path: '123',
-        parameters: '--version'
+    let Data = {
+      port: document.getElementById("tnc_port").value,
+      adress: document.getElementById("tnc_adress").value,
+    };
+    ipcRenderer.send("request-update-tnc-ip", Data);
+
+    Data = {
+      port: parseInt(document.getElementById("tnc_port").value) + 1,
+      adress: document.getElementById("tnc_adress").value,
+    };
+    ipcRenderer.send("request-update-daemon-ip", Data);
+  });
+
+  // on change audio TX Level
+  document.getElementById("audioLevelTX").addEventListener("change", () => {
+    var tx_audio_level = parseInt(
+      document.getElementById("audioLevelTX").value
+    );
+    document.getElementById("audioLevelTXvalue").innerHTML = tx_audio_level;
+    config.tx_audio_level = tx_audio_level;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+
+    let Data = {
+      command: "set_tx_audio_level",
+      tx_audio_level: tx_audio_level,
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+  document.getElementById("sendTestFrame").addEventListener("click", () => {
+    let Data = {
+      type: "set",
+      command: "send_test_frame",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
+  // saveMyCall button clicked
+  document.getElementById("myCall").addEventListener("input", () => {
+    callsign = document.getElementById("myCall").value;
+    ssid = document.getElementById("myCallSSID").value;
+    callsign_ssid = callsign.toUpperCase() + "-" + ssid;
+    config.mycall = callsign_ssid;
+    // split document title by looking for Call then split and update it
+    //var documentTitle = document.title.split('Call:')
+    //document.title = documentTitle[0] + 'Call: ' + callsign_ssid;
+    updateTitle(callsign_ssid);
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    daemon.saveMyCall(callsign_ssid);
+  });
+
+  // saveMyGrid button clicked
+  document.getElementById("myGrid").addEventListener("input", () => {
+    grid = document.getElementById("myGrid").value;
+    config.mygrid = grid;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    daemon.saveMyGrid(grid);
+  });
+
+  // startPing button clicked
+  document.getElementById("sendPing").addEventListener("click", () => {
+    var dxcallsign = document.getElementById("dxCall").value.toUpperCase();
+    if (dxcallsign == "" || dxcallsign == null || dxcallsign == undefined)
+      return;
+    pauseButton(document.getElementById("sendPing"), 2000);
+    sock.sendPing(dxcallsign);
+  });
+
+  // dataModalstartPing button clicked
+  document.getElementById("dataModalSendPing").addEventListener("click", () => {
+    var dxcallsign = document.getElementById("dataModalDxCall").value;
+    dxcallsign = dxcallsign.toUpperCase();
+    sock.sendPing(dxcallsign);
+  });
+
+  // close app, update and restart
+  document
+    .getElementById("update_and_install")
+    .addEventListener("click", () => {
+      ipcRenderer.send("request-restart-and-install");
     });
 
+  // open arq session
+  document.getElementById("openARQSession").addEventListener("click", () => {
+    var dxcallsign = document.getElementById("dataModalDxCall").value;
+    dxcallsign = dxcallsign.toUpperCase();
+    sock.connectARQ(dxcallsign);
+  });
 
-})
+  // close arq session
+  document.getElementById("closeARQSession").addEventListener("click", () => {
+    sock.disconnectARQ();
+  });
 
+  // sendCQ button clicked
+  document.getElementById("sendCQ").addEventListener("click", () => {
+    pauseButton(document.getElementById("sendCQ"), 2000);
+    sock.sendCQ();
+  });
 
-    // on click waterfall scatter toggle view
-    // waterfall
-    document.getElementById("waterfall-scatter-switch1").addEventListener("click", () => {
-        document.getElementById("chart").style.visibility = 'hidden';
-        document.getElementById("chart").style.display = 'none';
-        document.getElementById("chart").style.height = '0px';
+  // Start beacon button clicked
+  document.getElementById("startBeacon").addEventListener("click", () => {
+    interval = document.getElementById("beaconInterval").value;
+    config.beacon_interval = interval;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    sock.startBeacon(interval);
+  });
 
-        document.getElementById("scatter").style.height = '0px';
-        document.getElementById("scatter").style.display = 'none';
-        document.getElementById("scatter").style.visibility = 'hidden';
+  // sendscatter Switch clicked
+  document.getElementById("scatterSwitch").addEventListener("click", () => {
+    console.log(document.getElementById("scatterSwitch").checked);
+    if (document.getElementById("scatterSwitch").checked == true) {
+      config.enable_scatter = "True";
+    } else {
+      config.enable_scatter = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
 
-        document.getElementById("waterfall").style.display = 'block';
-        document.getElementById("waterfall").style.visibility = 'visible';
-        document.getElementById("waterfall").style.height = '100%';
+  // sendfft Switch clicked
+  document.getElementById("fftSwitch").addEventListener("click", () => {
+    if (document.getElementById("fftSwitch").checked == true) {
+      config.enable_fft = "True";
+    } else {
+      config.enable_fft = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
 
-        config.spectrum = 'waterfall';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  // enable 500z Switch clicked
+  document.getElementById("500HzModeSwitch").addEventListener("click", () => {
+    if (document.getElementById("500HzModeSwitch").checked == true) {
+      config.low_bandwidth_mode = "True";
+    } else {
+      config.low_bandwidth_mode = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
+
+  // enable response to cq clicked
+  document.getElementById("respondCQSwitch").addEventListener("click", () => {
+    if (document.getElementById("respondCQSwitch").checked == true) {
+      config.respond_to_cq = "True";
+    } else {
+      config.respond_to_cq = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
+
+  // enable explorer Switch clicked
+  document.getElementById("ExplorerSwitch").addEventListener("click", () => {
+    if (document.getElementById("ExplorerSwitch").checked == true) {
+      config.enable_explorer = "True";
+    } else {
+      config.enable_explorer = "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));
     });
-    // scatter
-    document.getElementById("waterfall-scatter-switch2").addEventListener("click", () => {
-        document.getElementById("scatter").style.display = 'block';
-        document.getElementById("scatter").style.visibility = 'visible';
-        document.getElementById("scatter").style.height = '100%';
+  // enable autotune 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));
+  });
+  document.getElementById("GraphicsSwitch").addEventListener("click", () => {
+    if (document.getElementById("GraphicsSwitch").checked == true) {
+      config.high_graphics = "True";
+    } else {
+      config.high_graphics = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    set_CPU_mode();
+  });
 
-        document.getElementById("waterfall").style.visibility = 'hidden';
-        document.getElementById("waterfall").style.height = '0px';
-        document.getElementById("waterfall").style.display = 'none';
+  // enable fsk Switch clicked
+  document.getElementById("fskModeSwitch").addEventListener("click", () => {
+    if (document.getElementById("fskModeSwitch").checked == true) {
+      config.enable_fsk = "True";
+    } else {
+      config.enable_fsk = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
 
-        document.getElementById("chart").style.visibility = 'hidden';
-        document.getElementById("chart").style.height = '0px';
-        document.getElementById("chart").style.display = 'none';
+  // Tuning range clicked
+  document.getElementById("tuning_range_fmin").addEventListener("click", () => {
+    var tuning_range_fmin = document.getElementById("tuning_range_fmin").value;
+    config.tuning_range_fmin = tuning_range_fmin;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
 
-        config.spectrum = 'scatter';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    // chart
-    document.getElementById("waterfall-scatter-switch3").addEventListener("click", () => {
-        document.getElementById("waterfall").style.visibility = 'hidden';
-        document.getElementById("waterfall").style.height = '0px';
-        document.getElementById("waterfall").style.display = 'none';
+  document.getElementById("tuning_range_fmax").addEventListener("click", () => {
+    var tuning_range_fmax = document.getElementById("tuning_range_fmax").value;
+    config.tuning_range_fmax = tuning_range_fmax;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
 
-        document.getElementById("scatter").style.height = '0px';
-        document.getElementById("scatter").style.visibility = 'hidden';
-        document.getElementById("scatter").style.display = 'none';
+  // Theme selector clicked
+  document.getElementById("theme_selector").addEventListener("click", () => {
+    var theme = document.getElementById("theme_selector").value;
+    if (theme != "default") {
+      var theme_path =
+        "../node_modules/bootswatch/dist/" + theme + "/bootstrap.min.css";
+    } else {
+      var theme_path = "../node_modules/bootstrap/dist/css/bootstrap.min.css";
+    }
 
-        document.getElementById("chart").style.height = '100%';
-        document.getElementById("chart").style.display = 'block';
-        document.getElementById("chart").style.visibility = 'visible';
+    //update path to css file
+    document.getElementById("bootstrap_theme").href = escape(theme_path);
 
-        config.spectrum = 'chart';
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    config.theme = theme;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
+
+  // Waterfall theme selector changed
+  document.getElementById("wftheme_selector").addEventListener("change", () => {
+    var wftheme = document.getElementById("wftheme_selector").value;
+    spectrum.setColorMap(wftheme);
+    config.wftheme = wftheme;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
+
+  // Update channel selector changed
+  document
+    .getElementById("update_channel_selector")
+    .addEventListener("change", () => {
+      config.update_channel = document.getElementById(
+        "update_channel_selector"
+      ).value;
+      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+      console.log("Autoupdate channel changed to ", config.update_channel);
     });
 
+  // rx buffer size selector clicked
+  document.getElementById("rx_buffer_size").addEventListener("click", () => {
+    var rx_buffer_size = document.getElementById("rx_buffer_size").value;
+    config.rx_buffer_size = rx_buffer_size;
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
 
-    // on click remote tnc toggle view
-    document.getElementById("local-remote-switch1").addEventListener("click", () => {
-        document.getElementById("local-remote-switch1").checked = true;
-        document.getElementById("local-remote-switch2").checked = false;
-        document.getElementById("remote-tnc-field").style.visibility = 'hidden';
-        config.tnclocation = 'localhost';
-        toggleClass("remote-tnc-field",'d-none',true);
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    document.getElementById("local-remote-switch2").addEventListener("click", () => {
-        document.getElementById("local-remote-switch1").checked = false;
-        document.getElementById("local-remote-switch2").checked = true;
-        document.getElementById("remote-tnc-field").style.visibility = 'visible';
-        config.tnclocation = 'remote';
-        toggleClass("remote-tnc-field",'d-none',false);
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-
-
-
-    // on change ping callsign
-        document.getElementById("dxCall").addEventListener("change", () => {
-        document.getElementById("dataModalDxCall").value = document.getElementById("dxCall").value;
-            });
-    // on change ping callsign
-        document.getElementById("dataModalDxCall").addEventListener("change", () => {
-        document.getElementById("dxCall").value = document.getElementById("dataModalDxCall").value;
-        
-            });
-        
-     // on change port and host
-    document.getElementById("tnc_adress").addEventListener("change", () => {
-        console.log(document.getElementById("tnc_adress").value);
-        config.tnc_host = document.getElementById("tnc_adress").value;
-        config.daemon_host = document.getElementById("tnc_adress").value;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-
-        let Data = {
-            port: document.getElementById("tnc_port").value,
-            adress: document.getElementById("tnc_adress").value,
-        };
-        ipcRenderer.send('request-update-tnc-ip', Data);
-
-        Data = {
-            port: parseInt(document.getElementById("tnc_port").value) + 1,
-            adress: document.getElementById("tnc_adress").value,
-        };
-        ipcRenderer.send('request-update-daemon-ip', Data);
-    });
-
-    // on change tnc port
-    document.getElementById("tnc_port").addEventListener("change", () => {
-
-        config.tnc_port = document.getElementById("tnc_port").value;
-        config.daemon_port = parseInt(document.getElementById("tnc_port").value) + 1;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-
-            let Data = {
-                port: document.getElementById("tnc_port").value,
-                adress: document.getElementById("tnc_adress").value,
-            };
-            ipcRenderer.send('request-update-tnc-ip', Data);
-
-            Data = {
-                port: parseInt(document.getElementById("tnc_port").value) + 1,
-                adress: document.getElementById("tnc_adress").value,
-            };
-            ipcRenderer.send('request-update-daemon-ip', Data);
-
-    });
-    
-    // on change audio TX Level
-    document.getElementById("audioLevelTX").addEventListener("change", () => {
-        var tx_audio_level = parseInt(document.getElementById("audioLevelTX").value);
-        document.getElementById("audioLevelTXvalue").innerHTML = tx_audio_level;
-        config.tx_audio_level = tx_audio_level;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-
-            let Data = {
-                command: "set_tx_audio_level",
-                tx_audio_level: tx_audio_level
-            };
-            ipcRenderer.send('run-tnc-command', Data); 
-
-    });
-    document.getElementById("sendTestFrame").addEventListener("click", () => {
-            let Data = {
-                type: "set",
-                command: "send_test_frame"
-            };
-            ipcRenderer.send('run-tnc-command', Data);        
-    });
-    // saveMyCall button clicked
-    document.getElementById("myCall").addEventListener("input", () => {
-        callsign = document.getElementById("myCall").value;
-        ssid = document.getElementById("myCallSSID").value;
-        callsign_ssid = callsign.toUpperCase() + '-' + ssid;
-        config.mycall = callsign_ssid;
-        // split document title by looking for Call then split and update it
-        //var documentTitle = document.title.split('Call:')
-        //document.title = documentTitle[0] + 'Call: ' + callsign_ssid;
-        updateTitle(callsign_ssid);
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-        daemon.saveMyCall(callsign_ssid);
-    });
-
-    // saveMyGrid button clicked
-    document.getElementById("myGrid").addEventListener("input", () => {
-        grid = document.getElementById("myGrid").value;
-        config.mygrid = grid;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-        daemon.saveMyGrid(grid);
-
-    });
-      
-
-    // startPing button clicked
-    document.getElementById("sendPing").addEventListener("click", () => {
-        var dxcallsign = document.getElementById("dxCall").value.toUpperCase();
-        if (dxcallsign == "" || dxcallsign == null || dxcallsign == undefined)
-            return;
-        pauseButton(document.getElementById("sendPing"),2000);
-        sock.sendPing(dxcallsign);
-    });
-
-    // dataModalstartPing button clicked
-    document.getElementById("dataModalSendPing").addEventListener("click", () => {
-        var dxcallsign = document.getElementById("dataModalDxCall").value;
-        dxcallsign = dxcallsign.toUpperCase();
-        sock.sendPing(dxcallsign);
-    });
-    
-    
-    
-    
-
-    // close app, update and restart
-    document.getElementById("update_and_install").addEventListener("click", () => {
-        ipcRenderer.send('request-restart-and-install');
-    });
-    
-    // open arq session
-    document.getElementById("openARQSession").addEventListener("click", () => {
-        var dxcallsign = document.getElementById("dataModalDxCall").value;
-        dxcallsign = dxcallsign.toUpperCase();
-        sock.connectARQ(dxcallsign);
-    });
-    
-    // close arq session
-    document.getElementById("closeARQSession").addEventListener("click", () => {
-       sock.disconnectARQ();
-    });        
-
-
-    // sendCQ button clicked
-    document.getElementById("sendCQ").addEventListener("click", () => {
-        pauseButton(document.getElementById("sendCQ"),2000);
-        sock.sendCQ();
-    });
-
-
-    // Start beacon button clicked
-    document.getElementById("startBeacon").addEventListener("click", () => {
-        interval = document.getElementById("beaconInterval").value;
-        config.beacon_interval = interval;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-        sock.startBeacon(interval);
-    });  
-    
-    // sendscatter Switch clicked
-    document.getElementById("scatterSwitch").addEventListener("click", () => {
-        console.log(document.getElementById("scatterSwitch").checked);
-        if(document.getElementById("scatterSwitch").checked == true){
-            config.enable_scatter = "True";       
-        } else {
-            config.enable_scatter = "False";       
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });  
-    
-    // sendfft Switch clicked
-    document.getElementById("fftSwitch").addEventListener("click", () => {
-        if(document.getElementById("fftSwitch").checked == true){
-            config.enable_fft = "True";    
-        } else {
-            config.enable_fft = "False";       
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-
-    // enable 500z Switch clicked
-    document.getElementById("500HzModeSwitch").addEventListener("click", () => {
-        if(document.getElementById("500HzModeSwitch").checked == true){
-            config.low_bandwidth_mode = "True";       
-        } else {
-            config.low_bandwidth_mode = "False";       
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    
-    // enable response to cq clicked
-    document.getElementById("respondCQSwitch").addEventListener("click", () => {
-        if(document.getElementById("respondCQSwitch").checked == true){
-            config.respond_to_cq = "True";       
-        } else {
-            config.respond_to_cq = "False";       
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });    
-
-    // enable explorer Switch clicked
-    document.getElementById("ExplorerSwitch").addEventListener("click", () => {
-        if(document.getElementById("ExplorerSwitch").checked == true){
-            config.enable_explorer = "True";
-        } else {
-            config.enable_explorer = "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 autotune 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));
-    });
-    document.getElementById("GraphicsSwitch").addEventListener("click", () => {
-        if(document.getElementById("GraphicsSwitch").checked == true){
-            config.high_graphics = "True";
-        } else {
-            config.high_graphics = "False";
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-        set_CPU_mode();
-    });
-
-    // enable fsk Switch clicked
-    document.getElementById("fskModeSwitch").addEventListener("click", () => {
-        if(document.getElementById("fskModeSwitch").checked == true){
-            config.enable_fsk = "True";       
-        } else {
-            config.enable_fsk = "False";       
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    
-    
-    
-        // Tuning range clicked
-    document.getElementById("tuning_range_fmin").addEventListener("click", () => {
-        var tuning_range_fmin = document.getElementById("tuning_range_fmin").value;      
-        config.tuning_range_fmin = tuning_range_fmin;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-
-    document.getElementById("tuning_range_fmax").addEventListener("click", () => {
-        var tuning_range_fmax = document.getElementById("tuning_range_fmax").value;      
-        config.tuning_range_fmax = tuning_range_fmax;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });    
-    
-        
-    // Theme selector clicked
-    document.getElementById("theme_selector").addEventListener("click", () => {
-        
-        var theme = document.getElementById("theme_selector").value;
-        if(theme != 'default'){
-            var theme_path = "../node_modules/bootswatch/dist/"+ theme +"/bootstrap.min.css";
-        } else {
-            var theme_path = "../node_modules/bootstrap/dist/css/bootstrap.min.css";
-        }
-        
-        //update path to css file
-        document.getElementById("bootstrap_theme").href = escape(theme_path)
-        
-        config.theme = theme;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-
-    });
-
-    // Waterfall theme selector changed
-    document.getElementById("wftheme_selector").addEventListener("change", () => {
-        var wftheme = document.getElementById("wftheme_selector").value;
-        spectrum.setColorMap(wftheme);
-        config.wftheme = wftheme;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    
-        // Update channel selector changed
-    document.getElementById("update_channel_selector").addEventListener("change", () => {
-        config.update_channel = document.getElementById("update_channel_selector").value;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-        console.log("Autoupdate channel changed to ", config.update_channel);
-    });    
-
-    // rx buffer size selector clicked
-    document.getElementById("rx_buffer_size").addEventListener("click", () => {
-        var rx_buffer_size = document.getElementById("rx_buffer_size").value;
-        config.rx_buffer_size = rx_buffer_size;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-    
-
-    //screen size
-    window.addEventListener('resize',() => {
-
+  //screen size
+  window.addEventListener("resize", () => {
     config.screen_height = window.innerHeight;
     config.screen_width = window.innerWidth;
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
+  });
 
+  // Stop beacon button clicked
+  document.getElementById("stopBeacon").addEventListener("click", () => {
+    sock.stopBeacon();
+  });
 
-    // Stop beacon button clicked
-    document.getElementById("stopBeacon").addEventListener("click", () => {
-        sock.stopBeacon();
-    });
+  // Explorer button clicked
+  document.getElementById("openExplorer").addEventListener("click", () => {
+    shell.openExternal(
+      "https://explorer.freedata.app/?myCall=" +
+        document.getElementById("myCall").value
+    );
+  });
 
-    // Explorer button clicked
-    document.getElementById("openExplorer").addEventListener("click", () => {
-        shell.openExternal('https://explorer.freedata.app/?myCall=' + document.getElementById("myCall").value);
-    });
+  // Stats button clicked
+  document.getElementById("btnStats").addEventListener("click", () => {
+    shell.openExternal("https://statistics.freedata.app");
+  });
 
-    // Stats button clicked
-    document.getElementById("btnStats").addEventListener("click", () => {
-        shell.openExternal('https://statistics.freedata.app');
-    });
+  // GH Link clicked
+  document.getElementById("ghUrl").addEventListener("click", () => {
+    shell.openExternal("https://github.com/DJ2LS/FreeDATA");
+  });
+  // Wiki Link clicked
+  document.getElementById("wikiUrl").addEventListener("click", () => {
+    shell.openExternal("https://wiki.freedata.app");
+  });
+  // Groups.io Link clicked
+  document.getElementById("groupsioUrl").addEventListener("click", () => {
+    shell.openExternal("https://groups.io/g/freedata");
+  });
+  // Discord Link clicked
+  document.getElementById("discordUrl").addEventListener("click", () => {
+    shell.openExternal("https://discord.gg/jnADeDtxUF");
+  });
+  // startTNC button clicked
+  document.getElementById("startTNC").addEventListener("click", () => {
+    var tuning_range_fmin = document.getElementById("tuning_range_fmin").value;
+    var tuning_range_fmax = document.getElementById("tuning_range_fmax").value;
 
-    // GH Link clicked
-    document.getElementById("ghUrl").addEventListener("click", () => {
-        shell.openExternal('https://github.com/DJ2LS/FreeDATA');
-    });
-    // Wiki Link clicked
-    document.getElementById("wikiUrl").addEventListener("click", () => {
-        shell.openExternal('https://wiki.freedata.app');
-    });
-        // Groups.io Link clicked
-        document.getElementById("groupsioUrl").addEventListener("click", () => {
-            shell.openExternal('https://groups.io/g/freedata');
-        });
-        // Discord Link clicked
-        document.getElementById("discordUrl").addEventListener("click", () => {
-            shell.openExternal('https://discord.gg/jnADeDtxUF');
-        });
-    // startTNC button clicked
-    document.getElementById("startTNC").addEventListener("click", () => {
+    var rigctld_ip = document.getElementById("hamlib_rigctld_ip").value;
+    var rigctld_port = document.getElementById("hamlib_rigctld_port").value;
+    var hamlib_rigctld_server_port = document.getElementById(
+      "hamlib_rigctld_server_port"
+    ).value;
 
-        var tuning_range_fmin = document.getElementById("tuning_range_fmin").value;
-        var tuning_range_fmax = document.getElementById("tuning_range_fmax").value;
-                
-        var rigctld_ip = document.getElementById("hamlib_rigctld_ip").value;
-        var rigctld_port = document.getElementById("hamlib_rigctld_port").value;
-        var hamlib_rigctld_server_port = document.getElementById("hamlib_rigctld_server_port").value;
+    var deviceid = document.getElementById("hamlib_deviceid").value;
+    var deviceport = document.getElementById("hamlib_deviceport").value;
+    var serialspeed = document.getElementById("hamlib_serialspeed").value;
+    var pttprotocol = document.getElementById("hamlib_pttprotocol").value;
+    var hamlib_dcd = document.getElementById("hamlib_dcd").value;
 
-        var deviceid = document.getElementById("hamlib_deviceid").value;
-        var deviceport = document.getElementById("hamlib_deviceport").value;
-        var serialspeed = document.getElementById("hamlib_serialspeed").value;
-        var pttprotocol = document.getElementById("hamlib_pttprotocol").value;
-        var hamlib_dcd = document.getElementById("hamlib_dcd").value;
+    var mycall = document.getElementById("myCall").value;
+    var ssid = document.getElementById("myCallSSID").value;
+    callsign_ssid = mycall.toUpperCase() + "-" + ssid;
 
-        var mycall = document.getElementById("myCall").value;
-        var ssid = document.getElementById("myCallSSID").value;
-        callsign_ssid = mycall.toUpperCase() + '-' + ssid;
-        
-        var mygrid = document.getElementById("myGrid").value;
-        
-        var rx_audio = document.getElementById("audio_input_selectbox").value;
-        var tx_audio = document.getElementById("audio_output_selectbox").value;
-        
-        var pttport = document.getElementById("hamlib_ptt_port").value;
-        var data_bits = document.getElementById('hamlib_databits').value;
-        var stop_bits = document.getElementById('hamlib_stopbits').value;
-        var handshake = document.getElementById('hamlib_handshake').value;
-        
-        if (document.getElementById("scatterSwitch").checked == true){
-            var enable_scatter = "True";
-        } else {
-            var enable_scatter = "False";
-        }
-        
+    var mygrid = document.getElementById("myGrid").value;
 
-        if (document.getElementById("fftSwitch").checked == true){
-            var enable_fft = "True";
-        } else {
-            var enable_fft = "False";
-        }
+    var rx_audio = document.getElementById("audio_input_selectbox").value;
+    var tx_audio = document.getElementById("audio_output_selectbox").value;
 
-        if (document.getElementById("500HzModeSwitch").checked == true){
-            var low_bandwidth_mode = "True";
-        } else {
-            var low_bandwidth_mode = "False";
-        }
-        
-        if (document.getElementById("fskModeSwitch").checked == true){
-            var enable_fsk = "True";
-        } else {
-            var enable_fsk = "False";
-        }        
+    var pttport = document.getElementById("hamlib_ptt_port").value;
+    var data_bits = document.getElementById("hamlib_databits").value;
+    var stop_bits = document.getElementById("hamlib_stopbits").value;
+    var handshake = document.getElementById("hamlib_handshake").value;
 
-        if (document.getElementById("respondCQSwitch").checked == true){
-            var respond_to_cq = "True";
-        } else {
-            var respond_to_cq = "False";
-        } 
+    if (document.getElementById("scatterSwitch").checked == true) {
+      var enable_scatter = "True";
+    } else {
+      var enable_scatter = "False";
+    }
 
-        if (document.getElementById("ExplorerSwitch").checked == true){
-            var enable_explorer = "True";
-        } else {
-            var enable_explorer = "False";
-        }
+    if (document.getElementById("fftSwitch").checked == true) {
+      var enable_fft = "True";
+    } else {
+      var enable_fft = "False";
+    }
 
-        if (document.getElementById("ExplorerStatsSwitch").checked == true){
-            var explorer_stats = "True";
-        } else {
-            var explorer_stats = "False";
-        }
+    if (document.getElementById("500HzModeSwitch").checked == true) {
+      var low_bandwidth_mode = "True";
+    } else {
+      var low_bandwidth_mode = "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];
-      
-            if (device.value == rx_audio) {
-                console.log(device.text);
-                config.rx_audio = device.text;
-            }
-        }
+    if (document.getElementById("fskModeSwitch").checked == true) {
+      var enable_fsk = "True";
+    } else {
+      var enable_fsk = "False";
+    }
 
-        // loop through audio device list and select
-        for(i = 0; i < document.getElementById("audio_output_selectbox").length; i++) {
-            device = document.getElementById("audio_output_selectbox")[i];
-      
-            if (device.value == tx_audio) {
-                console.log(device.text);
-                config.tx_audio = device.text;
-            }
-        }        
+    if (document.getElementById("respondCQSwitch").checked == true) {
+      var respond_to_cq = "True";
+    } else {
+      var respond_to_cq = "False";
+    }
 
-        if (!document.getElementById("radio-control-switch-disabled").checked) {
-            var radiocontrol = 'rigctld';
-        } else {
-            var radiocontrol = 'disabled';
-        }     
+    if (document.getElementById("ExplorerSwitch").checked == true) {
+      var enable_explorer = "True";
+    } else {
+      var enable_explorer = "False";
+    }
 
-        var tx_audio_level = document.getElementById("audioLevelTX").value;
-        var rx_buffer_size = document.getElementById("rx_buffer_size").value;
+    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];
 
+      if (device.value == rx_audio) {
+        console.log(device.text);
+        config.rx_audio = device.text;
+      }
+    }
 
+    // loop through audio device list and select
+    for (
+      i = 0;
+      i < document.getElementById("audio_output_selectbox").length;
+      i++
+    ) {
+      device = document.getElementById("audio_output_selectbox")[i];
 
-        config.radiocontrol = radiocontrol;
-        config.mycall = callsign_ssid;
-        config.mygrid = mygrid;                
-        config.hamlib_deviceid = deviceid;
-        config.hamlib_deviceport = deviceport;
-        config.hamlib_serialspeed = serialspeed;
-        config.hamlib_pttprotocol = pttprotocol;
-        config.hamlib_pttport = pttport;
-        config.hamlib_data_bits = data_bits;
-        config.hamlib_stop_bits = stop_bits;
-        config.hamlib_handshake = handshake;
-        config.hamlib_dcd = hamlib_dcd;
-        //config.deviceid_rigctl = deviceid_rigctl;
-        //config.serialspeed_rigctl = serialspeed_rigctl;
-        //config.pttprotocol_rigctl = pttprotocol_rigctl;
-        config.hamlib_rigctld_port = rigctld_port;
-        config.hamlib_rigctld_ip = rigctld_ip;
-        config.hamlib_rigctld_server_port = hamlib_rigctld_server_port;
-        //config.deviceport_rigctl = deviceport_rigctl;
-        config.enable_scatter = enable_scatter;
-        config.enable_fft = enable_fft;
-        config.enable_fsk = enable_fsk;
-        config.low_bandwidth_mode = low_bandwidth_mode;
-        config.tx_audio_level = tx_audio_level;
-        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;
+      if (device.value == tx_audio) {
+        console.log(device.text);
+        config.tx_audio = device.text;
+      }
+    }
 
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+    if (!document.getElementById("radio-control-switch-disabled").checked) {
+      var radiocontrol = "rigctld";
+    } else {
+      var radiocontrol = "disabled";
+    }
 
+    var tx_audio_level = document.getElementById("audioLevelTX").value;
+    var rx_buffer_size = document.getElementById("rx_buffer_size").value;
 
-        // collapse settings screen
-        // deactivated this part so start / stop is a little bit more smooth. We are getting problems because of network delay
-        /*
+    config.radiocontrol = radiocontrol;
+    config.mycall = callsign_ssid;
+    config.mygrid = mygrid;
+    config.hamlib_deviceid = deviceid;
+    config.hamlib_deviceport = deviceport;
+    config.hamlib_serialspeed = serialspeed;
+    config.hamlib_pttprotocol = pttprotocol;
+    config.hamlib_pttport = pttport;
+    config.hamlib_data_bits = data_bits;
+    config.hamlib_stop_bits = stop_bits;
+    config.hamlib_handshake = handshake;
+    config.hamlib_dcd = hamlib_dcd;
+    //config.deviceid_rigctl = deviceid_rigctl;
+    //config.serialspeed_rigctl = serialspeed_rigctl;
+    //config.pttprotocol_rigctl = pttprotocol_rigctl;
+    config.hamlib_rigctld_port = rigctld_port;
+    config.hamlib_rigctld_ip = rigctld_ip;
+    config.hamlib_rigctld_server_port = hamlib_rigctld_server_port;
+    //config.deviceport_rigctl = deviceport_rigctl;
+    config.enable_scatter = enable_scatter;
+    config.enable_fft = enable_fft;
+    config.enable_fsk = enable_fsk;
+    config.low_bandwidth_mode = low_bandwidth_mode;
+    config.tx_audio_level = tx_audio_level;
+    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));
+
+    // collapse settings screen
+    // deactivated this part so start / stop is a little bit more smooth. We are getting problems because of network delay
+    /*
         var collapseFirstRow = new bootstrap.Collapse(document.getElementById('collapseFirstRow'), {toggle: false})
         collapseFirstRow.hide()
         var collapseSecondRow = new bootstrap.Collapse(document.getElementById('collapseSecondRow'), {toggle: false})
@@ -1438,30 +1581,50 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
         collapseFourthRow.show() 
         */
 
+    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
+    );
+  });
 
-        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);
+  document.getElementById("tncLog").addEventListener("click", () => {
+    ipcRenderer.send("request-open-tnc-log");
+  });
 
-        
-    })
+  // stopTNC button clicked
+  document.getElementById("stopTNC").addEventListener("click", () => {
+    if (!confirm("Stop the TNC?")) return;
 
-    document.getElementById("tncLog").addEventListener("click", () => {
+    daemon.stopTNC();
 
-            ipcRenderer.send('request-open-tnc-log');
-    
-    
-    
-})
-
-
-    // stopTNC button clicked
-    document.getElementById("stopTNC").addEventListener("click", () => {
-        if (!confirm("Stop the TNC?")) return;
-        
-        daemon.stopTNC();
- 
-        // collapse settings screen
-        // deactivated this part so start / stop is a little bit more smooth. We are getting problems because of network delay
-        /*
+    // collapse settings screen
+    // deactivated this part so start / stop is a little bit more smooth. We are getting problems because of network delay
+    /*
         var collapseFirstRow = new bootstrap.Collapse(document.getElementById('collapseFirstRow'), {toggle: false})
         collapseFirstRow.show()
         var collapseSecondRow = new bootstrap.Collapse(document.getElementById('collapseSecondRow'), {toggle: false})
@@ -1472,773 +1635,847 @@ document.getElementById('hamlib_rigctld_stop').addEventListener('click', () => {
         var collapseFourthRow = new bootstrap.Collapse(document.getElementById('collapseFourthRow'), {toggle: false})
         collapseFourthRow.hide() 
         */
-    })
-    
-    
-    // openDataModule button clicked
-    // not necessesary at this time beacuse bootstrap handles this 
-    // document.getElementById("openDataModule").addEventListener("click", () => {
-    //   var transmitFileSidebar = document.getElementById('transmitFileSidebar')
-    //   var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
-    //   bstransmitFileSidebar.show()    
-    //})
+  });
 
-    // openReceivedFiles button clicked
-    // not necessesary at this time beacuse bootstrap handles this 
-    //document.getElementById("openReceivedFiles").addEventListener("click", () => {
-    //   var transmitFileSidebar = document.getElementById('transmitFileSidebar')
-    //   var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
-    //   bstransmitFileSidebar.show()    
-    //})
+  // openDataModule button clicked
+  // not necessesary at this time beacuse bootstrap handles this
+  // document.getElementById("openDataModule").addEventListener("click", () => {
+  //   var transmitFileSidebar = document.getElementById('transmitFileSidebar')
+  //   var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
+  //   bstransmitFileSidebar.show()
+  //})
 
+  // openReceivedFiles button clicked
+  // not necessesary at this time beacuse bootstrap handles this
+  //document.getElementById("openReceivedFiles").addEventListener("click", () => {
+  //   var transmitFileSidebar = document.getElementById('transmitFileSidebar')
+  //   var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
+  //   bstransmitFileSidebar.show()
+  //})
 
-    // TEST HAMLIB
-    document.getElementById("testHamlib").addEventListener("click", () => {
-        
+  // TEST HAMLIB
+  document.getElementById("testHamlib").addEventListener("click", () => {
+    var data_bits = document.getElementById("hamlib_databits").value;
+    var stop_bits = document.getElementById("hamlib_stopbits").value;
+    var handshake = document.getElementById("hamlib_handshake").value;
+    var pttport = document.getElementById("hamlib_ptt_port").value;
 
-        var data_bits = document.getElementById("hamlib_databits").value;
-        var stop_bits = document.getElementById("hamlib_stopbits").value;
-        var handshake = document.getElementById("hamlib_handshake").value;
-        var pttport = document.getElementById("hamlib_ptt_port").value;
+    var rigctld_ip = document.getElementById("hamlib_rigctld_ip").value;
+    var rigctld_port = document.getElementById("hamlib_rigctld_port").value;
 
-        var rigctld_ip = document.getElementById("hamlib_rigctld_ip").value;
-        var rigctld_port = document.getElementById("hamlib_rigctld_port").value;
+    var deviceid = document.getElementById("hamlib_deviceid").value;
+    var deviceport = document.getElementById("hamlib_deviceport").value;
+    var serialspeed = document.getElementById("hamlib_serialspeed").value;
+    var pttprotocol = document.getElementById("hamlib_pttprotocol").value;
 
-        var deviceid = document.getElementById("hamlib_deviceid").value;
-        var deviceport = document.getElementById("hamlib_deviceport").value;
-        var serialspeed = document.getElementById("hamlib_serialspeed").value;
-        var pttprotocol = document.getElementById("hamlib_pttprotocol").value;
+    if (document.getElementById("radio-control-switch-disabled").checked) {
+      var radiocontrol = "disabled";
+    } else {
+      var radiocontrol = "rigctld";
+    }
 
-        if (document.getElementById("radio-control-switch-disabled").checked) {
-            var radiocontrol = 'disabled';
-        } else {
-            var radiocontrol = 'rigctld';
-        }     
+    daemon.testHamlib(
+      radiocontrol,
+      deviceid,
+      deviceport,
+      serialspeed,
+      pttprotocol,
+      pttport,
+      data_bits,
+      stop_bits,
+      handshake,
+      rigctld_ip,
+      rigctld_port
+    );
+  });
 
-        daemon.testHamlib(radiocontrol, deviceid, deviceport, serialspeed, pttprotocol, pttport, data_bits, stop_bits, handshake, rigctld_ip, rigctld_port)                 
-    })
-
-
-    // START TRANSMISSION
-    document.getElementById("startTransmission").addEventListener("click", () => {
-        //document.getElementById("transmitFileSidebar").style.width = "0px";
-        /* not neccessary at this time because handled by bootstap inside html
+  // START TRANSMISSION
+  document.getElementById("startTransmission").addEventListener("click", () => {
+    //document.getElementById("transmitFileSidebar").style.width = "0px";
+    /* not neccessary at this time because handled by bootstap inside html
             var transmitFileSidebar = document.getElementById('transmitFileSidebar')
             var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
             bstransmitFileSidebar.show()   
         */
-        
-        
-    
-        var fileList = document.getElementById("dataModalFile").files;
-        console.log(fileList)
-        var reader = new FileReader();
-        reader.readAsBinaryString(fileList[0]);
-        //reader.readAsDataURL(fileList[0]);
 
-        reader.onload = function(e) {
-            // binary data
+    var fileList = document.getElementById("dataModalFile").files;
+    console.log(fileList);
+    var reader = new FileReader();
+    reader.readAsBinaryString(fileList[0]);
+    //reader.readAsDataURL(fileList[0]);
 
-            var data = e.target.result;
-            console.log(data);
-            
+    reader.onload = function (e) {
+      // binary data
 
-            let Data = {
-                command: "send_file",
-                dxcallsign: document.getElementById("dataModalDxCall").value.toUpperCase(),
-                mode: document.getElementById("datamode").value,
-                frames: document.getElementById("framesperburst").value,
-                filetype: fileList[0].type,
-                filename: fileList[0].name,
-                data: data,
-                checksum: '123123123',
-            };
-            // only send command if dxcallsign entered and we have a file selected
-            if(document.getElementById("dataModalDxCall").value.length > 0){
-                ipcRenderer.send('run-tnc-command', Data);
-            }
-        };
-        reader.onerror = function(e) {
-            // error occurred
-            console.log('Error : ' + e.type);
-        };
+      var data = e.target.result;
+      console.log(data);
 
-    })
-    // STOP TRANSMISSION
-    document.getElementById("stopTransmission").addEventListener("click", () => {
-            let Data = {
-                command: "stop_transmission"
-            };
-            ipcRenderer.send('run-tnc-command', Data);    
-    })
-    
-    // STOP TRANSMISSION AND CONNECRTION
-    document.getElementById("stop_transmission_connection").addEventListener("click", () => {
-            let Data = {
-                command: "stop_transmission"
-            };
-            ipcRenderer.send('run-tnc-command', Data);
-            sock.disconnectARQ();    
-    })
-    
-    
-    // OPEN CHAT MODULE
-    document.getElementById("openRFChat").addEventListener("click", () => {
-            let Data = {
-                command: "openRFChat"
-            };
-            ipcRenderer.send('request-show-chat-window', Data);    
-    })
-})
+      let Data = {
+        command: "send_file",
+        dxcallsign: document
+          .getElementById("dataModalDxCall")
+          .value.toUpperCase(),
+        mode: document.getElementById("datamode").value,
+        frames: document.getElementById("framesperburst").value,
+        filetype: fileList[0].type,
+        filename: fileList[0].name,
+        data: data,
+        checksum: "123123123",
+      };
+      // only send command if dxcallsign entered and we have a file selected
+      if (document.getElementById("dataModalDxCall").value.length > 0) {
+        ipcRenderer.send("run-tnc-command", Data);
+      }
+    };
+    reader.onerror = function (e) {
+      // error occurred
+      console.log("Error : " + e.type);
+    };
+  });
+  // STOP TRANSMISSION
+  document.getElementById("stopTransmission").addEventListener("click", () => {
+    let Data = {
+      command: "stop_transmission",
+    };
+    ipcRenderer.send("run-tnc-command", Data);
+  });
 
-function connectedStation(data)
-{
-    if ((typeof(data.dxcallsign) == 'undefined')) {
-        return;
+  // STOP TRANSMISSION AND CONNECRTION
+  document
+    .getElementById("stop_transmission_connection")
+    .addEventListener("click", () => {
+      let Data = {
+        command: "stop_transmission",
+      };
+      ipcRenderer.send("run-tnc-command", Data);
+      sock.disconnectARQ();
+    });
+
+  // OPEN CHAT MODULE
+  document.getElementById("openRFChat").addEventListener("click", () => {
+    let Data = {
+      command: "openRFChat",
+    };
+    ipcRenderer.send("request-show-chat-window", Data);
+  });
+});
+
+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;
     }
-    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;
+  }
+  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")
-    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: ";
+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);
+  txprog.setAttribute("aria-valuenow", data.percent);
+  txprog.setAttribute("style", "width:" + data.percent + "%;");
 
-    // SET BYTES PER MINUTE
-    if (typeof(data.bytesperminute) == 'undefined') {
-        var arq_bytes_per_minute = 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;
+    }
+    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 {
-        var arq_bytes_per_minute = data.bytesperminute;
+      time_left =
+        "time left: ~" +
+        minutes.toString().padStart(2, "0") +
+        "." +
+        seconds.toString().padStart(2, "0");
     }
-    
-    // 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>";
-    
+  }
+  var time_left = "<strong>" + time_left + " || Speed/min: ";
 
-    document.getElementById("transmission_timeleft").innerHTML = time_left;
-    connectedStation(data);
+  // 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>";
+
+  document.getElementById("transmission_timeleft").innerHTML = time_left;
+  connectedStation(data);
 });
 
 //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")
-    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: ";
+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 BYTES PER MINUTE
-    if (typeof(data.bytesperminute) == 'undefined') {
-        var arq_bytes_per_minute = 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;
+    }
+    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 {
-        var arq_bytes_per_minute = data.bytesperminute;
+      time_left =
+        "time left: ~" +
+        minutes.toString().padStart(2, "0") +
+        "." +
+        seconds.toString().padStart(2, "0");
     }
-    
-    // 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>";
-    
-    connectedStation(data);
+  }
+  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>";
+
+  connectedStation(data);
 });
 
-var lastHeard="";
-ipcRenderer.on('action-update-tnc-state', (event, arg) => {
-    // update FFT
-    if (typeof(arg.fft) !== 'undefined') {
-        var array = JSON.parse("[" + arg.fft + "]");
-        spectrum.addData(array[0]);
-    }
+var lastHeard = "";
+ipcRenderer.on("action-update-tnc-state", (event, arg) => {
+  // update FFT
+  if (typeof arg.fft !== "undefined") {
+    var array = JSON.parse("[" + arg.fft + "]");
+    spectrum.addData(array[0]);
+  }
 
-    if (typeof(arg.mycallsign) !== 'undefined') {
-        updateTitle(arg.mycallsign);
-    }
+  if (typeof arg.mycallsign !== "undefined") {
+    updateTitle(arg.mycallsign);
+  }
 
-    // update mygrid information with data from tnc
-    if (typeof(arg.mygrid) !== 'undefined') {
-        document.getElementById("myGrid").value = arg.mygrid;
-    }
+  // update mygrid information with data from tnc
+  if (typeof arg.mygrid !== "undefined") {
+    document.getElementById("myGrid").value = arg.mygrid;
+  }
 
-    // DATA STATE
-    global.rxBufferLengthTnc = arg.rx_buffer_length
+  // DATA STATE
+  global.rxBufferLengthTnc = arg.rx_buffer_length;
 
-    // START OF SCATTER CHART
-    const scatterConfig = {
-                plugins: {
-                    legend: {
-                        display: false,
-                        },
-                    tooltip: {
-                        enabled: false
-                    },
-                    annotation: {
-                        annotations: {
-                            line1: {
-                              type: 'line',
-                              yMin: 0,
-                              yMax: 0,
-                              borderColor: 'rgb(255, 99, 132)',
-                              borderWidth: 2,
-                            },
-                            line2: {
-                              type: 'line',
-                              xMin: 0,
-                              xMax: 0,
-                              borderColor: 'rgb(255, 99, 132)',
-                              borderWidth: 2,
-                            }
-                         }   
-                     },   
-                },
-                animations: false,
-                scales: {
-                    x: {
-                        type: 'linear',
-                        position: 'bottom',
-                        display: true,
-                        min: -80,
-                        max: 80,
-                        ticks: {
-                            display: false
-                        }            
-                    },
-                    y: {
-                        display: true,
-                        min: -80,
-                        max: 80,
-                        ticks: {
-                            display: false,
-                        }
-                    }
-                }
-        }
-    var scatterData = arg.scatter
-    var newScatterData = {
-        datasets: [{
-            //label: 'constellation diagram',
-            data: scatterData,
-            options: scatterConfig,
-            backgroundColor: 'rgb(255, 99, 132)'
-        }],
-    };
+  // START OF SCATTER CHART
+  const scatterConfig = {
+    plugins: {
+      legend: {
+        display: false,
+      },
+      tooltip: {
+        enabled: false,
+      },
+      annotation: {
+        annotations: {
+          line1: {
+            type: "line",
+            yMin: 0,
+            yMax: 0,
+            borderColor: "rgb(255, 99, 132)",
+            borderWidth: 2,
+          },
+          line2: {
+            type: "line",
+            xMin: 0,
+            xMax: 0,
+            borderColor: "rgb(255, 99, 132)",
+            borderWidth: 2,
+          },
+        },
+      },
+    },
+    animations: false,
+    scales: {
+      x: {
+        type: "linear",
+        position: "bottom",
+        display: true,
+        min: -80,
+        max: 80,
+        ticks: {
+          display: false,
+        },
+      },
+      y: {
+        display: true,
+        min: -80,
+        max: 80,
+        ticks: {
+          display: false,
+        },
+      },
+    },
+  };
+  var scatterData = arg.scatter;
+  var newScatterData = {
+    datasets: [
+      {
+        //label: 'constellation diagram',
+        data: scatterData,
+        options: scatterConfig,
+        backgroundColor: "rgb(255, 99, 132)",
+      },
+    ],
+  };
 
-    if (typeof(arg.scatter) == 'undefined') {
-        var scatterSize = 0;
+  if (typeof arg.scatter == "undefined") {
+    var scatterSize = 0;
+  } else {
+    var scatterSize = arg.scatter.length;
+  }
+
+  if (scatterSize > 0 && global.scatterData != newScatterData) {
+    global.scatterData = newScatterData;
+
+    if (typeof global.scatterChart == "undefined") {
+      var scatterCtx = document.getElementById("scatter").getContext("2d");
+      global.scatterChart = new Chart(scatterCtx, {
+        type: "scatter",
+        data: global.scatterData,
+        options: scatterConfig,
+      });
     } else {
-        var scatterSize = arg.scatter.length;
+      global.scatterChart.data = global.scatterData;
+      global.scatterChart.update();
     }
+  }
+  // END OF SCATTER CHART
 
-     if (scatterSize > 0 && global.scatterData != newScatterData) {
-     global.scatterData = newScatterData;
+  // START OF SPEED CHART
+  var speedDataTime = [];
 
-        if (typeof(global.scatterChart) == 'undefined') {
-        var scatterCtx = document.getElementById('scatter').getContext('2d');
-        global.scatterChart = new Chart(scatterCtx, {
-            type: 'scatter',
-            data: global.scatterData,
-            options: scatterConfig
-        });
-    } else {
-        global.scatterChart.data = global.scatterData;
-        global.scatterChart.update();
+  if (typeof arg.speed_list == "undefined") {
+    var speed_listSize = 0;
+  } else {
+    var speed_listSize = arg.speed_list.length;
+  }
+
+  for (var i = 0; i < speed_listSize; i++) {
+    var timestamp = arg.speed_list[i].timestamp * 1000;
+    var h = new Date(timestamp).getHours();
+    var m = new Date(timestamp).getMinutes();
+    var s = new Date(timestamp).getSeconds();
+    var time = h + ":" + m + ":" + s;
+    speedDataTime.push(time);
+  }
+
+  var speedDataBpm = [];
+  for (var i = 0; i < speed_listSize; i++) {
+    speedDataBpm.push(arg.speed_list[i].bpm);
+  }
+
+  var speedDataSnr = [];
+  for (var i = 0; i < speed_listSize; i++) {
+    speedDataSnr.push(arg.speed_list[i].snr);
+  }
+
+  var speedChartConfig = {
+    type: "line",
+  };
+
+  // https://www.chartjs.org/docs/latest/samples/line/segments.html
+  const skipped = (speedCtx, value) =>
+    speedCtx.p0.skip || speedCtx.p1.skip ? value : undefined;
+  const down = (speedCtx, value) =>
+    speedCtx.p0.parsed.y > speedCtx.p1.parsed.y ? value : undefined;
+
+  var newSpeedData = {
+    labels: speedDataTime,
+    datasets: [
+      {
+        type: "line",
+        label: "SNR[dB]",
+        data: speedDataSnr,
+        borderColor: "rgb(75, 192, 192, 1.0)",
+        segment: {
+          borderColor: (ctx) =>
+            skipped(ctx, "rgb(0,0,0,0.2)") || down(ctx, "rgb(192,75,75)"),
+          borderDash: (ctx) => skipped(ctx, [6, 6]),
+        },
+        spanGaps: true,
+        backgroundColor: "rgba(75, 192, 192, 0.2)",
+        order: 1,
+        yAxisID: "SNR",
+      },
+      {
+        type: "bar",
+        label: "Speed[bpm]",
+        data: speedDataBpm,
+        borderColor: "rgb(120, 100, 120, 1.0)",
+        backgroundColor: "rgba(120, 100, 120, 0.2)",
+        order: 0,
+        yAxisID: "SPEED",
+      },
+    ],
+  };
+
+  var speedChartOptions = {
+    responsive: true,
+    animations: true,
+    cubicInterpolationMode: "monotone",
+    tension: 0.4,
+    scales: {
+      SNR: {
+        type: "linear",
+        ticks: { beginAtZero: true, color: "rgb(255, 99, 132)" },
+        position: "right",
+      },
+      SPEED: {
+        type: "linear",
+        ticks: { beginAtZero: true, color: "rgb(120, 100, 120)" },
+        position: "left",
+        grid: {
+          drawOnChartArea: false, // only want the grid lines for one axis to show up
+        },
+      },
+      x: { ticks: { beginAtZero: true } },
+    },
+  };
+
+  if (typeof global.speedChart == "undefined") {
+    var speedCtx = document.getElementById("chart").getContext("2d");
+    global.speedChart = new Chart(speedCtx, {
+      data: newSpeedData,
+      options: speedChartOptions,
+    });
+  } else {
+    if (speedDataSnr.length > 0) {
+      global.speedChart.data = newSpeedData;
+      global.speedChart.update();
     }
-}
-    // END OF SCATTER CHART
+  }
+  // END OF SPEED CHART
 
-    // START OF SPEED CHART
-    var speedDataTime = []
+  // PTT STATE
+  switch (arg.ptt_state) {
+    case "True":
+      document.getElementById("ptt_state").className = "btn btn-sm btn-danger";
+      break;
+    case "False":
+      document.getElementById("ptt_state").className = "btn btn-sm btn-success";
+      break;
+    default:
+      document.getElementById("ptt_state").className =
+        "btn btn-sm btn-secondary";
+      break;
+  }
 
-    if (typeof(arg.speed_list) == 'undefined') {
-        var speed_listSize = 0;
-    } else {
-        var speed_listSize = arg.speed_list.length;
-    }
+  // AUDIO RECORDING
+  if (arg.audio_recording == "True") {
+    document.getElementById("startStopRecording").textContent = "Stop Rec";
+  } else {
+    document.getElementById("startStopRecording").textContent = "Start Rec";
+  }
 
-    for (var i=0; i < speed_listSize; i++) {
-        var timestamp = arg.speed_list[i].timestamp * 1000
-        var h = new Date(timestamp).getHours();
-        var m = new Date(timestamp).getMinutes();
-        var s = new Date(timestamp).getSeconds();
-        var time = h + ':' + m + ':' + s;
-        speedDataTime.push(time)
-    }
+  // CHANNEL BUSY STATE
+  switch (arg.channel_busy) {
+    case "True":
+      document.getElementById("channel_busy").className =
+        "btn btn-sm btn-danger";
+      break;
+    case "False":
+      document.getElementById("channel_busy").className =
+        "btn btn-sm btn-success";
+      break;
+    default:
+      document.getElementById("channel_busy").className =
+        "btn btn-sm btn-secondary";
+      break;
+  }
 
-    var speedDataBpm = []
-    for (var i=0; i < speed_listSize; i++) {
-        speedDataBpm.push(arg.speed_list[i].bpm)
+  // BUSY STATE
+  switch (arg.busy_state) {
+    case "BUSY":
+      document.getElementById("busy_state").className = "btn btn-sm btn-danger";
+      document.getElementById("startTransmission").disabled = true;
+      break;
+    case "IDLE":
+      document.getElementById("busy_state").className =
+        "btn btn-sm btn-success";
+      break;
+    default:
+      document.getElementById("busy_state").className =
+        "btn btn-sm btn-secondary";
+      document.getElementById("startTransmission").disabled = true;
+      break;
+  }
 
-    }
+  // ARQ STATE
+  switch (arg.arq_state) {
+    case "True":
+      document.getElementById("arq_state").className = "btn btn-sm btn-warning";
+      document.getElementById("startTransmission").disabled = false;
+      break;
+    default:
+      document.getElementById("arq_state").className =
+        "btn btn-sm btn-secondary";
+      document.getElementById("startTransmission").disabled = false;
+      break;
+  }
 
-    var speedDataSnr = []
-    for (var i=0; i < speed_listSize; i++) {
-        speedDataSnr.push(arg.speed_list[i].snr)
-    }
+  // 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;
+  }
 
-    var speedChartConfig = {
-      type: 'line',
-    };
+  if (arg.arq_state == "True" || arg.arq_session == "True") {
+    toggleClass("spnConnectedWith", "text-success", true);
+  } else {
+    toggleClass("spnConnectedWith", "text-success", false);
+  }
 
-    // https://www.chartjs.org/docs/latest/samples/line/segments.html
-    const skipped = (speedCtx, value) => speedCtx.p0.skip || speedCtx.p1.skip ? value : undefined;
-    const down = (speedCtx, value) => speedCtx.p0.parsed.y > speedCtx.p1.parsed.y ? value : undefined;
+  // HAMLIB STATUS
+  if (arg.hamlib_status == "connected") {
+    document.getElementById("rigctld_state").className =
+      "btn btn-success btn-sm";
+  } else {
+    document.getElementById("rigctld_state").className =
+      "btn btn-secondary btn-sm";
+  }
 
-    var newSpeedData = {
-        labels: speedDataTime,
-        datasets: [
-            {
-                type: 'line',
-                label: 'SNR[dB]',
-                data: speedDataSnr,
-                borderColor: 'rgb(75, 192, 192, 1.0)',
-                segment: {
-                    borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),
-                    borderDash: ctx => skipped(ctx, [6, 6]),
-                },
-                spanGaps: true,
-                backgroundColor: 'rgba(75, 192, 192, 0.2)',
-                order: 1,
-                yAxisID: 'SNR',
-            },
-            {
-                type: 'bar',
-                label: 'Speed[bpm]',
-                data: speedDataBpm,
-                borderColor: 'rgb(120, 100, 120, 1.0)',
-                backgroundColor: 'rgba(120, 100, 120, 0.2)',
-                order: 0,
-                yAxisID: 'SPEED',
-            }
-        ],
-    };
+  // BEACON
+  let bcn = document.getElementById("startBeacon");
 
-var speedChartOptions = {
-            responsive: true,
-            animations: true,
-            cubicInterpolationMode: 'monotone',
-            tension: 0.4,
-            scales: {
-              SNR:{
-                type: 'linear',
-                ticks: { beginAtZero: true, color: 'rgb(255, 99, 132)' },
-                position: 'right',
-              },
-              SPEED :{
-                type: 'linear',
-                ticks: { beginAtZero: true, color: 'rgb(120, 100, 120)' },
-                position: 'left',
-                grid: {
-                    drawOnChartArea: false, // only want the grid lines for one axis to show up
-                },
-              },
-              x: { ticks: { beginAtZero: true } },
-            }
-        }
+  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");
+      } else {
+        bcn.className = "btn btn-sm btn-outline-success";
+        document
+          .getElementById("txtBeacon")
+          .setAttribute(
+            "class",
+            "input-group-text p-1 text-success text-uppercase"
+          );
+      }
+      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-outline-success";
+      document.getElementById("beaconInterval").disabled = false;
+      document.getElementById("stopBeacon").disabled = true;
+      bcn.disabled = false;
+      break;
+  }
+  // dbfs
+  // https://www.moellerstudios.org/converting-amplitude-representations/
+  if (dbfs_level_raw != arg.dbfs_level) {
+    dbfs_level_raw = arg.dbfs_level;
+    dbfs_level = Math.pow(10, arg.dbfs_level / 20) * 100;
 
-    if (typeof(global.speedChart) == 'undefined') {
+    document.getElementById("dbfs_level_value").textContent =
+      Math.round(arg.dbfs_level) + " dBFS";
+    var dbfscntrl = document.getElementById("dbfs_level");
+    dbfscntrl.setAttribute("aria-valuenow", dbfs_level);
+    dbfscntrl.setAttribute("style", "width:" + dbfs_level + "%;");
+  }
 
-        var speedCtx = document.getElementById('chart').getContext('2d');
-        global.speedChart = new Chart(speedCtx, {
-            data: newSpeedData,
-            options: speedChartOptions
-        });
-    } else {
-        if(speedDataSnr.length > 0){
-            global.speedChart.data = newSpeedData;
-            global.speedChart.update();
-        }
-    }
-    // END OF SPEED CHART
+  // SET FREQUENCY
+  // https://stackoverflow.com/a/2901298
+  var freq = arg.frequency.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+  document.getElementById("frequency").textContent = freq;
+  //document.getElementById("newFrequency").value = arg.frequency;
 
-    // PTT STATE
-    switch (arg.ptt_state){
-        case 'True':
-            document.getElementById("ptt_state").className = "btn btn-sm btn-danger";
-            break;
-        case 'False':
-            document.getElementById("ptt_state").className = "btn btn-sm btn-success";
-            break;
-        default:
-            document.getElementById("ptt_state").className = "btn btn-sm btn-secondary";
-            break;
-    }
+  // SET MODE
+  document.getElementById("mode").textContent = arg.mode;
 
-    // AUDIO RECORDING
-    if (arg.audio_recording == 'True') {
-        document.getElementById("startStopRecording").textContent = "Stop Rec"
-    } else {
-        document.getElementById("startStopRecording").textContent = "Start Rec"
-    }
+  // SET bandwidth
+  document.getElementById("bandwidth").textContent = arg.bandwidth;
 
-    // CHANNEL BUSY STATE
-    switch (arg.channel_busy){
-        case 'True':
-            document.getElementById("channel_busy").className = "btn btn-sm btn-danger";
-            break;
-        case 'False':
-            document.getElementById("channel_busy").className = "btn btn-sm btn-success";
-            break;
-        default:
-            document.getElementById("channel_busy").className = "btn btn-sm btn-secondary";
-            break;
-    }
+  // SET SPEED LEVEL
+  switch (arg.speed_level) {
+    case "0":
+      document.getElementById("speed_level").className = "bi bi-reception-1";
+      break;
+    case "1":
+      document.getElementById("speed_level").className = "bi bi-reception-2";
+      break;
+    case "2":
+      document.getElementById("speed_level").className = "bi bi-reception-3";
+      break;
+    default:
+      document.getElementById("speed_level").className = "bi bi-reception-4";
+      break;
+  }
 
-    // BUSY STATE
-    switch(arg.busy_state){
-        case 'BUSY':
-            document.getElementById("busy_state").className = "btn btn-sm btn-danger";
-            document.getElementById("startTransmission").disabled = true;
-            break;
-        case 'IDLE':
-            document.getElementById("busy_state").className = "btn btn-sm btn-success";
-            break;
-        default:
-            document.getElementById("busy_state").className = "btn btn-sm btn-secondary";
-            document.getElementById("startTransmission").disabled = true;
-            break;
-    }
-
-    // ARQ STATE
-    switch (arg.arq_state){
-        case 'True':
-            document.getElementById("arq_state").className = "btn btn-sm btn-warning";
-            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
-     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);
-     } else {
-        toggleClass("spnConnectedWith","text-success",false);
-     }
-
-    // HAMLIB STATUS
-    if (arg.hamlib_status == 'connected') {
-        document.getElementById("rigctld_state").className = "btn btn-success btn-sm";
-    } else {
-        document.getElementById("rigctld_state").className = "btn btn-secondary btn-sm";
-    }
-
-    // BEACON
-    let bcn = document.getElementById("startBeacon");
-
-    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");
-            } else {
-                bcn.className = "btn btn-sm btn-outline-success";
-                document.getElementById("txtBeacon").setAttribute("class","input-group-text p-1 text-success text-uppercase");
-            }
-            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-outline-success";
-            document.getElementById("beaconInterval").disabled = false;
-            document.getElementById("stopBeacon").disabled = true;
-            bcn.disabled = false;
-            break;
-    }
-    // dbfs
-    // https://www.moellerstudios.org/converting-amplitude-representations/
-    if (dbfs_level_raw != arg.dbfs_level){
-        dbfs_level_raw = arg.dbfs_level
-        dbfs_level = Math.pow(10, arg.dbfs_level / 20) * 100
-
-        document.getElementById("dbfs_level_value").textContent = Math.round(arg.dbfs_level) + ' dBFS'
-        var dbfscntrl = document.getElementById("dbfs_level");
-        dbfscntrl.setAttribute("aria-valuenow", dbfs_level);
-        dbfscntrl.setAttribute("style", "width:" + dbfs_level + "%;");
-    }
-
-    // SET FREQUENCY
-    // https://stackoverflow.com/a/2901298
-    var freq = arg.frequency.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-    document.getElementById("frequency").textContent = freq;
-    //document.getElementById("newFrequency").value = arg.frequency;
-
-    // SET MODE
-    document.getElementById("mode").textContent = arg.mode;
-
-    // SET bandwidth
-    document.getElementById("bandwidth").textContent = arg.bandwidth;
-
-    // SET SPEED LEVEL
-    switch (arg.speed_level){
-        case '0':
-            document.getElementById("speed_level").className = "bi bi-reception-1";
-            break;
-        case '1':
-            document.getElementById("speed_level").className = "bi bi-reception-2";
-            break;
-        case '2':
-            document.getElementById("speed_level").className = "bi bi-reception-3";
-            break;
-        default:
-            document.getElementById("speed_level").className = "bi bi-reception-4";
-            break;
-    }
-    
-    // SET TOTAL BYTES
-    if (typeof(arg.total_bytes) == 'undefined') {
-        var total_bytes = 0;
-    } else {
-        var total_bytes = arg.total_bytes;
-    }
-    document.getElementById("total_bytes").textContent = total_bytes;
-    
-    //Check if heard station list has changed
-    if (typeof(arg.stations) != 'undefined' && arg.stations.length>0 && JSON.stringify(arg.stations) != lastHeard) {
-        //console.log("Updating last heard stations");
-        lastHeard = JSON.stringify(arg.stations);
-        updateHeardStations(arg);
-    }
-    
+  // SET TOTAL BYTES
+  if (typeof arg.total_bytes == "undefined") {
+    var total_bytes = 0;
+  } else {
+    var total_bytes = arg.total_bytes;
+  }
+  document.getElementById("total_bytes").textContent = total_bytes;
 
+  //Check if heard station list has changed
+  if (
+    typeof arg.stations != "undefined" &&
+    arg.stations.length > 0 &&
+    JSON.stringify(arg.stations) != lastHeard
+  ) {
+    //console.log("Updating last heard stations");
+    lastHeard = JSON.stringify(arg.stations);
+    updateHeardStations(arg);
+  }
 });
 
 function updateHeardStations(arg) {
-    // UPDATE HEARD STATIONS
-   
-    var tbl = document.getElementById("heardstations");
-    tbl.innerHTML="";
+  // UPDATE HEARD STATIONS
 
-    if (typeof(arg.stations) == 'undefined') {
-        var heardStationsLength = 0;
+  var tbl = document.getElementById("heardstations");
+  tbl.innerHTML = "";
+
+  if (typeof arg.stations == "undefined") {
+    var heardStationsLength = 0;
+  } else {
+    var heardStationsLength = arg.stations.length;
+  }
+
+  for (i = 0; i < heardStationsLength; i++) {
+    // first we update the PING window
+    if (
+      arg.stations[i]["dxcallsign"] ==
+      document.getElementById("dxCall").value.toUpperCase()
+    ) {
+      var dxGrid = arg.stations[i]["dxgrid"];
+      var myGrid = document.getElementById("myGrid").value;
+      try {
+        var dist = parseInt(distance(myGrid, dxGrid)) + " km";
+        document.getElementById("dataModalPingDistance").textContent = dist;
+      } catch {
+        document.getElementById("dataModalPingDistance").textContent = "---";
+      }
+      document.getElementById("dataModalPingDB").textContent =
+        arg.stations[i]["snr"];
+    }
+
+    // now we update the heard stations list
+    var row = document.createElement("tr");
+    //https://stackoverflow.com/q/51421470
+
+    //https://stackoverflow.com/a/847196
+    timestampRaw = arg.stations[i]["timestamp"];
+    var date = new Date(timestampRaw * 1000);
+    var hours = date.getHours();
+    var minutes = "0" + date.getMinutes();
+    var seconds = "0" + date.getSeconds();
+    var datetime = hours + ":" + minutes.substr(-2) + ":" + seconds.substr(-2);
+
+    var timestamp = document.createElement("td");
+    var timestampText = document.createElement("span");
+    timestampText.innerText = datetime;
+    timestamp.appendChild(timestampText);
+
+    var frequency = document.createElement("td");
+    var frequencyText = document.createElement("span");
+    frequencyText.innerText = arg.stations[i]["frequency"];
+    frequency.appendChild(frequencyText);
+
+    var dxCall = document.createElement("td");
+    var dxCallText = document.createElement("span");
+    dxCallText.innerText = arg.stations[i]["dxcallsign"];
+    let dxCallTextCall = dxCallText.innerText;
+    let dxCallTextShort = dxCallTextCall.split("-", 1)[0];
+    row.addEventListener("click", function () {
+      document.getElementById("dxCall").value = dxCallTextCall;
+    });
+    dxCall.appendChild(dxCallText);
+
+    var dxGrid = document.createElement("td");
+    var dxGridText = document.createElement("span");
+    dxGridText.innerText = arg.stations[i]["dxgrid"];
+    dxGrid.appendChild(dxGridText);
+
+    var gridDistance = document.createElement("td");
+    var gridDistanceText = document.createElement("span");
+
+    try {
+      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 = "---";
+    }
+    gridDistance.appendChild(gridDistanceText);
+
+    var dataType = document.createElement("td");
+    var dataTypeText = document.createElement("span");
+    dataTypeText.innerText = arg.stations[i]["datatype"];
+    dataType.appendChild(dataTypeText);
+
+    switch (dataTypeText.innerText) {
+      case "CQ CQ CQ":
+        dataTypeText.textContent = "CQ CQ";
+        row.classList.add("table-success");
+        break;
+      case "DATA-CHANNEL":
+        dataTypeText.innerHTML =
+          '<i title="Data Channel" class="bi bi-file-earmark-binary-fill"></i>';
+        row.classList.add("table-warning");
+        break;
+      case "BEACON":
+        dataTypeText.textContent = "BCN";
+        row.classList.add("table-light");
+        break;
+      case "PING":
+        row.classList.add("table-info");
+        break;
+      case "PING-ACK":
+        row.classList.add("table-primary");
+        break;
+      case "SESSION-HB":
+        dataTypeText.innerHTML =
+          '<i title="Heartbeat" class="bi bi-heart-pulse-fill"></i>';
+        //dataType.appendChild(dataTypeText);
+        break;
+    }
+    var snr = document.createElement("td");
+    var snrText = document.createElement("span");
+    snrText.innerText = arg.stations[i]["snr"];
+    snr.appendChild(snrText);
+
+    var offset = document.createElement("td");
+    var offsetText = "&nbsp;";
+    if (contrib.indexOf(dxCallTextShort) >= 0) {
+      var offsetText =
+        '<i title="Yeah baby, yeah!!!!" class="bi bi-award-fill text-primary"></i>';
     } else {
-        var heardStationsLength = arg.stations.length;
+      if (dxCallTextShort == "DJ2LS") {
+        var offsetText =
+          '<i title="Yeah FreeDATA, yeah!!!!" class="bi bi-emoji-wink-fill text-warning"></i>';
+      }
     }
+    offset.innerHTML = offsetText;
 
-    for (i = 0; i < heardStationsLength; i++) {
+    row.appendChild(timestamp);
+    row.appendChild(frequency);
+    row.appendChild(offset);
+    row.appendChild(dxCall);
+    row.appendChild(dxGrid);
+    row.appendChild(gridDistance);
+    row.appendChild(dataType);
+    row.appendChild(snr);
 
-        // first we update the PING window
-        if (arg.stations[i]['dxcallsign'] == document.getElementById("dxCall").value.toUpperCase()) {
-            var dxGrid = arg.stations[i]['dxgrid'];
-            var myGrid = document.getElementById("myGrid").value;
-            try {
-                var dist = parseInt(distance(myGrid, dxGrid)) + ' km';
-                document.getElementById("dataModalPingDistance").textContent = dist;
-            } catch {
-                document.getElementById("dataModalPingDistance").textContent = '---';
-            }
-            document.getElementById("dataModalPingDB").textContent = arg.stations[i]['snr'];
-        }
-
-        // now we update the heard stations list
-        var row = document.createElement("tr");
-        //https://stackoverflow.com/q/51421470
-
-        //https://stackoverflow.com/a/847196
-        timestampRaw = arg.stations[i]['timestamp'];
-        var date = new Date(timestampRaw * 1000);
-        var hours = date.getHours();
-        var minutes = "0" + date.getMinutes();
-        var seconds = "0" + date.getSeconds();
-        var datetime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
-
-        var timestamp = document.createElement("td");
-        var timestampText = document.createElement('span');
-        timestampText.innerText = datetime;
-        timestamp.appendChild(timestampText);
-
-        var frequency = document.createElement("td");
-        var frequencyText = document.createElement('span');
-        frequencyText.innerText = arg.stations[i]['frequency'];
-        frequency.appendChild(frequencyText);
-        
-        var dxCall = document.createElement("td");
-        var dxCallText = document.createElement('span');
-        dxCallText.innerText = arg.stations[i]['dxcallsign'];
-        let dxCallTextCall = dxCallText.innerText;
-        let dxCallTextShort = dxCallTextCall.split("-",1)[0];
-        row.addEventListener("click", function() {
-            document.getElementById("dxCall").value = dxCallTextCall;
-          });
-        dxCall.appendChild(dxCallText);
-
-        var dxGrid = document.createElement("td");
-        var dxGridText = document.createElement('span');
-        dxGridText.innerText = arg.stations[i]['dxgrid'];
-        dxGrid.appendChild(dxGridText);
-
-        var gridDistance = document.createElement("td");
-        var gridDistanceText = document.createElement('span');
-
-        try {
-            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 = '---';
-        }
-        gridDistance.appendChild(gridDistanceText);
-
-        var dataType = document.createElement("td");
-        var dataTypeText = document.createElement('span');
-        dataTypeText.innerText = arg.stations[i]['datatype'];
-        dataType.appendChild(dataTypeText);
-        
-        switch (dataTypeText.innerText){
-            case 'CQ CQ CQ':
-                dataTypeText.textContent="CQ CQ";    
-                row.classList.add("table-success");
-                break;
-            case 'DATA-CHANNEL':
-                dataTypeText.innerHTML = '<i title=\"Data Channel\" class="bi bi-file-earmark-binary-fill"></i>';
-                row.classList.add("table-warning");
-                break;
-            case 'BEACON':
-                dataTypeText.textContent="BCN";
-                row.classList.add("table-light");
-                break;
-            case 'PING':
-                row.classList.add("table-info");
-                break;
-            case 'PING-ACK':
-                row.classList.add("table-primary");
-                break;
-            case 'SESSION-HB':
-                dataTypeText.innerHTML = '<i title=\"Heartbeat\" class="bi bi-heart-pulse-fill"></i>';
-                //dataType.appendChild(dataTypeText);
-                break;
-        }
-        var snr = document.createElement("td");
-        var snrText = document.createElement('span');
-        snrText.innerText = arg.stations[i]['snr'];
-        snr.appendChild(snrText);
-        
-        var offset = document.createElement("td");
-        var offsetText = "&nbsp;";
-        if (contrib.indexOf(dxCallTextShort) >=0) {
-            var offsetText ='<i title="Yeah baby, yeah!!!!" class="bi bi-award-fill text-primary"></i>';
-        }
-        else {
-            if (dxCallTextShort == "DJ2LS") {
-                var offsetText ='<i title="Yeah FreeDATA, yeah!!!!" class="bi bi-emoji-wink-fill text-warning"></i>';
-            }
-        }
-        offset.innerHTML=offsetText;
-
-        row.appendChild(timestamp);
-        row.appendChild(frequency);
-        row.appendChild(offset);
-        row.appendChild(dxCall);
-        row.appendChild(dxGrid);
-        row.appendChild(gridDistance);
-        row.appendChild(dataType);
-        row.appendChild(snr);
-        
-            tbl.appendChild(row);
-    }
+    tbl.appendChild(row);
+  }
 }
 
-ipcRenderer.on('action-update-daemon-state', (event, arg) => {
-    /*
+ipcRenderer.on("action-update-daemon-state", (event, arg) => {
+  /*
     // deactivetd RAM und CPU view so we dont get errors. We need to find a new place for this feature
     // RAM
     document.getElementById("progressbar_ram").setAttribute("aria-valuenow", arg.ram_usage)
@@ -2250,153 +2487,153 @@ ipcRenderer.on('action-update-daemon-state', (event, arg) => {
     document.getElementById("progressbar_cpu").setAttribute("style", "width:" + arg.cpu_usage + "%;")
     document.getElementById("progressbar_cpu_value").innerHTML = arg.cpu_usage + "%"
     */
-    /*
+  /*
     document.getElementById("ram_load").innerHTML = arg.ram_usage + "%"    
     document.getElementById("cpu_load").innerHTML = arg.cpu_usage + "%"
     */
-    // OPERATING SYSTEM
-    //document.getElementById("operating_system").innerHTML = "OS " + os.type()
+  // OPERATING SYSTEM
+  //document.getElementById("operating_system").innerHTML = "OS " + os.type()
 
-    /*
+  /*
     // PYTHON VERSION
     document.getElementById("python_version").innerHTML = "Python " + arg.python_version
     document.getElementById("python_version").className = "btn btn-sm btn-success";    
     */
-    /*
+  /*
     // HAMLIB VERSION
     document.getElementById("hamlib_version").innerHTML = "Hamlib " + arg.hamlib_version
     document.getElementById("hamlib_version").className = "btn btn-sm btn-success";
     */
-    /*
+  /*
     // NODE VERSION
     document.getElementById("node_version").innerHTML = "Node " + process.version
     document.getElementById("node_version").className = "btn btn-sm btn-success";
     */
-      
-    // UPDATE AUDIO INPUT
-    if (arg.tnc_running_state == "stopped") {
-        if (document.getElementById("audio_input_selectbox").length != arg.input_devices.length) {
-            document.getElementById("audio_input_selectbox").innerHTML = "";
-            for (i = 0; i < arg.input_devices.length; i++) {
-                var option = document.createElement("option");
-                option.text = arg.input_devices[i]['name'];
-                option.value = arg.input_devices[i]['id'];
-                // set device from config if available
-                
-                if(config.rx_audio == option.text){
-                    option.setAttribute('selected', true);
-                }
-                document.getElementById("audio_input_selectbox").add(option);
-            }
-        }
-    }
-    // UPDATE AUDIO OUTPUT
-    if (arg.tnc_running_state == "stopped") {
-        if (document.getElementById("audio_output_selectbox").length != arg.output_devices.length) {
-            document.getElementById("audio_output_selectbox").innerHTML = "";
-            for (i = 0; i < arg.output_devices.length; i++) {
-                var option = document.createElement("option");
-                option.text = arg.output_devices[i]['name'];
-                option.value = arg.output_devices[i]['id'];               
-                // set device from config if available
-                if(config.tx_audio == option.text){
-                    option.setAttribute('selected', true);
-                }
-                document.getElementById("audio_output_selectbox").add(option);
-            }
-        }
-    }
 
-    // UPDATE SERIAL DEVICES
-    if (arg.tnc_running_state == "stopped") {
-        if (document.getElementById("hamlib_deviceport").length != arg.serial_devices.length) {
-            document.getElementById("hamlib_deviceport").innerHTML = "";
-            for (i = 0; i < arg.serial_devices.length; i++) {
-                var option = document.createElement("option");
-                option.text = arg.serial_devices[i]['port'] + ' -- ' + arg.serial_devices[i]['description'];
-                option.value = arg.serial_devices[i]['port'];
-                // set device from config if available
-                if(config.hamlib_deviceport == option.value){
-                    option.setAttribute('selected', true);
-                }
-                document.getElementById("hamlib_deviceport").add(option);
-   
-            }
+  // UPDATE AUDIO INPUT
+  if (arg.tnc_running_state == "stopped") {
+    if (
+      document.getElementById("audio_input_selectbox").length !=
+      arg.input_devices.length
+    ) {
+      document.getElementById("audio_input_selectbox").innerHTML = "";
+      for (i = 0; i < arg.input_devices.length; i++) {
+        var option = document.createElement("option");
+        option.text = arg.input_devices[i]["name"];
+        option.value = arg.input_devices[i]["id"];
+        // set device from config if available
+
+        if (config.rx_audio == option.text) {
+          option.setAttribute("selected", true);
         }
-
-
-               
+        document.getElementById("audio_input_selectbox").add(option);
+      }
     }
-    
-    if (arg.tnc_running_state == "stopped") {
-        if (document.getElementById("hamlib_ptt_port").length != arg.serial_devices.length) {
-            document.getElementById("hamlib_ptt_port").innerHTML = "";
-            for (i = 0; i < arg.serial_devices.length; i++) {
-                var option = document.createElement("option");
-                option.text = arg.serial_devices[i]['description'];
-                option.value = arg.serial_devices[i]['port'];
-                // set device from config if available
-                if(config.hamlib_pttport == option.value){
-                    option.setAttribute('selected', true);
-                }
-                document.getElementById("hamlib_ptt_port").add(option);
-            }
-        }  
+  }
+  // UPDATE AUDIO OUTPUT
+  if (arg.tnc_running_state == "stopped") {
+    if (
+      document.getElementById("audio_output_selectbox").length !=
+      arg.output_devices.length
+    ) {
+      document.getElementById("audio_output_selectbox").innerHTML = "";
+      for (i = 0; i < arg.output_devices.length; i++) {
+        var option = document.createElement("option");
+        option.text = arg.output_devices[i]["name"];
+        option.value = arg.output_devices[i]["id"];
+        // set device from config if available
+        if (config.tx_audio == option.text) {
+          option.setAttribute("selected", true);
+        }
+        document.getElementById("audio_output_selectbox").add(option);
+      }
     }
-    
-    
+  }
+
+  // UPDATE SERIAL DEVICES
+  if (arg.tnc_running_state == "stopped") {
+    if (
+      document.getElementById("hamlib_deviceport").length !=
+      arg.serial_devices.length
+    ) {
+      document.getElementById("hamlib_deviceport").innerHTML = "";
+      for (i = 0; i < arg.serial_devices.length; i++) {
+        var option = document.createElement("option");
+        option.text =
+          arg.serial_devices[i]["port"] +
+          " -- " +
+          arg.serial_devices[i]["description"];
+        option.value = arg.serial_devices[i]["port"];
+        // set device from config if available
+        if (config.hamlib_deviceport == option.value) {
+          option.setAttribute("selected", true);
+        }
+        document.getElementById("hamlib_deviceport").add(option);
+      }
+    }
+  }
+
+  if (arg.tnc_running_state == "stopped") {
+    if (
+      document.getElementById("hamlib_ptt_port").length !=
+      arg.serial_devices.length
+    ) {
+      document.getElementById("hamlib_ptt_port").innerHTML = "";
+      for (i = 0; i < arg.serial_devices.length; i++) {
+        var option = document.createElement("option");
+        option.text = arg.serial_devices[i]["description"];
+        option.value = arg.serial_devices[i]["port"];
+        // set device from config if available
+        if (config.hamlib_pttport == option.value) {
+          option.setAttribute("selected", true);
+        }
+        document.getElementById("hamlib_ptt_port").add(option);
+      }
+    }
+  }
 });
 
-
 // ACTION UPDATE HAMLIB TEST
-ipcRenderer.on('action-update-hamlib-test', (event, arg) => {
-    console.log(arg.hamlib_result);
-    if (arg.hamlib_result == 'SUCCESS') {
-        document.getElementById("testHamlib").className = "btn btn-sm btn-success";
-        // BUTTON HAS BEEN REMOVED
-        //document.getElementById("testHamlibAdvanced").className = "btn btn-sm btn-success";
-
-
-    }
-    if (arg.hamlib_result == 'NOSUCCESS') {
-        document.getElementById("testHamlib").className = "btn btn-sm btn-warning";
-        // BUTTON HAS BEEN REMOVED
-        //document.getElementById("testHamlibAdvanced").className = "btn btn-sm btn-warning";
-
-    }
-    if (arg.hamlib_result == 'FAILED') {
-        document.getElementById("testHamlib").className = "btn btn-sm btn-danger";
-        // BUTTON HAS BEEN REMOVED
-        //document.getElementById("testHamlibAdvanced").className = "btn btn-sm btn-danger";
-    }
-
+ipcRenderer.on("action-update-hamlib-test", (event, arg) => {
+  console.log(arg.hamlib_result);
+  if (arg.hamlib_result == "SUCCESS") {
+    document.getElementById("testHamlib").className = "btn btn-sm btn-success";
+    // BUTTON HAS BEEN REMOVED
+    //document.getElementById("testHamlibAdvanced").className = "btn btn-sm btn-success";
+  }
+  if (arg.hamlib_result == "NOSUCCESS") {
+    document.getElementById("testHamlib").className = "btn btn-sm btn-warning";
+    // BUTTON HAS BEEN REMOVED
+    //document.getElementById("testHamlibAdvanced").className = "btn btn-sm btn-warning";
+  }
+  if (arg.hamlib_result == "FAILED") {
+    document.getElementById("testHamlib").className = "btn btn-sm btn-danger";
+    // BUTTON HAS BEEN REMOVED
+    //document.getElementById("testHamlibAdvanced").className = "btn btn-sm btn-danger";
+  }
 });
 
-
-
-ipcRenderer.on('action-update-daemon-connection', (event, arg) => {
-
-    if (arg.daemon_connection == 'open') {
-        document.getElementById("daemon_connection_state").className = "btn btn-success";
-        //document.getElementById("blurdiv").style.webkitFilter = "blur(0px)";
-
-    }
-    if (arg.daemon_connection == 'opening') {
-        document.getElementById("daemon_connection_state").className = "btn btn-warning";
-        //document.getElementById("blurdiv").style.webkitFilter = "blur(10px)";
-
-    }
-    if (arg.daemon_connection == 'closed') {
-        document.getElementById("daemon_connection_state").className = "btn btn-danger";
-        //document.getElementById("blurdiv").style.webkitFilter = "blur(10px)";
-    }
-
+ipcRenderer.on("action-update-daemon-connection", (event, arg) => {
+  if (arg.daemon_connection == "open") {
+    document.getElementById("daemon_connection_state").className =
+      "btn btn-success";
+    //document.getElementById("blurdiv").style.webkitFilter = "blur(0px)";
+  }
+  if (arg.daemon_connection == "opening") {
+    document.getElementById("daemon_connection_state").className =
+      "btn btn-warning";
+    //document.getElementById("blurdiv").style.webkitFilter = "blur(10px)";
+  }
+  if (arg.daemon_connection == "closed") {
+    document.getElementById("daemon_connection_state").className =
+      "btn btn-danger";
+    //document.getElementById("blurdiv").style.webkitFilter = "blur(10px)";
+  }
 });
 
-ipcRenderer.on('action-update-tnc-connection', (event, arg) => {
-
-    if (arg.tnc_connection == "open") {
-        /*
+ipcRenderer.on("action-update-tnc-connection", (event, arg) => {
+  if (arg.tnc_connection == "open") {
+    /*
         document.getElementById('hamlib_deviceid').disabled = true;
         document.getElementById('hamlib_deviceport').disabled = true;
         document.getElementById('testHamlib').disabled = true;
@@ -2410,21 +2647,32 @@ ipcRenderer.on('action-update-tnc-connection', (event, arg) => {
         document.getElementById("openDataModule").disabled = false;
         */
 
-        // collapse settings screen
-        var collapseFirstRow = new bootstrap.Collapse(document.getElementById('collapseFirstRow'), {toggle: false})
-        collapseFirstRow.hide();
-        var collapseSecondRow = new bootstrap.Collapse(document.getElementById('collapseSecondRow'), {toggle: false})
-        collapseSecondRow.hide();
-        var collapseThirdRow = new bootstrap.Collapse(document.getElementById('collapseThirdRow'), {toggle: false})
-        collapseThirdRow.show();     
-        var collapseFourthRow = new bootstrap.Collapse(document.getElementById('collapseFourthRow'), {toggle: false})
-        collapseFourthRow.show();
+    // collapse settings screen
+    var collapseFirstRow = new bootstrap.Collapse(
+      document.getElementById("collapseFirstRow"),
+      { toggle: false }
+    );
+    collapseFirstRow.hide();
+    var collapseSecondRow = new bootstrap.Collapse(
+      document.getElementById("collapseSecondRow"),
+      { toggle: false }
+    );
+    collapseSecondRow.hide();
+    var collapseThirdRow = new bootstrap.Collapse(
+      document.getElementById("collapseThirdRow"),
+      { toggle: false }
+    );
+    collapseThirdRow.show();
+    var collapseFourthRow = new bootstrap.Collapse(
+      document.getElementById("collapseFourthRow"),
+      { toggle: false }
+    );
+    collapseFourthRow.show();
 
-        //Set tuning for fancy graphics mode (high/low CPU)
-        set_CPU_mode();
-
-    } else {
-        /*
+    //Set tuning for fancy graphics mode (high/low CPU)
+    set_CPU_mode();
+  } else {
+    /*
         document.getElementById('hamlib_deviceid').disabled = false;
         document.getElementById('hamlib_deviceport').disabled = false;
         document.getElementById('testHamlib').disabled = false;
@@ -2437,552 +2685,747 @@ ipcRenderer.on('action-update-tnc-connection', (event, arg) => {
         document.getElementById("hamlib_serialspeed").disabled = false;
         document.getElementById("openDataModule").disabled = true;
         */
-        // collapse settings screen
-        var collapseFirstRow = new bootstrap.Collapse(document.getElementById('collapseFirstRow'), {toggle: false})
-        collapseFirstRow.show();
-        var collapseSecondRow = new bootstrap.Collapse(document.getElementById('collapseSecondRow'), {toggle: false})
-        collapseSecondRow.show();
-        var collapseThirdRow = new bootstrap.Collapse(document.getElementById('collapseThirdRow'), {toggle: false})
-        collapseThirdRow.hide();   
-        var collapseFourthRow = new bootstrap.Collapse(document.getElementById('collapseFourthRow'), {toggle: false})
-        collapseFourthRow.hide();
-    }
-
-
-
-
-
-
+    // collapse settings screen
+    var collapseFirstRow = new bootstrap.Collapse(
+      document.getElementById("collapseFirstRow"),
+      { toggle: false }
+    );
+    collapseFirstRow.show();
+    var collapseSecondRow = new bootstrap.Collapse(
+      document.getElementById("collapseSecondRow"),
+      { toggle: false }
+    );
+    collapseSecondRow.show();
+    var collapseThirdRow = new bootstrap.Collapse(
+      document.getElementById("collapseThirdRow"),
+      { toggle: false }
+    );
+    collapseThirdRow.hide();
+    var collapseFourthRow = new bootstrap.Collapse(
+      document.getElementById("collapseFourthRow"),
+      { toggle: false }
+    );
+    collapseFourthRow.hide();
+  }
 });
 
+ipcRenderer.on("action-update-rx-buffer", (event, arg) => {
+  var data = arg.data["data"];
 
-ipcRenderer.on('action-update-rx-buffer', (event, arg) => {
-    
-    var data = arg.data["data"];
+  var tbl = document.getElementById("rx-data");
+  document.getElementById("rx-data").innerHTML = "";
 
-    var tbl = document.getElementById("rx-data");
-    document.getElementById("rx-data").innerHTML = '';
-
-
-    for (i = 0; i < arg.data.length; i++) {
-
-        // first we update the PING window
-        if (arg.data[i]['dxcallsign'] == document.getElementById("dxCall").value.toUpperCase()) {
-            /*
+  for (i = 0; i < arg.data.length; i++) {
+    // first we update the PING window
+    if (
+      arg.data[i]["dxcallsign"] ==
+      document.getElementById("dxCall").value.toUpperCase()
+    ) {
+      /*
             // if we are sending data without doing a ping before, we don't have a grid locator available. This could be a future feature for the TNC!
             if(arg.data[i]['DXGRID'] != ''){
                 document.getElementById("pingDistance").innerHTML = arg.stations[i]['DXGRID']
             }
             */
-            //document.getElementById("pingDB").innerHTML = arg.stations[i]['snr'];
-            document.getElementById("dataModalPingDB").innerHTML = arg.stations[i]['snr'];
-        }
+      //document.getElementById("pingDB").innerHTML = arg.stations[i]['snr'];
+      document.getElementById("dataModalPingDB").innerHTML =
+        arg.stations[i]["snr"];
+    }
 
+    // now we update the received files list
 
+    var row = document.createElement("tr");
+    //https://stackoverflow.com/q/51421470
 
-        // now we update the received files list
+    //https://stackoverflow.com/a/847196
+    timestampRaw = arg.data[i]["timestamp"];
+    var date = new Date(timestampRaw * 1000);
+    var hours = date.getHours();
+    var minutes = "0" + date.getMinutes();
+    var seconds = "0" + date.getSeconds();
+    var datetime = hours + ":" + minutes.substr(-2) + ":" + seconds.substr(-2);
 
-        var row = document.createElement("tr");
-        //https://stackoverflow.com/q/51421470
+    var timestamp = document.createElement("td");
+    var timestampText = document.createElement("span");
+    timestampText.innerText = datetime;
+    timestamp.appendChild(timestampText);
 
-        //https://stackoverflow.com/a/847196
-        timestampRaw = arg.data[i]['timestamp']
-        var date = new Date(timestampRaw * 1000);
-        var hours = date.getHours();
-        var minutes = "0" + date.getMinutes();
-        var seconds = "0" + date.getSeconds();
-        var datetime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
+    var dxCall = document.createElement("td");
+    var dxCallText = document.createElement("span");
+    dxCallText.innerText = arg.data[i]["dxcallsign"];
+    dxCall.appendChild(dxCallText);
 
-        var timestamp = document.createElement("td");
-        var timestampText = document.createElement('span');
-        timestampText.innerText = datetime;
-        timestamp.appendChild(timestampText);
-
-        var dxCall = document.createElement("td");
-        var dxCallText = document.createElement('span');
-        dxCallText.innerText = arg.data[i]['dxcallsign'];
-        dxCall.appendChild(dxCallText);
-
-        /*
+    /*
                 var dxGrid = document.createElement("td");
                 var dxGridText = document.createElement('span');
                 dxGridText.innerText = arg.data[i]['DXGRID']
                 dxGrid.appendChild(dxGridText);
         */
 
-        console.log(arg.data);
-        
-        var encoded_data = atob(arg.data[i]['data']);
-        var splitted_data = encoded_data.split(split_char);
-        console.log(splitted_data);
+    console.log(arg.data);
 
-        var fileName = document.createElement("td");
-        var fileNameText = document.createElement('span');
-        //var fileNameString = arg.data[i]['data'][0]['fn'];
-        var fileNameString = splitted_data[1];
-        
-        
-        fileNameText.innerText = fileNameString;
-        fileName.appendChild(fileNameText);
+    var encoded_data = atob(arg.data[i]["data"]);
+    var splitted_data = encoded_data.split(split_char);
+    console.log(splitted_data);
 
-        row.appendChild(timestamp);
-        row.appendChild(dxCall);
-        //      row.appendChild(dxGrid);
-        row.appendChild(fileName);
-        tbl.appendChild(row);
+    var fileName = document.createElement("td");
+    var fileNameText = document.createElement("span");
+    //var fileNameString = arg.data[i]['data'][0]['fn'];
+    var fileNameString = splitted_data[1];
 
-        // https://stackoverflow.com/a/26227660
-        //var appDataFolder = process.env.HOME;
-        //console.log("appDataFolder:" + appDataFolder);
-        //var applicationFolder = path.join(appDataFolder, "FreeDATA");
-        //console.log(applicationFolder);
-        //var receivedFilesFolder = path.join(applicationFolder, "receivedFiles");
-        var receivedFilesFolder = path.join(config.received_files_folder);
- 
-        console.log("receivedFilesFolder: " + receivedFilesFolder);
-        // Creates receivedFiles folder if not exists
-        // https://stackoverflow.com/a/13544465
-        fs.mkdir(receivedFilesFolder, {
-            recursive: true
-        }, function(err) {
-            console.log(err);
-        });
+    fileNameText.innerText = fileNameString;
+    fileName.appendChild(fileNameText);
 
+    row.appendChild(timestamp);
+    row.appendChild(dxCall);
+    //      row.appendChild(dxGrid);
+    row.appendChild(fileName);
+    tbl.appendChild(row);
 
-        // write file to data folder
-        ////var base64String = arg.data[i]['data'][0]['d']
-        // remove header from base64 String
-        // https://www.codeblocq.com/2016/04/Convert-a-base64-string-to-a-file-in-Node/
-        ////var base64Data = base64String.split(';base64,').pop()
-        //write data to file
-        var base64Data = splitted_data[4];
-        var receivedFile = path.join(receivedFilesFolder, fileNameString);
-        console.log(receivedFile);
+    // https://stackoverflow.com/a/26227660
+    //var appDataFolder = process.env.HOME;
+    //console.log("appDataFolder:" + appDataFolder);
+    //var applicationFolder = path.join(appDataFolder, "FreeDATA");
+    //console.log(applicationFolder);
+    //var receivedFilesFolder = path.join(applicationFolder, "receivedFiles");
+    var receivedFilesFolder = path.join(config.received_files_folder);
 
-        require("fs").writeFile(receivedFile, base64Data, 'binary', function(err) {
-        //require("fs").writeFile(receivedFile, base64Data, 'base64', function(err) {
-            console.log(err);
-        });
-    }
+    console.log("receivedFilesFolder: " + receivedFilesFolder);
+    // Creates receivedFiles folder if not exists
+    // https://stackoverflow.com/a/13544465
+    fs.mkdir(
+      receivedFilesFolder,
+      {
+        recursive: true,
+      },
+      function (err) {
+        console.log(err);
+      }
+    );
+
+    // write file to data folder
+    ////var base64String = arg.data[i]['data'][0]['d']
+    // remove header from base64 String
+    // https://www.codeblocq.com/2016/04/Convert-a-base64-string-to-a-file-in-Node/
+    ////var base64Data = base64String.split(';base64,').pop()
+    //write data to file
+    var base64Data = splitted_data[4];
+    var receivedFile = path.join(receivedFilesFolder, fileNameString);
+    console.log(receivedFile);
+
+    require("fs").writeFile(receivedFile, base64Data, "binary", function (err) {
+      //require("fs").writeFile(receivedFile, base64Data, 'base64', function(err) {
+      console.log(err);
+    });
+  }
 });
 
-ipcRenderer.on('run-tnc-command', (event, arg) => {
+ipcRenderer.on("run-tnc-command", (event, arg) => {
+  if (arg.command == "save_my_call") {
+    sock.saveMyCall(arg.callsign);
+  }
+  if (arg.command == "save_my_grid") {
+    sock.saveMyGrid(arg.grid);
+  }
+  if (arg.command == "ping") {
+    sock.sendPing(arg.dxcallsign);
+  }
 
-    if (arg.command == 'save_my_call') {
-        sock.saveMyCall(arg.callsign);
-    }
-    if (arg.command == 'save_my_grid') {
-        sock.saveMyGrid(arg.grid);
-    }
-    if (arg.command == 'ping') {
-        sock.sendPing(arg.dxcallsign);
-    }
+  if (arg.command == "send_file") {
+    sock.sendFile(
+      arg.dxcallsign,
+      arg.mode,
+      arg.frames,
+      arg.filename,
+      arg.filetype,
+      arg.data,
+      arg.checksum
+    );
+  }
+  if (arg.command == "send_message") {
+    sock.sendMessage(
+      arg.dxcallsign,
+      arg.mode,
+      arg.frames,
+      arg.data,
+      arg.checksum,
+      arg.uuid,
+      arg.command
+    );
+  }
+  if (arg.command == "stop_transmission") {
+    sock.stopTransmission();
+  }
+  if (arg.command == "set_tx_audio_level") {
+    sock.setTxAudioLevel(arg.tx_audio_level);
+  }
+  if (arg.command == "record_audio") {
+    sock.record_audio();
+  }
+  if (arg.command == "send_test_frame") {
+    sock.sendTestFrame();
+  }
 
-    if (arg.command == 'send_file') {
-        sock.sendFile(arg.dxcallsign, arg.mode, arg.frames, arg.filename, arg.filetype, arg.data, arg.checksum);
-    }
-    if (arg.command == 'send_message') {
-        sock.sendMessage(arg.dxcallsign, arg.mode, arg.frames, arg.data, arg.checksum, arg.uuid, arg.command);
-    }
-    if (arg.command == 'stop_transmission') {
-        sock.stopTransmission();
-    }
-    if (arg.command == 'set_tx_audio_level') {
-        sock.setTxAudioLevel(arg.tx_audio_level);
-    }
-    if (arg.command == 'record_audio') {
-        sock.record_audio();
-    }
-    if (arg.command == 'send_test_frame') {
-        sock.sendTestFrame();
-    }
-
-    if (arg.command == 'frequency') {
-        sock.set_frequency(arg.frequency);
-    }
-
-    if (arg.command == 'mode') {
-        sock.set_mode(arg.mode);
-    }
-    
+  if (arg.command == "frequency") {
+    sock.set_frequency(arg.frequency);
+  }
 
+  if (arg.command == "mode") {
+    sock.set_mode(arg.mode);
+  }
 });
 
 // IPC ACTION FOR AUTO UPDATER
-ipcRenderer.on('action-updater', (event, arg) => {
+ipcRenderer.on("action-updater", (event, arg) => {
+  if (arg.status == "download-progress") {
+    var progressinfo =
+      "(" +
+      Math.round(arg.progress.transferred / 1024) +
+      "kB /" +
+      Math.round(arg.progress.total / 1024) +
+      "kB)" +
+      " @ " +
+      Math.round(arg.progress.bytesPerSecond / 1024) +
+      "kByte/s";
+    document.getElementById("UpdateProgressInfo").innerHTML = progressinfo;
 
-        if (arg.status == "download-progress"){
-        
-            var progressinfo = '(' 
-                + Math.round(arg.progress.transferred/1024) 
-                + 'kB /' 
-                + Math.round(arg.progress.total/1024) 
-                + 'kB)' 
-                + ' @ ' 
-                + Math.round(arg.progress.bytesPerSecond/1024) 
-                + "kByte/s";; 
-            document.getElementById("UpdateProgressInfo").innerHTML = progressinfo;            
-            
-            document.getElementById("UpdateProgressBar").setAttribute("aria-valuenow", arg.progress.percent)
-            document.getElementById("UpdateProgressBar").setAttribute("style", "width:" + arg.progress.percent + "%;")
-         
-            
-        }   
+    document
+      .getElementById("UpdateProgressBar")
+      .setAttribute("aria-valuenow", arg.progress.percent);
+    document
+      .getElementById("UpdateProgressBar")
+      .setAttribute("style", "width:" + arg.progress.percent + "%;");
+  }
 
-        if (arg.status == "checking-for-update"){
-            
-            //document.title = document.title + ' - v' + arg.version;
-            updateTitle(config.myCall,config.tnc_host,config.tnc_port, " -v " + arg.version);
-            document.getElementById("updater_status").innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>'
-            
-            document.getElementById("updater_status").className = "btn btn-secondary btn-sm";
-            document.getElementById("update_and_install").style.display = 'none';
-        }   
-        if (arg.status == "update-downloaded"){
+  if (arg.status == "checking-for-update") {
+    //document.title = document.title + ' - v' + arg.version;
+    updateTitle(
+      config.myCall,
+      config.tnc_host,
+      config.tnc_port,
+      " -v " + arg.version
+    );
+    document.getElementById("updater_status").innerHTML =
+      '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
 
-            
-            document.getElementById("update_and_install").removeAttribute("style");
-            document.getElementById("updater_status").innerHTML = '<i class="bi bi-cloud-download ms-1 me-1" style="color: white;"></i>';
-            document.getElementById("updater_status").className = "btn btn-success btn-sm";
-            
-            // HERE WE NEED TO RUN THIS SOMEHOW...
-            //mainLog.info('quit application and install update');
-            //autoUpdater.quitAndInstall();
-            
-        }   
-        if (arg.status == "update-not-available"){
+    document.getElementById("updater_status").className =
+      "btn btn-secondary btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
+  if (arg.status == "update-downloaded") {
+    document.getElementById("update_and_install").removeAttribute("style");
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-cloud-download ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-success btn-sm";
 
-            document.getElementById("updater_status").innerHTML = '<i class="bi bi-check2-square ms-1 me-1" style="color: white;"></i>';
-            document.getElementById("updater_status").className = "btn btn-success btn-sm";
-            document.getElementById("update_and_install").style.display = 'none';
-        }   
-        if (arg.status == "update-available"){
-
-            document.getElementById("updater_status").innerHTML = '<i class="bi bi-hourglass-split ms-1 me-1" style="color: white;"></i>';
-            document.getElementById("updater_status").className = "btn btn-warning btn-sm";
-            document.getElementById("update_and_install").style.display = 'none';
-
-        }    
-        
-        if (arg.status == "error"){
- 
-            document.getElementById("updater_status").innerHTML = '<i class="bi bi-exclamation-square ms-1 me-1" style="color: white;"></i>';
-            document.getElementById("updater_status").className = "btn btn-danger btn-sm";
-            document.getElementById("update_and_install").style.display = 'none';            
-        }          
-        
-        
+    // HERE WE NEED TO RUN THIS SOMEHOW...
+    //mainLog.info('quit application and install update');
+    //autoUpdater.quitAndInstall();
+  }
+  if (arg.status == "update-not-available") {
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-check2-square ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-success btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
+  if (arg.status == "update-available") {
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-hourglass-split ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-warning btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
 
+  if (arg.status == "error") {
+    document.getElementById("updater_status").innerHTML =
+      '<i class="bi bi-exclamation-square ms-1 me-1" style="color: white;"></i>';
+    document.getElementById("updater_status").className =
+      "btn btn-danger btn-sm";
+    document.getElementById("update_and_install").style.display = "none";
+  }
 });
 
-
-
 // ----------- INFO MODAL ACTIONS -------------------------------
 
 // CQ TRANSMITTING
-ipcRenderer.on('action-show-cq-toast-transmitting', (event, data) => {
-    displayToast(type='success', icon='bi-broadcast', content='transmitting cq', duration=5000);
+ipcRenderer.on("action-show-cq-toast-transmitting", (event, data) => {
+  displayToast(
+    (type = "success"),
+    (icon = "bi-broadcast"),
+    (content = "transmitting cq"),
+    (duration = 5000)
+  );
 });
 
 // CQ RECEIVED
-ipcRenderer.on('action-show-cq-toast-received', (event, data) => {
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let dxgrid = data["data"][0]["dxgrid"]
-    let content = `cq from <strong>${dxcallsign}</strong> (${dxgrid})`
+ipcRenderer.on("action-show-cq-toast-received", (event, data) => {
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let dxgrid = data["data"][0]["dxgrid"];
+  let content = `cq from <strong>${dxcallsign}</strong> (${dxgrid})`;
 
-    displayToast(type='success', icon='bi-broadcast', content=content, duration=5000);
+  displayToast(
+    (type = "success"),
+    (icon = "bi-broadcast"),
+    (content = content),
+    (duration = 5000)
+  );
 });
 
 // QRV TRANSMITTING
-ipcRenderer.on('action-show-qrv-toast-transmitting', (event, data) => {
-    displayToast(type='success', icon='bi-broadcast', content='transmitting qrv', duration=5000);
+ipcRenderer.on("action-show-qrv-toast-transmitting", (event, data) => {
+  displayToast(
+    (type = "success"),
+    (icon = "bi-broadcast"),
+    (content = "transmitting qrv"),
+    (duration = 5000)
+  );
 });
 
 // QRV RECEIVED
-ipcRenderer.on('action-show-qrv-toast-received', (event, data) => {
+ipcRenderer.on("action-show-qrv-toast-received", (event, data) => {
+  console.log(data["data"][0]);
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let dxgrid = data["data"][0]["dxgrid"];
+  let content = `received qrv from <strong>${dxcallsign}</strong> (${dxgrid})`;
 
-    console.log(data["data"][0])
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let dxgrid = data["data"][0]["dxgrid"]
-    let content = `received qrv from <strong>${dxcallsign}</strong> (${dxgrid})`
-
-    displayToast(type='success', icon='bi-broadcast', content=content, duration=5000);
+  displayToast(
+    (type = "success"),
+    (icon = "bi-broadcast"),
+    (content = content),
+    (duration = 5000)
+  );
 });
 
 // BEACON TRANSMITTING
-ipcRenderer.on('action-show-beacon-toast-transmitting', (event, data) => {
-    displayToast(type='info', icon='bi-broadcast', content='transmitting beacon', duration=5000);
+ipcRenderer.on("action-show-beacon-toast-transmitting", (event, data) => {
+  displayToast(
+    (type = "info"),
+    (icon = "bi-broadcast"),
+    (content = "transmitting beacon"),
+    (duration = 5000)
+  );
 });
 
 // BEACON RECEIVED
-ipcRenderer.on('action-show-beacon-toast-received', (event, data) => {
-    console.log(data["data"][0])
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let dxgrid = data["data"][0]["dxgrid"]
-    let content = `beacon from <strong>${dxcallsign}</strong> (${dxgrid})`
-    displayToast(type='info', icon='bi-broadcast', content=content, duration=5000);
+ipcRenderer.on("action-show-beacon-toast-received", (event, data) => {
+  console.log(data["data"][0]);
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let dxgrid = data["data"][0]["dxgrid"];
+  let content = `beacon from <strong>${dxcallsign}</strong> (${dxgrid})`;
+  displayToast(
+    (type = "info"),
+    (icon = "bi-broadcast"),
+    (content = content),
+    (duration = 5000)
+  );
 });
 
 // PING TRANSMITTING
-ipcRenderer.on('action-show-ping-toast-transmitting', (event, data) => {
-    displayToast(type='success', icon='bi-broadcast', content='transmitting ping', duration=5000);
+ipcRenderer.on("action-show-ping-toast-transmitting", (event, data) => {
+  displayToast(
+    (type = "success"),
+    (icon = "bi-broadcast"),
+    (content = "transmitting ping"),
+    (duration = 5000)
+  );
 });
 
 // PING RECEIVED
-ipcRenderer.on('action-show-ping-toast-received', (event, data) => {
-    console.log(data["data"][0])
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let content = `ping from <strong>${dxcallsign}</strong>`
-    displayToast(type='success', icon='bi-broadcast', content=content, duration=5000);
+ipcRenderer.on("action-show-ping-toast-received", (event, data) => {
+  console.log(data["data"][0]);
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let content = `ping from <strong>${dxcallsign}</strong>`;
+  displayToast(
+    (type = "success"),
+    (icon = "bi-broadcast"),
+    (content = content),
+    (duration = 5000)
+  );
 });
 
 // PING RECEIVED ACK
-ipcRenderer.on('action-show-ping-toast-received-ack', (event, data) => {
-    console.log(data["data"][0])
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let dxgrid = data["data"][0]["dxgrid"]
-    let content = `ping ACK from <strong>${dxcallsign}</strong> (${dxgrid})`
-    displayToast(type='success', icon='bi-check', content=content, duration=5000);
+ipcRenderer.on("action-show-ping-toast-received-ack", (event, data) => {
+  console.log(data["data"][0]);
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let dxgrid = data["data"][0]["dxgrid"];
+  let content = `ping ACK from <strong>${dxcallsign}</strong> (${dxgrid})`;
+  displayToast(
+    (type = "success"),
+    (icon = "bi-check"),
+    (content = content),
+    (duration = 5000)
+  );
 });
 
 // DATA CHANNEL OPENING TOAST
-ipcRenderer.on('action-show-arq-toast-datachannel-opening', (event, data) => {
-    console.log(data["data"][0])
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let content = `opening datachannel with <strong>${dxcallsign}</strong>`
-    displayToast(type='secondary', icon='bi-arrow-left-right', content=content, duration=5000);
+ipcRenderer.on("action-show-arq-toast-datachannel-opening", (event, data) => {
+  console.log(data["data"][0]);
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let content = `opening datachannel with <strong>${dxcallsign}</strong>`;
+  displayToast(
+    (type = "secondary"),
+    (icon = "bi-arrow-left-right"),
+    (content = content),
+    (duration = 5000)
+  );
 });
 
 // DATA CHANNEL WAITING TOAST
-ipcRenderer.on('action-show-arq-toast-datachannel-waiting', (event, data) => {
-    displayToast(type='warning', icon='bi-smartwatch', content='channel busy - waiting...', duration=5000);
+ipcRenderer.on("action-show-arq-toast-datachannel-waiting", (event, data) => {
+  displayToast(
+    (type = "warning"),
+    (icon = "bi-smartwatch"),
+    (content = "channel busy - waiting..."),
+    (duration = 5000)
+  );
 });
 
-
 // DATA CHANNEL OPEN TOAST
-ipcRenderer.on('action-show-arq-toast-datachannel-open', (event, data) => {
-    displayToast(type='success', icon='bi-arrow-left-right', content='datachannel open', duration=5000);
+ipcRenderer.on("action-show-arq-toast-datachannel-open", (event, data) => {
+  displayToast(
+    (type = "success"),
+    (icon = "bi-arrow-left-right"),
+    (content = "datachannel open"),
+    (duration = 5000)
+  );
 });
 
 // DATA CHANNEL RECEIVED OPENER TOAST
-ipcRenderer.on('action-show-arq-toast-datachannel-received-opener', (event, data) => {
-    console.log(data["data"][0])
-    let dxcallsign = data["data"][0]["dxcallsign"]
-    let content = `datachannel requested by <strong>${dxcallsign}</strong>`
-    displayToast(type='success', icon='bi-arrow-left-right', content=content, duration=5000);
-});
+ipcRenderer.on(
+  "action-show-arq-toast-datachannel-received-opener",
+  (event, data) => {
+    console.log(data["data"][0]);
+    let dxcallsign = data["data"][0]["dxcallsign"];
+    let content = `datachannel requested by <strong>${dxcallsign}</strong>`;
+    displayToast(
+      (type = "success"),
+      (icon = "bi-arrow-left-right"),
+      (content = content),
+      (duration = 5000)
+    );
+  }
+);
 
 // ARQ TRANSMISSION FAILED
 // TODO: use for both - transmitting and receiving --> we need to change the IDs
-ipcRenderer.on('action-show-arq-toast-transmission-failed', (event, data) => {
-    displayToast(type='danger', icon='bi-arrow-left-right', content='transmission failed', duration=5000);
+ipcRenderer.on("action-show-arq-toast-transmission-failed", (event, data) => {
+  displayToast(
+    (type = "danger"),
+    (icon = "bi-arrow-left-right"),
+    (content = "transmission failed"),
+    (duration = 5000)
+  );
 });
 
 // ARQ TRANSMISSION FAILED (Version mismatch)
-ipcRenderer.on('action-show-arq-toast-transmission-failed-ver', (event, data) => {
-    displayToast(type='danger', icon='bi-broadcast', content='protocoll version missmatch', duration=5000);
-});
+ipcRenderer.on(
+  "action-show-arq-toast-transmission-failed-ver",
+  (event, data) => {
+    displayToast(
+      (type = "danger"),
+      (icon = "bi-broadcast"),
+      (content = "protocoll version missmatch"),
+      (duration = 5000)
+    );
+  }
+);
 
 // ARQ TRANSMISSION STOPPED
 // TODO: RENAME ID -- WRONG
-ipcRenderer.on('action-show-arq-toast-transmission-stopped', (event, data) => {
-    displayToast(type='success', icon='bi-arrow-left-right', content='transmission stopped', duration=5000);
+ipcRenderer.on("action-show-arq-toast-transmission-stopped", (event, data) => {
+  displayToast(
+    (type = "success"),
+    (icon = "bi-arrow-left-right"),
+    (content = "transmission stopped"),
+    (duration = 5000)
+  );
 });
 
 // ARQ TRANSMISSION FAILED
 // TODO: USE FOR TX AND RX
-ipcRenderer.on('action-show-arq-toast-transmission-failed', (event, data) => {
-    displayToast(type='danger', icon='bi-broadcast', content='arq transmission failed', duration=5000);
+ipcRenderer.on("action-show-arq-toast-transmission-failed", (event, data) => {
+  displayToast(
+    (type = "danger"),
+    (icon = "bi-broadcast"),
+    (content = "arq transmission failed"),
+    (duration = 5000)
+  );
 });
 
 // ARQ TRANSMISSION TRANSMITTED
-ipcRenderer.on('action-show-arq-toast-transmission-transmitted', (event, data) => {
-    console.log(data["data"][0])
-    let content = `received cq from <strong>${dxcallsign}</strong> (${dxgrid})`
-    displayToast(type='success', icon='bi-broadcast', content='data transmitted', duration=5000);
-});
+ipcRenderer.on(
+  "action-show-arq-toast-transmission-transmitted",
+  (event, data) => {
+    console.log(data["data"][0]);
+    let content = `received cq from <strong>${dxcallsign}</strong> (${dxgrid})`;
+    displayToast(
+      (type = "success"),
+      (icon = "bi-broadcast"),
+      (content = "data transmitted"),
+      (duration = 5000)
+    );
+  }
+);
 
 // ARQ TRANSMISSION TRANSMITTING
-ipcRenderer.on('action-show-arq-toast-transmission-transmitting', (event, data) => {
-
+ipcRenderer.on(
+  "action-show-arq-toast-transmission-transmitting",
+  (event, data) => {
     var irs_snr = data["data"][0].irs_snr;
 
-    if(irs_snr <= 0){
-        displayToast(type='warning', icon='bi-broadcast', content='low link margin: <strong>' + irs_snr + ' dB</strong>', duration=5000);
-    } else if(irs_snr > 0 && irs_snr <= 5){
-        displayToast(type='warning', icon='bi-broadcast', content='medium link margin: <strong>' + irs_snr + ' dB</strong>', duration=5000);
-    } else if(irs_snr > 5  && irs_snr < 12.7){
-        displayToast(type='success', icon='bi-broadcast', content='high link margin: <strong>' + irs_snr + ' dB</strong>', duration=5000);
-    } else if(irs_snr >= 12.7){
-        displayToast(type='success', icon='bi-broadcast', content='very high link margin: <strong>' + irs_snr + ' dB</strong>', duration=5000);
+    if (irs_snr <= 0) {
+      displayToast(
+        (type = "warning"),
+        (icon = "bi-broadcast"),
+        (content = "low link margin: <strong>" + irs_snr + " dB</strong>"),
+        (duration = 5000)
+      );
+    } else if (irs_snr > 0 && irs_snr <= 5) {
+      displayToast(
+        (type = "warning"),
+        (icon = "bi-broadcast"),
+        (content = "medium link margin: <strong>" + irs_snr + " dB</strong>"),
+        (duration = 5000)
+      );
+    } else if (irs_snr > 5 && irs_snr < 12.7) {
+      displayToast(
+        (type = "success"),
+        (icon = "bi-broadcast"),
+        (content = "high link margin: <strong>" + irs_snr + " dB</strong>"),
+        (duration = 5000)
+      );
+    } else if (irs_snr >= 12.7) {
+      displayToast(
+        (type = "success"),
+        (icon = "bi-broadcast"),
+        (content =
+          "very high link margin: <strong>" + irs_snr + " dB</strong>"),
+        (duration = 5000)
+      );
     } else {
-        //displayToast(type='info', icon='bi-broadcast', content='no snr information', duration=5000);
+      //displayToast(type='info', icon='bi-broadcast', content='no snr information', duration=5000);
     }
-
-});
+  }
+);
 
 // ARQ TRANSMISSION RECEIVED
-ipcRenderer.on('action-show-arq-toast-transmission-received', (event, data) => {
-        console.log(data["data"][0])
-        displayToast(type='success', icon='bi-check-circle', content='all data received', duration=5000);
+ipcRenderer.on("action-show-arq-toast-transmission-received", (event, data) => {
+  console.log(data["data"][0]);
+  displayToast(
+    (type = "success"),
+    (icon = "bi-check-circle"),
+    (content = "all data received"),
+    (duration = 5000)
+  );
 });
 
 // ARQ TRANSMISSION RECEIVING
-ipcRenderer.on('action-show-arq-toast-transmission-receiving', (event, data) => {
-        displayToast(type='primary', icon='bi-arrow-left-right', content='session receiving', duration=5000);
-});
+ipcRenderer.on(
+  "action-show-arq-toast-transmission-receiving",
+  (event, data) => {
+    displayToast(
+      (type = "primary"),
+      (icon = "bi-arrow-left-right"),
+      (content = "session receiving"),
+      (duration = 5000)
+    );
+  }
+);
 
 // ARQ SESSION CONNECTING
-ipcRenderer.on('action-show-arq-toast-session-connecting', (event, data) => {
-        displayToast(type='primary', icon='bi-arrow-left-right', content='connecting...', duration=5000);
+ipcRenderer.on("action-show-arq-toast-session-connecting", (event, data) => {
+  displayToast(
+    (type = "primary"),
+    (icon = "bi-arrow-left-right"),
+    (content = "connecting..."),
+    (duration = 5000)
+  );
 });
 
 // ARQ SESSION CONNECTED
-ipcRenderer.on('action-show-arq-toast-session-connected', (event, data) => {
-        displayToast(type='success', icon='bi-arrow-left-right', content='session connected', duration=5000);
+ipcRenderer.on("action-show-arq-toast-session-connected", (event, data) => {
+  displayToast(
+    (type = "success"),
+    (icon = "bi-arrow-left-right"),
+    (content = "session connected"),
+    (duration = 5000)
+  );
 });
 
 // ARQ SESSION CONNECTED
-ipcRenderer.on('action-show-arq-toast-session-waiting', (event, data) => {
-        displayToast(type='warning', icon='bi-smartwatch', content='session waiting...', duration=5000);
+ipcRenderer.on("action-show-arq-toast-session-waiting", (event, data) => {
+  displayToast(
+    (type = "warning"),
+    (icon = "bi-smartwatch"),
+    (content = "session waiting..."),
+    (duration = 5000)
+  );
 });
 
-
 // ARQ SESSION CLOSE
-ipcRenderer.on('action-show-arq-toast-session-close', (event, data) => {
-        displayToast(type='warning', icon='bi-arrow-left-right', content='session close', duration=5000);
+ipcRenderer.on("action-show-arq-toast-session-close", (event, data) => {
+  displayToast(
+    (type = "warning"),
+    (icon = "bi-arrow-left-right"),
+    (content = "session close"),
+    (duration = 5000)
+  );
 });
 
 // ARQ SESSION FAILED
-ipcRenderer.on('action-show-arq-toast-session-failed', (event, data) => {
-        displayToast(type='danger', icon='bi-arrow-left-right', content='session failed', duration=5000);
+ipcRenderer.on("action-show-arq-toast-session-failed", (event, data) => {
+  displayToast(
+    (type = "danger"),
+    (icon = "bi-arrow-left-right"),
+    (content = "session failed"),
+    (duration = 5000)
+  );
 });
 
-
 // enable or disable a setting by given switch and element
-function enable_setting(enable_switch, enable_object){
-        if(document.getElementById(enable_switch).checked){
-            config[enable_switch] = true
-            document.getElementById(enable_object).removeAttribute("disabled","disabled");
-        } else {
-            config[enable_switch] = false
-            document.getElementById(enable_object).setAttribute("disabled","disabled");
-        }
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+function enable_setting(enable_switch, enable_object) {
+  if (document.getElementById(enable_switch).checked) {
+    config[enable_switch] = true;
+    document
+      .getElementById(enable_object)
+      .removeAttribute("disabled", "disabled");
+  } else {
+    config[enable_switch] = false;
+    document.getElementById(enable_object).setAttribute("disabled", "disabled");
+  }
+  fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
 }
 
 // enable or disable a setting switch
-function set_setting_switch(setting_switch, enable_object, state){
-        document.getElementById(setting_switch).checked = state
-        enable_setting(setting_switch, enable_object)
-    }
-
-setInterval(checkRigctld, 500)
-function checkRigctld(){
-
-    var rigctld_ip = document.getElementById("hamlib_rigctld_ip").value;
-    var rigctld_port = document.getElementById("hamlib_rigctld_port").value;
-
-    let Data = {
-                ip: rigctld_ip,
-                port: rigctld_port
-            };
-
-    //Prevents an error on startup if hamlib settings aren't populated yet
-    if (rigctld_port.length > 0 && rigctld_ip.length > 0) {
-        ipcRenderer.send('request-check-rigctld', Data);
-    }
+function set_setting_switch(setting_switch, enable_object, state) {
+  document.getElementById(setting_switch).checked = state;
+  enable_setting(setting_switch, enable_object);
 }
 
-ipcRenderer.on('action-check-rigctld', (event, data) => {
-        document.getElementById("hamlib_rigctld_status").value = data["state"];
+setInterval(checkRigctld, 500);
+function checkRigctld() {
+  var rigctld_ip = document.getElementById("hamlib_rigctld_ip").value;
+  var rigctld_port = document.getElementById("hamlib_rigctld_port").value;
+
+  let Data = {
+    ip: rigctld_ip,
+    port: rigctld_port,
+  };
+
+  //Prevents an error on startup if hamlib settings aren't populated yet
+  if (rigctld_port.length > 0 && rigctld_ip.length > 0) {
+    ipcRenderer.send("request-check-rigctld", Data);
+  }
+}
+
+ipcRenderer.on("action-check-rigctld", (event, data) => {
+  document.getElementById("hamlib_rigctld_status").value = data["state"];
 });
 
-ipcRenderer.on('action-set-app-version', (event, data) => {
-    appVer = data;
+ipcRenderer.on("action-set-app-version", (event, data) => {
+  appVer = data;
 });
 
-function updateTitle(mycall = config.mycall , tnc = config.tnc_host, tncport = config.tnc_port, appender = ""){
-    //Multiple consecutive  spaces get converted to a single space
-    var title ="FreeDATA " + appVer + " - Call: " + mycall + " - TNC: " + tnc +  ":" + tncport + appender;
-    if (title != document.title) {
-        document.title=title;
-    }
+function updateTitle(
+  mycall = config.mycall,
+  tnc = config.tnc_host,
+  tncport = config.tnc_port,
+  appender = ""
+) {
+  //Multiple consecutive  spaces get converted to a single space
+  var title =
+    "FreeDATA " +
+    appVer +
+    " - Call: " +
+    mycall +
+    " - TNC: " +
+    tnc +
+    ":" +
+    tncport +
+    appender;
+  if (title != document.title) {
+    document.title = title;
+  }
 }
 
 //Set force to true to ensure a class is present on a control, other set to false to ensure it isn't present
-function toggleClass(control,classToToggle,force) {
-    var cntrl = document.getElementById(control);
-    if (cntrl == undefined) {
-        //console.log("toggle class:  unknown control", control);
-        return;
-    }
-    var activeClasses = cntrl.getAttribute('class');
-    //var oldactive = activeClasses;
-    if (force == true && activeClasses.indexOf(classToToggle) >= 0) {
-        return;
-    }
-    if (force == false && activeClasses.indexOf(classToToggle) == -1) {
-        return;
-    }
-    if (force == true) {
-        activeClasses += " " + classToToggle;
-    } else {
-        activeClasses = activeClasses.replace(classToToggle,"");
-    }
-    activeClasses = activeClasses.replace("  "," ").trim();
-    cntrl.setAttribute("class",activeClasses);
-    //console.log(control," toggleClass; force:  ", force, "class: " ,classToToggle, " in: '" ,oldactive, "' out: '",activeClasses,"'");
+function toggleClass(control, classToToggle, force) {
+  var cntrl = document.getElementById(control);
+  if (cntrl == undefined) {
+    //console.log("toggle class:  unknown control", control);
+    return;
+  }
+  var activeClasses = cntrl.getAttribute("class");
+  //var oldactive = activeClasses;
+  if (force == true && activeClasses.indexOf(classToToggle) >= 0) {
+    return;
+  }
+  if (force == false && activeClasses.indexOf(classToToggle) == -1) {
+    return;
+  }
+  if (force == true) {
+    activeClasses += " " + classToToggle;
+  } else {
+    activeClasses = activeClasses.replace(classToToggle, "");
+  }
+  activeClasses = activeClasses.replace("  ", " ").trim();
+  cntrl.setAttribute("class", activeClasses);
+  //console.log(control," toggleClass; force:  ", force, "class: " ,classToToggle, " in: '" ,oldactive, "' out: '",activeClasses,"'");
 }
 function set_CPU_mode() {
-    if (config.high_graphics.toUpperCase()=="FALSE")
-    {
-        toggleClass("dbfs_level","disable-effects",true);
-        toggleClass("dbfs_level","progress-bar-striped",false);
-        toggleClass("waterfall","disable-effects",true);
-        toggleClass("transmission_progress","disable-effects",true);
-        toggleClass("transmission_progress","progress-bar-striped",false);
-    } 
-    else
-    {
-        toggleClass("dbfs_level","disable-effects",false);
-        toggleClass("dbfs_level","progress-bar-striped",true);
-        toggleClass("waterfall","disable-effects",false);
-        toggleClass("transmission_progress","disable-effects",false);
-        toggleClass("transmission_progress","progress-bar-striped",true);
-    }
+  if (config.high_graphics.toUpperCase() == "FALSE") {
+    toggleClass("dbfs_level", "disable-effects", true);
+    toggleClass("dbfs_level", "progress-bar-striped", false);
+    toggleClass("waterfall", "disable-effects", true);
+    toggleClass("transmission_progress", "disable-effects", true);
+    toggleClass("transmission_progress", "progress-bar-striped", false);
+  } else {
+    toggleClass("dbfs_level", "disable-effects", false);
+    toggleClass("dbfs_level", "progress-bar-striped", true);
+    toggleClass("waterfall", "disable-effects", false);
+    toggleClass("transmission_progress", "disable-effects", false);
+    toggleClass("transmission_progress", "progress-bar-striped", true);
+  }
 }
 //Temporarily disable a button with timeout
 function pauseButton(btn, timems) {
-    btn.disabled = true;
-    var curText = btn.innerHTML;
-    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)
+  btn.disabled = true;
+  var curText = btn.innerHTML;
+  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);
 }
 //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'
+  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 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))
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
 
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 }
 
-
 // display toast
-function displayToast(type='primary', icon='bi-info', content='default', duration=5000){
-    mainToastContainer = document.getElementById("mainToastContainer");
+function displayToast(
+  type = "primary",
+  icon = "bi-info",
+  content = "default",
+  duration = 5000
+) {
+  mainToastContainer = document.getElementById("mainToastContainer");
 
-   let randomID = uuidv4()
-    let toastCode = `
+  let randomID = uuidv4();
+  let toastCode = `
         <div class="toast align-items-center bg-outline-${type} border-1" id="${randomID}" role="alert" aria-live="assertive" aria-atomic="true">
             <div class="d-flex">
                 <div class="toast-body p-0 m-0 bg-white rounded-2 w-100">
@@ -3000,23 +3443,22 @@ function displayToast(type='primary', icon='bi-info', content='default', duratio
         </div>
     `;
 
-    // insert toast to toast container
-    mainToastContainer.insertAdjacentHTML("beforeend", toastCode);
+  // insert toast to toast container
+  mainToastContainer.insertAdjacentHTML("beforeend", toastCode);
 
-    // register toast
-    let toastHTMLElement = document.getElementById(randomID);
-    let toast = bootstrap.Toast.getOrCreateInstance(toastHTMLElement); // Returns a Bootstrap toast instance
-    toast._config.delay = duration;
+  // register toast
+  let toastHTMLElement = document.getElementById(randomID);
+  let toast = bootstrap.Toast.getOrCreateInstance(toastHTMLElement); // Returns a Bootstrap toast instance
+  toast._config.delay = duration;
 
-    // show toast
-    toast.show()
+  // show toast
+  toast.show();
 
-    //register event listener if toast is hidden
-    toastHTMLElement.addEventListener('hidden.bs.toast', () => {
-        // remove eventListener
-        toastHTMLElement.removeEventListener('hidden.bs.toast', this);
-        // remove toast
-        toastHTMLElement.remove();
-    })
-
-}
\ No newline at end of file
+  //register event listener if toast is hidden
+  toastHTMLElement.addEventListener("hidden.bs.toast", () => {
+    // remove eventListener
+    toastHTMLElement.removeEventListener("hidden.bs.toast", this);
+    // remove toast
+    toastHTMLElement.remove();
+  });
+}
diff --git a/gui/sock.js b/gui/sock.js
index 794d7d5a..f87e2ac3 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -1,99 +1,103 @@
-var net = require('net');
-const path = require('path')
-const {
-    ipcRenderer
-} = require('electron')
+var net = require("net");
+const path = require("path");
+const { ipcRenderer } = require("electron");
+
+const log = require("electron-log");
+const socketLog = log.scope("tnc");
+const utf8 = require("utf8");
 
-const log = require('electron-log');
-const socketLog = log.scope('tnc');
-const utf8 = require('utf8');
-    
-    
 // https://stackoverflow.com/a/26227660
-var appDataFolder = process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + '/Library/Application Support' : process.env.HOME + "/.config")
+var appDataFolder =
+  process.env.APPDATA ||
+  (process.platform == "darwin"
+    ? process.env.HOME + "/Library/Application Support"
+    : process.env.HOME + "/.config");
 var configFolder = path.join(appDataFolder, "FreeDATA");
-var configPath = path.join(configFolder, 'config.json')
+var configPath = path.join(configFolder, "config.json");
 const config = require(configPath);
 
 var client = new net.Socket();
-var socketchunk = ''; // Current message, per connection.
+var socketchunk = ""; // Current message, per connection.
 
 // split character
-const split_char = '\0;\1;'
+const split_char = "\0;\1;";
 
 // globals for getting new data only if available so we are saving bandwidth
-var rxBufferLengthTnc = 0
-var rxBufferLengthGui = 0
-var rxMsgBufferLengthTnc = 0
-var rxMsgBufferLengthGui = 0
+var rxBufferLengthTnc = 0;
+var rxBufferLengthGui = 0;
+var rxMsgBufferLengthTnc = 0;
+var rxMsgBufferLengthGui = 0;
 
 // global to keep track of TNC connection error emissions
-var tncShowConnectStateError = 1
+var tncShowConnectStateError = 1;
 
 // global for storing ip information
 var tnc_port = config.tnc_port;
 var tnc_host = config.tnc_host;
 
 // network connection Timeout
-setTimeout(connectTNC, 2000)
+setTimeout(connectTNC, 2000);
 
 function connectTNC() {
-    //exports.connectTNC = function(){
-    //socketLog.info('connecting to TNC...')
+  //exports.connectTNC = function(){
+  //socketLog.info('connecting to TNC...')
 
-    //clear message buffer after reconnecting or initial connection
-    socketchunk = '';
+  //clear message buffer after reconnecting or initial connection
+  socketchunk = "";
 
-    if (config.tnclocation == 'localhost') {
-        client.connect(3000, '127.0.0.1')
-    } else {
-        client.connect(tnc_port, tnc_host)
-    }
+  if (config.tnclocation == "localhost") {
+    client.connect(3000, "127.0.0.1");
+  } else {
+    client.connect(tnc_port, tnc_host);
+  }
 }
 
-client.on('connect', function(data) {
-    socketLog.info('TNC connection established')
-    let Data = {
-        busy_state: "-",
-        arq_state: "-",
-        //channel_state: "-",
-        frequency: "-",
-        mode: "-",
-        bandwidth: "-",
-        dbfs_level: 0
-    };
-    ipcRenderer.send('request-update-tnc-state', Data);
-    
-    // also update tnc connection state
-    ipcRenderer.send('request-update-tnc-connection', {tnc_connection : client.readyState});   
-    
-    tncShowConnectStateError = 1
-})
+client.on("connect", function (data) {
+  socketLog.info("TNC connection established");
+  let Data = {
+    busy_state: "-",
+    arq_state: "-",
+    //channel_state: "-",
+    frequency: "-",
+    mode: "-",
+    bandwidth: "-",
+    dbfs_level: 0,
+  };
+  ipcRenderer.send("request-update-tnc-state", Data);
 
-client.on('error', function(data) {
-    if (tncShowConnectStateError == 1) {
-        socketLog.error('TNC connection error');
-        socketLog.info('TNC is started by the GUI process.');
-        socketLog.debug(data);
-        // setTimeout( function() { exports.connectTNC(tnc_host, tnc_port); }, 2000 );
-        
-        tncShowConnectStateError = 0
-    }
-    setTimeout(connectTNC, 500)
-    client.destroy();
-    let Data = {
-        tnc_connection: client.readyState,
-        busy_state: "-",
-        arq_state: "-",
-        //channel_state: "-",
-        frequency: "-",
-        mode: "-",
-        bandwidth: "-",
-        dbfs_level: 0
+  // also update tnc connection state
+  ipcRenderer.send("request-update-tnc-connection", {
+    tnc_connection: client.readyState,
+  });
 
-    };
-    ipcRenderer.send('request-update-tnc-state', Data);
-    ipcRenderer.send('request-update-tnc-connection', {tnc_connection : client.readyState});
+  tncShowConnectStateError = 1;
+});
+
+client.on("error", function (data) {
+  if (tncShowConnectStateError == 1) {
+    socketLog.error("TNC connection error");
+    socketLog.info("TNC is started by the GUI process.");
+    socketLog.debug(data);
+    // setTimeout( function() { exports.connectTNC(tnc_host, tnc_port); }, 2000 );
+
+    tncShowConnectStateError = 0;
+  }
+  setTimeout(connectTNC, 500);
+  client.destroy();
+  let Data = {
+    tnc_connection: client.readyState,
+    busy_state: "-",
+    arq_state: "-",
+    //channel_state: "-",
+    frequency: "-",
+    mode: "-",
+    bandwidth: "-",
+    dbfs_level: 0,
+  };
+  ipcRenderer.send("request-update-tnc-state", Data);
+  ipcRenderer.send("request-update-tnc-connection", {
+    tnc_connection: client.readyState,
+  });
 });
 
 /*
@@ -103,149 +107,134 @@ client.on('close', function(data) {
 });
 */
 
-client.on('end', function(data) {
-    socketLog.info('TNC connection ended');
-    ipcRenderer.send('request-update-tnc-connection', {tnc_connection : client.readyState});
-    client.destroy();
-    
-    setTimeout(connectTNC, 500)
+client.on("end", function (data) {
+  socketLog.info("TNC connection ended");
+  ipcRenderer.send("request-update-tnc-connection", {
+    tnc_connection: client.readyState,
+  });
+  client.destroy();
 
+  setTimeout(connectTNC, 500);
 });
 
-writeTncCommand = function(command) {
-    
-    //socketLog.info(command)
-    // we use the writingCommand function to update our TCPIP state because we are calling this function a lot
-    // if socket opened, we are able to run commands
+writeTncCommand = function (command) {
+  //socketLog.info(command)
+  // we use the writingCommand function to update our TCPIP state because we are calling this function a lot
+  // if socket opened, we are able to run commands
 
-    
-    
-    if (client.readyState == 'open') {
-        client.write(command + '\n');
+  if (client.readyState == "open") {
+    client.write(command + "\n");
+  }
 
-    }
+  if (client.readyState == "closed") {
+    socketLog.info("CLOSED!");
+  }
 
-    if (client.readyState == 'closed') {
-        socketLog.info("CLOSED!")
+  if (client.readyState == "opening") {
+    socketLog.info("connecting to TNC...");
+  }
+};
 
-    }
+client.on("data", function (socketdata) {
+  ipcRenderer.send("request-update-tnc-connection", {
+    tnc_connection: client.readyState,
+  });
 
-    if (client.readyState == 'opening') {
-        socketLog.info('connecting to TNC...')
-
-    }
-}
-
-client.on('data', function(socketdata) {
-
-    ipcRenderer.send('request-update-tnc-connection', {tnc_connection : client.readyState});
-
-    /*
+  /*
     inspired by:
     stackoverflow.com questions 9070700 nodejs-net-createserver-large-amount-of-data-coming-in
     */
 
-    socketdata = socketdata.toString('utf8'); // convert data to string
-    socketchunk += socketdata// append data to buffer so we can stick long data together
+  socketdata = socketdata.toString("utf8"); // convert data to string
+  socketchunk += socketdata; // append data to buffer so we can stick long data together
 
+  // check if we received begin and end of json data
+  if (socketchunk.startsWith('{"') && socketchunk.endsWith('"}\n')) {
+    var data = "";
 
-    // check if we received begin and end of json data
-    if (socketchunk.startsWith('{"') && socketchunk.endsWith('"}\n')) {
+    // split data into chunks if we received multiple commands
+    socketchunk = socketchunk.split("\n");
+    //don't think this is needed anymore
+    //data = JSON.parse(socketchunk[0])
 
-        var data = ''
+    // search for empty entries in socketchunk and remove them
+    for (i = 0; i < socketchunk.length; i++) {
+      if (socketchunk[i] === "") {
+        socketchunk.splice(i, 1);
+      }
+    }
 
-        // split data into chunks if we received multiple commands
-        socketchunk = socketchunk.split("\n"); 
-        //don't think this is needed anymore
-        //data = JSON.parse(socketchunk[0])    
-
-        // search for empty entries in socketchunk and remove them
-        for (i = 0; i < socketchunk.length; i++) {
-            if (socketchunk[i] === ''){
-                socketchunk.splice(i, 1);
-            }
+    //iterate through socketchunks array to execute multiple commands in row
+    for (i = 0; i < socketchunk.length; i++) {
+      //check if data is not empty
+      if (socketchunk[i].length > 0) {
+        //try to parse JSON
+        try {
+          data = JSON.parse(socketchunk[i]);
+        } catch (e) {
+          socketLog.info(e); // "SyntaxError
+          socketLog.info(socketchunk[i]);
+          socketchunk = "";
         }
-        
-        
-        //iterate through socketchunks array to execute multiple commands in row 
-        for (i = 0; i < socketchunk.length; i++) {
+      }
 
-            //check if data is not empty
-            if(socketchunk[i].length > 0){
-            
-                //try to parse JSON
-                try {
+      if (data["command"] == "tnc_state") {
+        //socketLog.info(data)
+        // set length of RX Buffer to global variable
+        rxBufferLengthTnc = data["rx_buffer_length"];
+        rxMsgBufferLengthTnc = data["rx_msg_buffer_length"];
 
-                    data = JSON.parse(socketchunk[i])
+        let Data = {
+          mycallsign: data["mycallsign"],
+          mygrid: data["mygrid"],
+          ptt_state: data["ptt_state"],
+          busy_state: data["tnc_state"],
+          arq_state: data["arq_state"],
+          arq_session: data["arq_session"],
+          //channel_state: data['CHANNEL_STATE'],
+          frequency: data["frequency"],
+          speed_level: data["speed_level"],
+          mode: data["mode"],
+          bandwidth: data["bandwidth"],
+          dbfs_level: data["audio_dbfs"],
+          fft: data["fft"],
+          channel_busy: data["channel_busy"],
+          scatter: data["scatter"],
+          info: data["info"],
+          rx_buffer_length: data["rx_buffer_length"],
+          rx_msg_buffer_length: data["rx_msg_buffer_length"],
+          tx_n_max_retries: data["tx_n_max_retries"],
+          arq_tx_n_frames_per_burst: data["arq_tx_n_frames_per_burst"],
+          arq_tx_n_bursts: data["arq_tx_n_bursts"],
+          arq_tx_n_current_arq_frame: data["arq_tx_n_current_arq_frame"],
+          arq_tx_n_total_arq_frames: data["arq_tx_n_total_arq_frames"],
+          arq_rx_frame_n_bursts: data["arq_rx_frame_n_bursts"],
+          arq_rx_n_current_arq_frame: data["arq_rx_n_current_arq_frame"],
+          arq_n_arq_frames_per_data_frame:
+            data["arq_n_arq_frames_per_data_frame"],
+          arq_bytes_per_minute: data["arq_bytes_per_minute"],
+          arq_seconds_until_finish: data["arq_seconds_until_finish"],
+          arq_compression_factor: data["arq_compression_factor"],
+          total_bytes: data["total_bytes"],
+          arq_transmission_percent: data["arq_transmission_percent"],
+          stations: data["stations"],
+          beacon_state: data["beacon_state"],
+          hamlib_status: data["hamlib_status"],
+          listen: data["listen"],
+          audio_recording: data["audio_recording"],
+          speed_list: data["speed_list"],
+          //speed_table: [{"bpm" : 5200, "snr": -3, "timestamp":1673555399},{"bpm" : 2315, "snr": 12, "timestamp":1673555500}],
+        };
 
-                } catch (e) {
-                    socketLog.info(e); // "SyntaxError
-                    socketLog.info(socketchunk[i])
-                    socketchunk = ''
+        ipcRenderer.send("request-update-tnc-state", Data);
+        //continue to next for loop iteration, nothing else needs to be done here
+        continue;
+      }
 
-                }
-
-            }
-            
-
-            if (data['command'] == 'tnc_state') {
-                //socketLog.info(data)
-                // set length of RX Buffer to global variable
-                rxBufferLengthTnc = data['rx_buffer_length']
-                rxMsgBufferLengthTnc = data['rx_msg_buffer_length']
-
-                let Data = {
-                    mycallsign: data['mycallsign'],
-                    mygrid: data['mygrid'],
-                    ptt_state: data['ptt_state'],
-                    busy_state: data['tnc_state'],
-                    arq_state: data['arq_state'],
-                    arq_session: data['arq_session'],
-                    //channel_state: data['CHANNEL_STATE'],
-                    frequency: data['frequency'],
-                    speed_level: data['speed_level'],
-                    mode: data['mode'],
-                    bandwidth: data['bandwidth'],
-                    dbfs_level: data['audio_dbfs'],
-                    fft: data['fft'],
-                    channel_busy: data['channel_busy'],
-                    scatter: data['scatter'],
-                    info: data['info'],
-                    rx_buffer_length: data['rx_buffer_length'],
-                    rx_msg_buffer_length: data['rx_msg_buffer_length'],
-                    tx_n_max_retries: data['tx_n_max_retries'],
-                    arq_tx_n_frames_per_burst: data['arq_tx_n_frames_per_burst'],
-                    arq_tx_n_bursts: data['arq_tx_n_bursts'],
-                    arq_tx_n_current_arq_frame: data['arq_tx_n_current_arq_frame'],
-                    arq_tx_n_total_arq_frames: data['arq_tx_n_total_arq_frames'],
-                    arq_rx_frame_n_bursts: data['arq_rx_frame_n_bursts'],
-                    arq_rx_n_current_arq_frame: data['arq_rx_n_current_arq_frame'],
-                    arq_n_arq_frames_per_data_frame: data['arq_n_arq_frames_per_data_frame'],
-                    arq_bytes_per_minute: data['arq_bytes_per_minute'],
-                    arq_seconds_until_finish: data['arq_seconds_until_finish'],
-                    arq_compression_factor: data['arq_compression_factor'],
-                    total_bytes: data['total_bytes'],
-                    arq_transmission_percent: data['arq_transmission_percent'],
-                    stations: data['stations'],
-                    beacon_state: data['beacon_state'],
-                    hamlib_status: data['hamlib_status'],
-                    listen: data['listen'],
-                    audio_recording: data['audio_recording'],
-                    speed_list: data['speed_list'],
-                    //speed_table: [{"bpm" : 5200, "snr": -3, "timestamp":1673555399},{"bpm" : 2315, "snr": 12, "timestamp":1673555500}],
-                };
-
-                ipcRenderer.send('request-update-tnc-state', Data);
-                //continue to next for loop iteration, nothing else needs to be done here
-                continue;
-            }
-
-
-            // ----------- catch tnc messages START -----------
-            if (data['freedata'] == 'tnc-message'){
-
-                // update transmission status
-                /*
+      // ----------- catch tnc messages START -----------
+      if (data["freedata"] == "tnc-message") {
+        // update transmission status
+        /*
                 if (data['arq'] == 'transmission' && data['status'] == 'transmitting'){
 
                     let state = {
@@ -259,397 +248,502 @@ client.on('data', function(socketdata) {
                 }
                 */
 
-                // CQ TRANSMITTING
-                if (data['cq'] == 'transmitting') {
-                    ipcRenderer.send('request-show-cq-toast-transmitting', {data: [data]});
-                }
-
-                // CQ RECEIVED
-                if (data['cq'] == 'received') {
-                    ipcRenderer.send('request-show-cq-toast-received', {data: [data]});
-                }
-
-                // QRV TRANSMITTING
-                if (data['qrv'] == 'transmitting') {
-                    ipcRenderer.send('request-show-qrv-toast-transmitting', {data: [data]});
-                }
-
-                // QRV RECEIVED
-                if (data['qrv'] == 'received') {
-                    ipcRenderer.send('request-show-qrv-toast-received', {data: [data]});
-                }
-
-                // BEACON TRANSMITTING
-                if (data['beacon'] == 'transmitting') {
-                    ipcRenderer.send('request-show-beacon-toast-transmitting', {data: [data]});
-                }
-
-                // BEACON RECEIVED
-                if (data['beacon'] == 'received') {
-                    ipcRenderer.send('request-show-beacon-toast-received', {data: [data]});
-                    ipcRenderer.send('request-new-msg-received', {data: [data]});
-                }
-
-                // PING TRANSMITTING
-                if (data['ping'] == 'transmitting') {
-                    ipcRenderer.send('request-show-ping-toast-transmitting', {data: [data]});
-                }
-
-                // PING RECEIVED
-                if (data['ping'] == 'received') {
-                    ipcRenderer.send('request-show-ping-toast-received', {data: [data]});
-                    ipcRenderer.send('request-new-msg-received', {data: [data]});
-                }
-
-                // PING ACKNOWLEDGE
-                if (data['ping'] == 'acknowledge') {
-                    ipcRenderer.send('request-show-ping-toast-received-ack', {data: [data]});
-                    ipcRenderer.send('request-new-msg-received', {data: [data]});
-                }
-
-                // ARQ SESSION
-                if (data['arq'] == 'session') {
-
-                    // ARQ OPEN
-                    if (data['status'] == 'connecting') {
-                        ipcRenderer.send('request-show-arq-toast-session-connecting', {data: [data]});
-
-                    // ARQ OPENING
-                    } else if (data['status'] == 'connected') {
-                        ipcRenderer.send('request-show-arq-toast-session-connected', {data: [data]});
-
-                    // ARQ OPENING
-                    } else if (data['status'] == 'waiting') {
-                        ipcRenderer.send('request-show-arq-toast-session-waiting', {data: [data]});
-
-                    // ARQ OPENING
-                    } else if (data['status'] == 'close') {
-                        ipcRenderer.send('request-show-arq-toast-session-close', {data: [data]});
-
-                    // ARQ OPENING
-                    } else if (data['status'] == 'failed') {
-                        ipcRenderer.send('request-show-arq-toast-session-failed', {data: [data]});
-                    }
-
-                }
-                // ARQ TRANSMISSION
-                if (data['arq'] == 'transmission') {
-
-                    // ARQ OPEN
-                    if (data['status'] == 'opened') {
-                        ipcRenderer.send('request-show-arq-toast-datachannel-opened', {data: [data]});
-
-                    // ARQ OPENING ISS
-                    } else if (data['status'] == 'opening' && data['irs'] == 'False') {
-                        ipcRenderer.send('request-show-arq-toast-datachannel-opening', {data: [data]});
-
-                    // ARQ OPENING IRS
-                    } else if (data['status'] == 'opening' && data['irs'] == 'True') {
-                        ipcRenderer.send('request-show-arq-toast-datachannel-received-opener', {data: [data]});
-
-                    // ARQ WAITING
-                    } 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') {
-                        if (data['reason'] == 'protocol version missmatch') {
-                            ipcRenderer.send('request-show-arq-toast-transmission-failed-ver', {data: [data]});
-                        } else {
-                            ipcRenderer.send('request-show-arq-toast-transmission-failed', {data: [data]});
-                        }
-                        ipcRenderer.send('request-update-transmission-status', {data: [data]});
-
-
-                    // ARQ TRANSMISSION RECEIVED
-                    } else if (data['status'] == 'received') {
-                        ipcRenderer.send('request-show-arq-toast-transmission-received', {data: [data]});
-                        ipcRenderer.send('request-update-transmission-status', {data: [data]});
-
-                        dataArray = []
-                        messageArray = []
-
-                        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_FD(data['data']);
-                        var splitted_data = encoded_data.split(split_char)
-
-                        if(splitted_data[0] == 'f'){
-                            dataArray.push(data)
-                        }
-
-                        if(splitted_data[0] == 'm'){
-                            messageArray.push(data)
-                            console.log(data)
-                        }
-
-                        rxBufferLengthGui = dataArray.length
-                        let Files = {
-                            data: dataArray,
-                        };
-                        ipcRenderer.send('request-update-rx-buffer', Files);
-                        ipcRenderer.send('request-new-msg-received', Files);
-
-                        rxMsgBufferLengthGui = messageArray.length
-                        let Messages = {
-                            data: messageArray,
-                        };
-                        ipcRenderer.send('request-new-msg-received', Messages);
-
-                    // ARQ TRANSMISSION TRANSMITTING
-                    } else if (data['status'] == 'transmitting') {
-                        ipcRenderer.send('request-show-arq-toast-transmission-transmitting', {data: [data]});
-                        ipcRenderer.send('request-update-transmission-status', {data: [data]});
-
-
-                    // ARQ TRANSMISSION TRANSMITTED
-                    } else if (data['status'] == 'transmitted') {
-                        ipcRenderer.send('request-show-arq-toast-transmission-transmitted', {data: [data]});
-                        ipcRenderer.send('request-update-transmission-status', {data: [data]});
-                    }
-                }
-            }
-
-            // ----------- catch tnc info messages END -----------
-
-
-
-            // if we manually checking for the rx buffer we are getting an array of multiple data
-            if (data['command'] == 'rx_buffer') {
-                socketLog.info(data)
-                // iterate through buffer list and sort it to file or message array
-                dataArray = []
-                messageArray = []
-
-                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_FD(data['data-array'][i]['data']);
-                        var splitted_data = encoded_data.split(split_char)
-
-
-                        if(splitted_data[0] == 'f'){
-                            dataArray.push(data['data-array'][i]) 
-
-                        }
-                        
-                        if(splitted_data[0] == 'm'){
-                            messageArray.push(data['data-array'][i])
-
-                        }
-                        
-                    } catch (e) {
-                        socketLog.info(e)
-                    }
-                }
-            
-                
-                
-                rxBufferLengthGui = dataArray.length
-                let Files = {
-                    data: dataArray,
-                };
-                ipcRenderer.send('request-update-rx-buffer', Files);
-                
-                rxMsgBufferLengthGui = messageArray.length
-                let Messages = {
-                    data: messageArray,
-                };
-                //ipcRenderer.send('request-update-rx-msg-buffer', Messages);
-                ipcRenderer.send('request-new-msg-received', Messages);
-                
-      
-            }
-
+        // CQ TRANSMITTING
+        if (data["cq"] == "transmitting") {
+          ipcRenderer.send("request-show-cq-toast-transmitting", {
+            data: [data],
+          });
         }
-   
-    //finally delete message buffer 
-    socketchunk = '';
-    
+
+        // CQ RECEIVED
+        if (data["cq"] == "received") {
+          ipcRenderer.send("request-show-cq-toast-received", { data: [data] });
+        }
+
+        // QRV TRANSMITTING
+        if (data["qrv"] == "transmitting") {
+          ipcRenderer.send("request-show-qrv-toast-transmitting", {
+            data: [data],
+          });
+        }
+
+        // QRV RECEIVED
+        if (data["qrv"] == "received") {
+          ipcRenderer.send("request-show-qrv-toast-received", { data: [data] });
+        }
+
+        // BEACON TRANSMITTING
+        if (data["beacon"] == "transmitting") {
+          ipcRenderer.send("request-show-beacon-toast-transmitting", {
+            data: [data],
+          });
+        }
+
+        // BEACON RECEIVED
+        if (data["beacon"] == "received") {
+          ipcRenderer.send("request-show-beacon-toast-received", {
+            data: [data],
+          });
+          ipcRenderer.send("request-new-msg-received", { data: [data] });
+        }
+
+        // PING TRANSMITTING
+        if (data["ping"] == "transmitting") {
+          ipcRenderer.send("request-show-ping-toast-transmitting", {
+            data: [data],
+          });
+        }
+
+        // PING RECEIVED
+        if (data["ping"] == "received") {
+          ipcRenderer.send("request-show-ping-toast-received", {
+            data: [data],
+          });
+          ipcRenderer.send("request-new-msg-received", { data: [data] });
+        }
+
+        // PING ACKNOWLEDGE
+        if (data["ping"] == "acknowledge") {
+          ipcRenderer.send("request-show-ping-toast-received-ack", {
+            data: [data],
+          });
+          ipcRenderer.send("request-new-msg-received", { data: [data] });
+        }
+
+        // ARQ SESSION
+        if (data["arq"] == "session") {
+          // ARQ OPEN
+          if (data["status"] == "connecting") {
+            ipcRenderer.send("request-show-arq-toast-session-connecting", {
+              data: [data],
+            });
+
+            // ARQ OPENING
+          } else if (data["status"] == "connected") {
+            ipcRenderer.send("request-show-arq-toast-session-connected", {
+              data: [data],
+            });
+
+            // ARQ OPENING
+          } else if (data["status"] == "waiting") {
+            ipcRenderer.send("request-show-arq-toast-session-waiting", {
+              data: [data],
+            });
+
+            // ARQ OPENING
+          } else if (data["status"] == "close") {
+            ipcRenderer.send("request-show-arq-toast-session-close", {
+              data: [data],
+            });
+
+            // ARQ OPENING
+          } else if (data["status"] == "failed") {
+            ipcRenderer.send("request-show-arq-toast-session-failed", {
+              data: [data],
+            });
+          }
+        }
+        // ARQ TRANSMISSION
+        if (data["arq"] == "transmission") {
+          // ARQ OPEN
+          if (data["status"] == "opened") {
+            ipcRenderer.send("request-show-arq-toast-datachannel-opened", {
+              data: [data],
+            });
+
+            // ARQ OPENING ISS
+          } else if (data["status"] == "opening" && data["irs"] == "False") {
+            ipcRenderer.send("request-show-arq-toast-datachannel-opening", {
+              data: [data],
+            });
+
+            // ARQ OPENING IRS
+          } else if (data["status"] == "opening" && data["irs"] == "True") {
+            ipcRenderer.send(
+              "request-show-arq-toast-datachannel-received-opener",
+              { data: [data] }
+            );
+
+            // ARQ WAITING
+          } 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") {
+            if (data["reason"] == "protocol version missmatch") {
+              ipcRenderer.send(
+                "request-show-arq-toast-transmission-failed-ver",
+                { data: [data] }
+              );
+            } else {
+              ipcRenderer.send("request-show-arq-toast-transmission-failed", {
+                data: [data],
+              });
+            }
+            ipcRenderer.send("request-update-transmission-status", {
+              data: [data],
+            });
+
+            // ARQ TRANSMISSION RECEIVED
+          } else if (data["status"] == "received") {
+            ipcRenderer.send("request-show-arq-toast-transmission-received", {
+              data: [data],
+            });
+            ipcRenderer.send("request-update-transmission-status", {
+              data: [data],
+            });
+
+            dataArray = [];
+            messageArray = [];
+
+            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_FD(data["data"]);
+            var splitted_data = encoded_data.split(split_char);
+
+            if (splitted_data[0] == "f") {
+              dataArray.push(data);
+            }
+
+            if (splitted_data[0] == "m") {
+              messageArray.push(data);
+              console.log(data);
+            }
+
+            rxBufferLengthGui = dataArray.length;
+            let Files = {
+              data: dataArray,
+            };
+            ipcRenderer.send("request-update-rx-buffer", Files);
+            ipcRenderer.send("request-new-msg-received", Files);
+
+            rxMsgBufferLengthGui = messageArray.length;
+            let Messages = {
+              data: messageArray,
+            };
+            ipcRenderer.send("request-new-msg-received", Messages);
+
+            // ARQ TRANSMISSION TRANSMITTING
+          } else if (data["status"] == "transmitting") {
+            ipcRenderer.send(
+              "request-show-arq-toast-transmission-transmitting",
+              { data: [data] }
+            );
+            ipcRenderer.send("request-update-transmission-status", {
+              data: [data],
+            });
+
+            // ARQ TRANSMISSION TRANSMITTED
+          } else if (data["status"] == "transmitted") {
+            ipcRenderer.send(
+              "request-show-arq-toast-transmission-transmitted",
+              { data: [data] }
+            );
+            ipcRenderer.send("request-update-transmission-status", {
+              data: [data],
+            });
+          }
+        }
+      }
+
+      // ----------- catch tnc info messages END -----------
+
+      // if we manually checking for the rx buffer we are getting an array of multiple data
+      if (data["command"] == "rx_buffer") {
+        socketLog.info(data);
+        // iterate through buffer list and sort it to file or message array
+        dataArray = [];
+        messageArray = [];
+
+        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_FD(data["data-array"][i]["data"]);
+            var splitted_data = encoded_data.split(split_char);
+
+            if (splitted_data[0] == "f") {
+              dataArray.push(data["data-array"][i]);
+            }
+
+            if (splitted_data[0] == "m") {
+              messageArray.push(data["data-array"][i]);
+            }
+          } catch (e) {
+            socketLog.info(e);
+          }
+        }
+
+        rxBufferLengthGui = dataArray.length;
+        let Files = {
+          data: dataArray,
+        };
+        ipcRenderer.send("request-update-rx-buffer", Files);
+
+        rxMsgBufferLengthGui = messageArray.length;
+        let Messages = {
+          data: messageArray,
+        };
+        //ipcRenderer.send('request-update-rx-msg-buffer', Messages);
+        ipcRenderer.send("request-new-msg-received", Messages);
+      }
     }
+
+    //finally delete message buffer
+    socketchunk = "";
+  }
 });
 
 function hexToBytes(hex) {
-    for (var bytes = [], c = 0; c < hex.length; c += 2)
-        bytes.push(parseInt(hex.substr(c, 2), 16));
-    return bytes;
+  for (var bytes = [], c = 0; c < hex.length; c += 2)
+    bytes.push(parseInt(hex.substr(c, 2), 16));
+  return bytes;
 }
 
-
 //Get TNC State
-exports.getTncState = function() {
-    command = '{"type" : "get", "command" : "tnc_state"}';
-    writeTncCommand(command)
-}
+exports.getTncState = function () {
+  command = '{"type" : "get", "command" : "tnc_state"}';
+  writeTncCommand(command);
+};
 
 //Get DATA State
-exports.getDataState = function() {
-    command = '{"type" : "get", "command" : "data_state"}';
-    //writeTncCommand(command)
-}
-
+exports.getDataState = function () {
+  command = '{"type" : "get", "command" : "data_state"}';
+  //writeTncCommand(command)
+};
 
 // Send Ping
-exports.sendPing = function(dxcallsign) {
-    command = '{"type" : "ping", "command" : "ping", "dxcallsign" : "' + dxcallsign + '"}'
-    writeTncCommand(command)
-}
+exports.sendPing = function (dxcallsign) {
+  command =
+    '{"type" : "ping", "command" : "ping", "dxcallsign" : "' +
+    dxcallsign +
+    '"}';
+  writeTncCommand(command);
+};
 
 // Send CQ
-exports.sendCQ = function() {
-    command = '{"type" : "broadcast", "command" : "cqcqcq"}'
-    writeTncCommand(command)
-}
+exports.sendCQ = function () {
+  command = '{"type" : "broadcast", "command" : "cqcqcq"}';
+  writeTncCommand(command);
+};
 
 // Set AUDIO Level
-exports.setTxAudioLevel = function(value) {
-    command = '{"type" : "set", "command" : "tx_audio_level", "value" : "'+ value +'"}'
-    writeTncCommand(command)
-}
-
-
+exports.setTxAudioLevel = function (value) {
+  command =
+    '{"type" : "set", "command" : "tx_audio_level", "value" : "' + value + '"}';
+  writeTncCommand(command);
+};
 
 // Send File
-exports.sendFile = function(dxcallsign, mode, frames, filename, filetype, data, checksum) {
+exports.sendFile = function (
+  dxcallsign,
+  mode,
+  frames,
+  filename,
+  filetype,
+  data,
+  checksum
+) {
+  socketLog.info(data);
+  socketLog.info(filetype);
+  socketLog.info(filename);
 
-    socketLog.info(data) 
-    socketLog.info(filetype)
-    socketLog.info(filename)
-                
-    var datatype = "f"
+  var datatype = "f";
 
-    data = datatype + split_char + filename + split_char + filetype + split_char + checksum + split_char + data
-    socketLog.info(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 = btoa_FD(data);
+  data =
+    datatype +
+    split_char +
+    filename +
+    split_char +
+    filetype +
+    split_char +
+    checksum +
+    split_char +
+    data;
+  socketLog.info(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 = btoa_FD(data);
 
-    command = '{"type" : "arq", "command" : "send_raw",  "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '"}]}'
-    writeTncCommand(command)
-}
+  command =
+    '{"type" : "arq", "command" : "send_raw",  "parameter" : [{"dxcallsign" : "' +
+    dxcallsign +
+    '", "mode" : "' +
+    mode +
+    '", "n_frames" : "' +
+    frames +
+    '", "data" : "' +
+    data +
+    '"}]}';
+  writeTncCommand(command);
+};
 
 // Send Message
-exports.sendMessage = function(dxcallsign, mode, frames, data, checksum, uuid, command) {
-    data = btoa_FD("m" + split_char + command + split_char + checksum + split_char + uuid + split_char + data);
-    command = '{"type" : "arq", "command" : "send_raw",  "uuid" : "'+ uuid +'", "parameter" : [{"dxcallsign" : "' + dxcallsign + '", "mode" : "' + mode + '", "n_frames" : "' + frames + '", "data" : "' + data + '", "attempts": "15"}]}'
-    socketLog.info(command)
-    socketLog.info("-------------------------------------")
-    writeTncCommand(command)
-}
-
+exports.sendMessage = function (
+  dxcallsign,
+  mode,
+  frames,
+  data,
+  checksum,
+  uuid,
+  command
+) {
+  data = btoa_FD(
+    "m" +
+      split_char +
+      command +
+      split_char +
+      checksum +
+      split_char +
+      uuid +
+      split_char +
+      data
+  );
+  command =
+    '{"type" : "arq", "command" : "send_raw",  "uuid" : "' +
+    uuid +
+    '", "parameter" : [{"dxcallsign" : "' +
+    dxcallsign +
+    '", "mode" : "' +
+    mode +
+    '", "n_frames" : "' +
+    frames +
+    '", "data" : "' +
+    data +
+    '", "attempts": "15"}]}';
+  socketLog.info(command);
+  socketLog.info("-------------------------------------");
+  writeTncCommand(command);
+};
 
 //STOP TRANSMISSION
-exports.stopTransmission = function() {
-    command = '{"type" : "arq", "command": "stop_transmission"}'
-    writeTncCommand(command)
-}
+exports.stopTransmission = function () {
+  command = '{"type" : "arq", "command": "stop_transmission"}';
+  writeTncCommand(command);
+};
 
 // Get RX BUffer
-exports.getRxBuffer = function() {
-    command = '{"type" : "get", "command" : "rx_buffer"}'
-
-    // call command only if new data arrived
-    if (rxBufferLengthGui != rxBufferLengthTnc) {
-        writeTncCommand(command)
-    }
-}
+exports.getRxBuffer = function () {
+  command = '{"type" : "get", "command" : "rx_buffer"}';
 
+  // call command only if new data arrived
+  if (rxBufferLengthGui != rxBufferLengthTnc) {
+    writeTncCommand(command);
+  }
+};
 
 // START BEACON
-exports.startBeacon = function(interval) {
-    command = '{"type" : "broadcast", "command" : "start_beacon", "parameter": "' + interval + '"}'
-    writeTncCommand(command)
-}
+exports.startBeacon = function (interval) {
+  command =
+    '{"type" : "broadcast", "command" : "start_beacon", "parameter": "' +
+    interval +
+    '"}';
+  writeTncCommand(command);
+};
 
 // STOP BEACON
-exports.stopBeacon = function() {
-    command = '{"type" : "broadcast", "command" : "stop_beacon"}'
-    writeTncCommand(command)
-}
+exports.stopBeacon = function () {
+  command = '{"type" : "broadcast", "command" : "stop_beacon"}';
+  writeTncCommand(command);
+};
 
 // OPEN ARQ SESSION
-exports.connectARQ = function(dxcallsign) {
-    command = '{"type" : "arq", "command" : "connect", "dxcallsign": "'+ dxcallsign + '", "attempts": "15"}'
-    writeTncCommand(command)
-}
+exports.connectARQ = function (dxcallsign) {
+  command =
+    '{"type" : "arq", "command" : "connect", "dxcallsign": "' +
+    dxcallsign +
+    '", "attempts": "15"}';
+  writeTncCommand(command);
+};
 
 // CLOSE ARQ SESSION
-exports.disconnectARQ = function() {
-    command = '{"type" : "arq", "command" : "disconnect"}'
-    writeTncCommand(command)
-}
+exports.disconnectARQ = function () {
+  command = '{"type" : "arq", "command" : "disconnect"}';
+  writeTncCommand(command);
+};
 
 // SEND TEST FRAME
-exports.sendTestFrame = function() {
-    command = '{"type" : "set", "command" : "send_test_frame"}'
-    writeTncCommand(command)
-}
+exports.sendTestFrame = function () {
+  command = '{"type" : "set", "command" : "send_test_frame"}';
+  writeTncCommand(command);
+};
 
 // RECORD AUDIO
-exports.record_audio = function() {
-    command = '{"type" : "set", "command" : "record_audio"}'
-    writeTncCommand(command)
-}
+exports.record_audio = function () {
+  command = '{"type" : "set", "command" : "record_audio"}';
+  writeTncCommand(command);
+};
 
 // SET FREQUENCY
-exports.set_frequency = function(frequency) {
-    command = '{"type" : "set", "command" : "frequency", "frequency": '+ frequency +'}'
-    writeTncCommand(command)
-}
+exports.set_frequency = function (frequency) {
+  command =
+    '{"type" : "set", "command" : "frequency", "frequency": ' + frequency + "}";
+  writeTncCommand(command);
+};
 
 // SET MODE
-exports.set_mode = function(mode) {
-    command = '{"type" : "set", "command" : "mode", "mode": "'+ mode +'"}'
-    console.log(command)
-    writeTncCommand(command)
-}
-
-ipcRenderer.on('action-update-tnc-ip', (event, arg) => {
-    client.destroy();
-    let Data = {
-        busy_state: "-",
-        arq_state: "-",
-        //channel_state: "-",
-        frequency: "-",
-        mode: "-",
-        bandwidth: "-",
-        dbfs_level: 0
-    };
-    ipcRenderer.send('request-update-tnc-state', Data);
-    tnc_port = arg.port;
-    tnc_host = arg.adress;
-    connectTNC();
+exports.set_mode = function (mode) {
+  command = '{"type" : "set", "command" : "mode", "mode": "' + mode + '"}';
+  console.log(command);
+  writeTncCommand(command);
+};
 
+ipcRenderer.on("action-update-tnc-ip", (event, arg) => {
+  client.destroy();
+  let Data = {
+    busy_state: "-",
+    arq_state: "-",
+    //channel_state: "-",
+    frequency: "-",
+    mode: "-",
+    bandwidth: "-",
+    dbfs_level: 0,
+  };
+  ipcRenderer.send("request-update-tnc-state", Data);
+  tnc_port = arg.port;
+  tnc_host = arg.adress;
+  connectTNC();
 });
 
 /**
-* String to base64
-* @param {string} data in normal/usual utf-8 format
-* @returns base64 encoded string
-*/
+ * String to base64
+ * @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');
+  return Buffer.from(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');
+ * 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
 //console.log(crc32('abc'));
 //console.log(crc32('abc').toString(16).toUpperCase()); // hex
-var crc32=function(r){for(var a,o=[],c=0;c<256;c++){a=c;for(var f=0;f<8;f++)a=1&a?3988292384^a>>>1:a>>>1;o[c]=a}for(var n=-1,t=0;t<r.length;t++)n=n>>>8^o[255&(n^r.charCodeAt(t))];return(-1^n)>>>0};
+var crc32 = function (r) {
+  for (var a, o = [], c = 0; c < 256; c++) {
+    a = c;
+    for (var f = 0; f < 8; f++) a = 1 & a ? 3988292384 ^ (a >>> 1) : a >>> 1;
+    o[c] = a;
+  }
+  for (var n = -1, t = 0; t < r.length; t++)
+    n = (n >>> 8) ^ o[255 & (n ^ r.charCodeAt(t))];
+  return (-1 ^ n) >>> 0;
+};
diff --git a/gui/src/chat-module.html b/gui/src/chat-module.html
index ca268261..4a205382 100644
--- a/gui/src/chat-module.html
+++ b/gui/src/chat-module.html
@@ -1,83 +1,180 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self';" />
+    <!-- Bootstrap CSS -->
+    <link
+      rel="stylesheet"
+      id="bootstrap_theme"
+      href="../node_modules/bootstrap/dist/css/bootstrap.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="../node_modules/bootstrap-icons/font/bootstrap-icons.css"
+    />
+    <!-- Custom CSS -->
+    <link rel="stylesheet" type="text/css" href="styles.css" />
+    <title>FreeDATA - CHAT</title>
+  </head>
 
-<head>
-	<!-- Required meta tags -->
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
-	<!-- Bootstrap CSS -->
-	<link rel="stylesheet" id="bootstrap_theme" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
-	<link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
-	<!-- Custom CSS -->
-	<link rel="stylesheet" type="text/css" href="styles.css" />
-	<title>FreeDATA - CHAT</title>
-</head>
+  <body>
+    <!-- bootstrap -->
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- chart.js -->
+    <script src="../node_modules/chart.js/dist/chart.umd.js"></script>
+    <!--<script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>-->
+    <!--<script type="module" src="../node_modules/emoji-picker-element/index.js"></script>-->
+    <script
+      type="module"
+      src="../node_modules/emoji-picker-element/picker.js"
+    ></script>
+    <script
+      type="module"
+      src="../node_modules/emoji-picker-element/database.js"
+    ></script>
+    <div
+      class="position-absolute container w-100 h-100 bottom-0 end-0 mb-5"
+      style="z-index: 100; display: none"
+      id="emojipickercontainer"
+    >
+      <emoji-picker
+        locale="en"
+        class="position-absolute bottom-0 end-0 p-1 mb-2"
+        data-source="../node_modules/emoji-picker-element-data/en/emojibase/data.json"
+      ></emoji-picker>
+    </div>
+    <div class="container-fluid">
+      <div class="row h-100">
+        <div class="col-4 p-2 bg-light">
+          <! ------Chats area ---------------------------------------------------------------------->
+          <div class="container-fluid m-0 p-0">
+            <div class="input-group bottom-0 m-0 w-100">
+              <input
+                class="form-control w-50"
+                maxlength="9"
+                style="text-transform: uppercase"
+                id="chatModuleNewDxCall"
+                placeholder="DX CALL"
+              />
+              <button
+                class="btn btn-sm btn-success w-50"
+                id="createNewChatButton"
+                type="button"
+              >
+                <i class="bi bi-pencil-square" style="font-size: 1.2rem"></i>
+              </button>
+            </div>
+          </div>
+          <hr class="m-2" />
+          <div class="overflow-auto vh-100">
+            <div
+              class="list-group overflow-auto"
+              id="list-tab"
+              role="tablist"
+              style="height: calc(100vh - 70px)"
+            ></div>
+          </div>
+        </div>
+        <div class="col-8 border vh-100 p-0">
+          <! ------ chat navbar ---------------------------------------------------------------------->
+          <div class="container-fluid m-2 p-0">
+            <div class="input-group bottom-0">
+              <button
+                class="btn btn-sm btn-secondary me-2"
+                id="ping"
+                type="button"
+              >
+                Ping
+              </button>
+              <button
+                id="chatSettingsDropDown"
+                type="button"
+                class="btn btn-outline-secondary dropdown-toggle"
+                data-bs-toggle="dropdown"
+                aria-expanded="false"
+              >
+                <i class="bi bi-three-dots-vertical"></i>
+              </button>
+              <ul class="dropdown-menu" aria-labelledby="chatSettingsDropDown">
+                <li>
+                  <a
+                    class="dropdown-item bg-danger text-white"
+                    id="delete_selected_chat"
+                    href="#"
+                    >Delete chat</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+          <hr class="m-0" />
+          <! ------messages area ---------------------------------------------------------------------->
+          <div
+            class="container overflow-auto"
+            id="message-container"
+            style="height: calc(100% - 150px)"
+          >
+            <div class="tab-content" id="nav-tabContent"></div>
+            <!--<div class="container position-absolute bottom-0">-->
+          </div>
+          <!-- </div>-->
+          <div class="container-fluid mt-2 p-0">
+            <input
+              type="checkbox"
+              id="expand_textarea"
+              class="btn-check"
+              autocomplete="off"
+            />
+            <label
+              class="btn d-flex justify-content-center"
+              id="expand_textarea_label"
+              for="expand_textarea"
+              ><i
+                id="expand_textarea_button"
+                class="bi bi-chevron-compact-up"
+              ></i
+            ></label>
 
-<body>
-	<!-- bootstrap -->
-	<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-	<!-- chart.js -->
-	<script src="../node_modules/chart.js/dist/chart.umd.js"></script>
-	<!--<script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>-->
-	<!--<script type="module" src="../node_modules/emoji-picker-element/index.js"></script>-->
-	<script type="module" src="../node_modules/emoji-picker-element/picker.js"></script>
-	<script type="module" src="../node_modules/emoji-picker-element/database.js"></script>
-	<div class="position-absolute container w-100 h-100 bottom-0 end-0 mb-5" style="z-index:100; display: none" id="emojipickercontainer">
-		<emoji-picker locale="en" class="position-absolute bottom-0 end-0 p-1 mb-2" data-source="../node_modules/emoji-picker-element-data/en/emojibase/data.json"></emoji-picker>
-	</div>
-	<div class="container-fluid">
-		<div class="row h-100">
-			<div class="col-4 p-2 bg-light">
-				<! ------Chats area ---------------------------------------------------------------------->
-				<div class="container-fluid m-0 p-0">
-					<div class="input-group bottom-0 m-0 w-100">
-						<input class="form-control w-50" maxlength="9" style="text-transform:uppercase;" id="chatModuleNewDxCall" placeholder="DX CALL">
-						<button class="btn btn-sm btn-success w-50" id="createNewChatButton" type="button"><i class="bi bi-pencil-square" style="font-size: 1.2rem;"></i></button>
-					</div>
-				</div>
-				<hr class="m-2">
-				<div class="overflow-auto vh-100">
-					<div class="list-group overflow-auto" id="list-tab" role="tablist" style="height: calc(100vh - 70px)"> </div>
-				</div>
-			</div>
-			<div class="col-8 border vh-100 p-0">
-				<! ------ chat navbar ---------------------------------------------------------------------->
-				<div class="container-fluid m-2 p-0">
-					<div class="input-group bottom-0">
-						<button class="btn btn-sm btn-secondary me-2" id="ping" type="button">Ping</button>
-						<button id="chatSettingsDropDown" type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-three-dots-vertical"></i> </button>
-						<ul class="dropdown-menu" aria-labelledby="chatSettingsDropDown">
-							<li><a class="dropdown-item bg-danger text-white" id="delete_selected_chat" href="#">Delete chat</a></li>
-						</ul>
-					</div>
-				</div>
-				<hr class="m-0">
-				<! ------messages area ---------------------------------------------------------------------->
-				<div class="container overflow-auto" id="message-container" style="height: calc(100% - 150px);">
-					<div class="tab-content" id="nav-tabContent"> </div>
-					<!--<div class="container position-absolute bottom-0">--></div>
-				<!-- </div>-->
-				<div class="container-fluid mt-2 p-0">
+            <div class="input-group bottom-0 w-100">
+              <!--<input class="form-control" maxlength="8" style="max-width: 6rem; text-transform:uppercase; display:none" id="chatModuleDxCall" placeholder="DX CALL"></input>-->
+              <!--<button class="btn btn-sm btn-primary me-2" id="emojipickerbutton" type="button">--><i
+                id="emojipickerbutton"
+                class="bi bi-emoji-smile m-1"
+                style="font-size: 1.5rem; color: grey"
+              ></i
+              ><!--</button>-->
+              <!--<input class="form-control rounded-pill m-1 p-1" id="chatModuleMessage" placeholder="Message - Send with [Enter]"></input>-->
 
-					<input type="checkbox" id="expand_textarea" class="btn-check" autocomplete="off">
-					<label class="btn d-flex justify-content-center" id="expand_textarea_label" for="expand_textarea"><i id="expand_textarea_button" class="bi bi-chevron-compact-up"></i></label>
-
-					<div class="input-group bottom-0 w-100">
-						<!--<input class="form-control" maxlength="8" style="max-width: 6rem; text-transform:uppercase; display:none" id="chatModuleDxCall" placeholder="DX CALL"></input>-->
-						<!--<button class="btn btn-sm btn-primary me-2" id="emojipickerbutton" type="button">--><i id="emojipickerbutton" class="bi bi-emoji-smile m-1" style="font-size: 1.5rem; color: grey;"></i><!--</button>-->
-						<!--<input class="form-control rounded-pill m-1 p-1" id="chatModuleMessage" placeholder="Message - Send with [Enter]"></input>-->
-						
-						<textarea class="form-control m-1 p-1" rows="1" id="chatModuleMessage" placeholder="Message - Send with [Enter]"></textarea>
-
-						
-						<!--<button class="btn btn-sm btn-primary me-2" style="width: 3rem" id="selectFilesButton" type="button"><i class="bi bi-paperclip" style="font-size: 1.2rem; color: white;"></i></button>--><i class="bi bi-paperclip m-1" style="font-size: 1.5rem; color: grey;" id="selectFilesButton"></i>
-						<button class="btn btn-sm btn-secondary me-2" style="width: 5rem;  display: none" id="sendMessage" type="button"><i class="bi bi-send" style="font-size: 1.2rem; color: white;"></i></button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</body>
+              <textarea
+                class="form-control m-1 p-1"
+                rows="1"
+                id="chatModuleMessage"
+                placeholder="Message - Send with [Enter]"
+              ></textarea>
 
+              <!--<button class="btn btn-sm btn-primary me-2" style="width: 3rem" id="selectFilesButton" type="button"><i class="bi bi-paperclip" style="font-size: 1.2rem; color: white;"></i></button>--><i
+                class="bi bi-paperclip m-1"
+                style="font-size: 1.5rem; color: grey"
+                id="selectFilesButton"
+              ></i>
+              <button
+                class="btn btn-sm btn-secondary me-2"
+                style="width: 5rem; display: none"
+                id="sendMessage"
+                type="button"
+              >
+                <i
+                  class="bi bi-send"
+                  style="font-size: 1.2rem; color: white"
+                ></i>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/gui/src/data-module.html b/gui/src/data-module.html
index 42e43ae2..ce3b3cc8 100644
--- a/gui/src/data-module.html
+++ b/gui/src/data-module.html
@@ -1,150 +1,285 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-    <head>
-        <!-- Required meta tags -->
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <!--<meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
-        <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
-        <title>Send & Receive Data</title>
-    </head>
-    <body>
-        <div class="container-fluid">
-            <div class="container mt-1">
-                <div class="row mb-1">
-                    <div class="col">
-                        <div class="card text-dark bg-light mb-0 " >
-                            <div class="card-header">Select data </div>
-                            <div class="card-body">
-                                <div class="input-group input-group-sm mb-0">
-                                    <input type="file" class="form-control" id="inputGroupFile02">
-                                    <label class="input-group-text" for="inputGroupFile02">kB</label>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!--col-->
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!--<meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
+    <!-- Bootstrap CSS -->
+    <link
+      rel="stylesheet"
+      href="../node_modules/bootstrap/dist/css/bootstrap.min.css"
+    />
+    <title>Send & Receive Data</title>
+  </head>
+  <body>
+    <div class="container-fluid">
+      <div class="container mt-1">
+        <div class="row mb-1">
+          <div class="col">
+            <div class="card text-dark bg-light mb-0">
+              <div class="card-header">Select data</div>
+              <div class="card-body">
+                <div class="input-group input-group-sm mb-0">
+                  <input
+                    type="file"
+                    class="form-control"
+                    id="inputGroupFile02"
+                  />
+                  <label class="input-group-text" for="inputGroupFile02"
+                    >kB</label
+                  >
                 </div>
-                <!--row-->
-                <div class="row mb-2">
-                    <div class="col">
-                        <div class="card text-dark bg-light mb-0" >
-                            <div class="card-header">Transmission </div>
-                            <div class="card-body">
-                                <div class="row mb-2">
-                                    <div class="col-auto">
-                                        <div class="input-group input-group-sm">
-                                            <input type="text" class="form-control" style="max-width: 6rem" placeholder="DX Call" id="dxCall" maxlength="6" aria-label="Input group example" aria-describedby="btnGroupAddon">
-                                            <button type="button" id="sendPing"class="btn btn-primary">Ping</button>
-                                            <span class="input-group-text" id="tnc_running_state">ACK</span>
-                                            <span class="input-group-text" id="tnc_running_state">0000 km</span>
-                                            <span class="input-group-text" id="tnc_running_state">0 dB</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-auto">
-                                        <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 example" id="hamlib_deviceport">
-                                                <option selected value="DATAC1">DATAC1</option>
-                                                <option value="DATAC3">DATAC3</option>
-                                            </select>
-                                        </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 example" id="hamlib_deviceport">
-                                                <option selected value="1">1</option>
-                                                <option value="2">2</option>
-                                            </select>
-                                        </div>
-                                    </div>
-                                    <div class="col">
-                                        <div class="input-group input-group-sm">
-                                            <button type="button" id="startTransmission"class="btn btn-success">Send</button>
-                                            <!--<button type="button" id="stopTNC"class="btn btn-danger">STOP</button>-->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!--col-->
-                    </div>
-                    <!--row-->
-                </div>
-                <div class="row">
-                    <div class="col">
-                        <div class="card text-dark bg-light mb-0" >
-                            <div class="card-header">Info </div>
-                            <div class="card-body">
-                                123
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col">
-                        <hr>
-                    </div>
-                </div>
-                <!--row-->
+              </div>
             </div>
-            <!--container-->
+          </div>
+          <!--col-->
         </div>
-        <!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
-        <nav class="navbar fixed-bottom navbar-light bg-light">
-            <div class="container-fluid">
-                <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="First group">
-                        <button class="btn btn-secondary" id="ptt_state" type="button">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-broadcast-pin" viewBox="0 0 16 16">
-                                <path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z"/>
-                            </svg>
-                        </button>
-                    </div>
-                    <div class="btn-group btn-group-sm me-2" role="group" aria-label="Second group">
-                        <button class="btn btn-secondary" id="busy_state" type="button">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu" viewBox="0 0 16 16">
-                                <path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
-                            </svg>
-                        </button>
-                    </div>
-                    <div class="btn-group btn-group-sm me-2" role="group" aria-label="Second group">
-                        <button class="btn btn-secondary" id="arq_state" type="button">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-right" viewBox="0 0 16 16">
-                                <path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/>
-                            </svg>
-                        </button>
-                    </div>
-                    <div class="btn-group btn-group-sm me-2 " role="group" aria-label="Third group">
-                        <button class="btn btn-secondary" id="signalling_state" type="button">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-code" viewBox="0 0 16 16">
-                                <path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/>
-                                <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
-                                <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
-                            </svg>
-                        </button>
-                        <button class="btn btn-secondary" id="data_state" type="button">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-richtext" viewBox="0 0 16 16">
-                                <path d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
-                                <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
-                                <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
-                            </svg>
-                        </button>
-                    </div>
-                    <div class="input-group input-group-sm me-2">
-                        <span class="input-group-text" id="basic-addon1">Bytes/s</span>
-                        <span class="input-group-text" id="basic-addon1">----</span>
-                    </div>
-                    <div class="progress" style="height:100%; width: 200px">
-                        <div class="progress-bar progress-bar-striped bg-primary" id="arq-progress" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
+        <!--row-->
+        <div class="row mb-2">
+          <div class="col">
+            <div class="card text-dark bg-light mb-0">
+              <div class="card-header">Transmission</div>
+              <div class="card-body">
+                <div class="row mb-2">
+                  <div class="col-auto">
+                    <div class="input-group input-group-sm">
+                      <input
+                        type="text"
+                        class="form-control"
+                        style="max-width: 6rem"
+                        placeholder="DX Call"
+                        id="dxCall"
+                        maxlength="6"
+                        aria-label="Input group example"
+                        aria-describedby="btnGroupAddon"
+                      />
+                      <button
+                        type="button"
+                        id="sendPing"
+                        class="btn btn-primary"
+                      >
+                        Ping
+                      </button>
+                      <span class="input-group-text" id="tnc_running_state"
+                        >ACK</span
+                      >
+                      <span class="input-group-text" id="tnc_running_state"
+                        >0000 km</span
+                      >
+                      <span class="input-group-text" id="tnc_running_state"
+                        >0 dB</span
+                      >
                     </div>
+                  </div>
                 </div>
+                <div class="row">
+                  <div class="col-auto">
+                    <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 example"
+                        id="hamlib_deviceport"
+                      >
+                        <option selected value="DATAC1">DATAC1</option>
+                        <option value="DATAC3">DATAC3</option>
+                      </select>
+                    </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 example"
+                        id="hamlib_deviceport"
+                      >
+                        <option selected value="1">1</option>
+                        <option value="2">2</option>
+                      </select>
+                    </div>
+                  </div>
+                  <div class="col">
+                    <div class="input-group input-group-sm">
+                      <button
+                        type="button"
+                        id="startTransmission"
+                        class="btn btn-success"
+                      >
+                        Send
+                      </button>
+                      <!--<button type="button" id="stopTNC"class="btn btn-danger">STOP</button>-->
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
-        </nav>
-        <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    </body>
-</html>
\ No newline at end of file
+            <!--col-->
+          </div>
+          <!--row-->
+        </div>
+        <div class="row">
+          <div class="col">
+            <div class="card text-dark bg-light mb-0">
+              <div class="card-header">Info</div>
+              <div class="card-body">123</div>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <hr />
+          </div>
+        </div>
+        <!--row-->
+      </div>
+      <!--container-->
+    </div>
+    <!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
+    <nav class="navbar fixed-bottom navbar-light bg-light">
+      <div class="container-fluid">
+        <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="First group"
+          >
+            <button class="btn btn-secondary" id="ptt_state" type="button">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="bi bi-broadcast-pin"
+                viewBox="0 0 16 16"
+              >
+                <path
+                  d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="btn-group btn-group-sm me-2"
+            role="group"
+            aria-label="Second group"
+          >
+            <button class="btn btn-secondary" id="busy_state" type="button">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="bi bi-cpu"
+                viewBox="0 0 16 16"
+              >
+                <path
+                  d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="btn-group btn-group-sm me-2"
+            role="group"
+            aria-label="Second group"
+          >
+            <button class="btn btn-secondary" id="arq_state" type="button">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="bi bi-arrow-left-right"
+                viewBox="0 0 16 16"
+              >
+                <path
+                  fill-rule="evenodd"
+                  d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="btn-group btn-group-sm me-2"
+            role="group"
+            aria-label="Third group"
+          >
+            <button
+              class="btn btn-secondary"
+              id="signalling_state"
+              type="button"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="bi bi-journal-code"
+                viewBox="0 0 16 16"
+              >
+                <path
+                  fill-rule="evenodd"
+                  d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"
+                />
+                <path
+                  d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"
+                />
+                <path
+                  d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"
+                />
+              </svg>
+            </button>
+            <button class="btn btn-secondary" id="data_state" type="button">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                fill="currentColor"
+                class="bi bi-journal-richtext"
+                viewBox="0 0 16 16"
+              >
+                <path
+                  d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"
+                />
+                <path
+                  d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"
+                />
+                <path
+                  d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div class="input-group input-group-sm me-2">
+            <span class="input-group-text" id="basic-addon1">Bytes/s</span>
+            <span class="input-group-text" id="basic-addon1">----</span>
+          </div>
+          <div class="progress" style="height: 100%; width: 200px">
+            <div
+              class="progress-bar progress-bar-striped bg-primary"
+              id="arq-progress"
+              role="progressbar"
+              style="width: 25%"
+              aria-valuenow="25"
+              aria-valuemin="0"
+              aria-valuemax="100"
+            >
+              25%
+            </div>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+  </body>
+</html>
diff --git a/gui/src/hamlib-list.html b/gui/src/hamlib-list.html
index 2579c9f4..50be5469 100644
--- a/gui/src/hamlib-list.html
+++ b/gui/src/hamlib-list.html
@@ -1,261 +1,261 @@
-<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>
diff --git a/gui/src/index.html b/gui/src/index.html
index 3b22b935..45e930a5 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1,112 +1,231 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self';" />
+    <!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
+    <!-- Bootstrap CSS -->
+    <link
+      rel="stylesheet"
+      id="bootstrap_theme"
+      href="../node_modules/bootstrap/dist/css/bootstrap.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="../node_modules/bootstrap-icons/font/bootstrap-icons.css"
+    />
+    <!-- Waterfall CSS -->
+    <link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
+    <link rel="stylesheet" type="text/css" href="styles.css" />
+    <title>FreeDATA by DJ2LS</title>
+  </head>
 
-<head>
-	<!-- Required meta tags -->
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
-	<!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self';">-->
-	<!-- Bootstrap CSS -->
-	<link rel="stylesheet" id="bootstrap_theme" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
-	<link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
-	<!-- Waterfall CSS -->
-	<link rel="stylesheet" type="text/css" href="waterfall/waterfall.css" />
-	<link rel="stylesheet" type="text/css" href="styles.css" />
-	<title>FreeDATA by DJ2LS</title>
-</head>
+  <body>
+    <!-- SECONDARY NAVBAR -->
+    <nav class="navbar fixed-top bg-light shadow-sm mt-0 mb-1 pb-1 pt-1">
+      <div style="margin-left: 5px">
+        <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"></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"></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>
+        </div>
+      </div>
+      <div>
+        <button
+          class="btn btn-sm btn-outline-danger"
+          id="stop_transmission_connection"
+          type="button"
+          data-bs-toggle="tooltip"
+          data-bs-html="false"
+          title="Abort session and stop transmissions"
+        >
+          <i class="bi bi-x-octagon-fill"></i> &nbsp;STOP &nbsp;<i
+            class="bi bi-x-octagon-fill"
+          ></i>
+        </button>
+      </div>
+      <div>
+        <div class="btn-group me-4" role="group">
+          <button
+            type="button"
+            id="startTNC"
+            class="btn btn-sm btn-outline-success"
+            data-bs-toggle="tooltip"
+            data-bs-html="false"
+            title="Start the TNC. Please set your audio and radio settings first!"
+          >
+            <i class="bi bi-play-fill"></i>
+          </button>
+          <button
+            type="button"
+            id="stopTNC"
+            class="btn btn-sm btn-outline-danger"
+            data-bs-toggle="tooltip"
+            data-bs-html="false"
+            title="Stop the TNC."
+          >
+            <i class="bi bi-stop-fill"></i>
+          </button>
+        </div>
+        <!-- Split Button -->
+        <div class="btn-group me-2" role="group">
+          <button
+            class="btn btn-sm btn-secondary"
+            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!"
+          >
+            <i class="bi bi-chat-left-text-fill me-2"></i>
+            <strong>RF Chat</strong>
+          </button>
+          <button
+            type="button"
+            class="btn btn-sm btn-outline-secondary dropdown-toggle-split rounded-end"
+            data-bs-toggle="dropdown"
+            aria-expanded="false"
+          >
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <ul class="dropdown-menu dropdown-menu-end">
+            <li>
+              <button
+                type="button"
+                id="infoModalButton"
+                data-bs-toggle="modal"
+                data-bs-target="#infoModal"
+                class="dropdown-item"
+              >
+                <i class="bi bi-gear me-2"></i>
+                Settings
+              </button>
+            </li>
+            <button class="dropdown-item" id="tncLog" type="button">
+              <i class="bi bi-card-text me-2"></i>
+              TNC Live Logs
+            </button>
+            <li>
+              <button
+                class="dropdown-item"
+                id="openExplorer"
+                type="button"
+                data-bs-placement="bottom"
+              >
+                <i class="bi bi-geo-alt me-2"></i>
+                Explorer map
+              </button>
+            </li>
+            <li>
+              <button
+                class="dropdown-item"
+                id="btnStats"
+                type="button"
+                data-bs-placement="bottom"
+              >
+                <i class="bi bi-graph-up me-2"></i>
+                Statistics
+              </button>
+            </li>
+            <li><hr class="dropdown-divider" /></li>
+            <li>
+              <!-- Button trigger About modal -->
+              <button
+                type="button"
+                id="btnAbout"
+                class="dropdown-item"
+                data-bs-toggle="modal"
+                data-bs-target="#aboutModal"
+              >
+                <i class="bi bi-info-circle me-2"></i>
+                About
+              </button>
+            </li>
+          </ul>
+        </div>
+      </div>
 
-<body>
-	<!-- SECONDARY NAVBAR -->	
-	<nav class="navbar fixed-top bg-light shadow-sm  mt-0 mb-1 pb-1 pt-1">
-		<div style="margin-left: 5px;">
-			<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" ></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"></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>
-			</div>
-		</div>
-		<div>
-				<button class="btn btn-sm btn-outline-danger" id="stop_transmission_connection" type="button" data-bs-toggle="tooltip" data-bs-html="false" title="Abort session and stop transmissions"> <i
-						class="bi bi-x-octagon-fill"></i> &nbsp;STOP &nbsp;<i
-						class="bi bi-x-octagon-fill"></i></button>
-		</div>
-		<div>
-			<div class="btn-group me-4" role="group">
-			<button type="button" id="startTNC" class="btn btn-sm btn-outline-success" data-bs-toggle="tooltip" data-bs-html="false" title="Start the TNC. Please set your audio and radio settings first!"> <i class="bi bi-play-fill"></i>
-				</button>
-				<button type="button" id="stopTNC" class="btn btn-sm btn-outline-danger" data-bs-toggle="tooltip" data-bs-html="false" title="Stop the TNC."> <i class="bi bi-stop-fill"
-					></i></button>
-				</div>
-	<!-- Split Button -->
-	<div class="btn-group me-2" role="group" >
-		<button class="btn btn-sm btn-secondary " 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!"> 
-			<i class="bi bi-chat-left-text-fill me-2" ></i>
-			<strong>RF Chat</strong>
-
-		</button>
-		<button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle-split rounded-end" data-bs-toggle="dropdown" aria-expanded="false">
-			<span class="navbar-toggler-icon"></span>
-		</button>
-		<ul class="dropdown-menu dropdown-menu-end">
-			<li>
-				<button type="button" id="infoModalButton" data-bs-toggle="modal" data-bs-target="#infoModal" class="dropdown-item">
-					<i class="bi bi-gear me-2"></i>
-					Settings
-				</button>
-			</li>
-			<button class="dropdown-item" id="tncLog" type="button">
-				<i class="bi bi-card-text me-2"></i>
-				TNC Live Logs
-			</button>
-			<li>
-				<button class="dropdown-item" id="openExplorer" type="button" data-bs-placement="bottom">
-					<i class="bi bi-geo-alt me-2"></i>
-					Explorer map
-				</button>
-			</li>
-			<li>
-				<button class="dropdown-item" id="btnStats" type="button" data-bs-placement="bottom">
-					<i class="bi bi-graph-up me-2"></i>
-					Statistics
-				</button>
-			</li>
-			<li><hr class="dropdown-divider"></li>
-			<li>
-				<!-- Button trigger About modal -->
-				<button type="button" id="btnAbout" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#aboutModal">
-					<i class="bi bi-info-circle me-2"></i>
-					About
-				</button>
-			</li>
-		</ul>
-	</div>
-		</div>
-
-
-	<!--
+      <!--
 	<div class="btn-toolbar" role="toolbar">
 		
 <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
@@ -128,776 +247,1291 @@
 		</span>
 	</div>
 	 -->
-	</nav>	
-		
-		
+    </nav>
 
-	<div id="blurdiv" style="-webkit-Filter: blur(0px)">
-		<!--beginn of blur div -->
-		<!-------------------------------- MAIN AREA ---------------->
-		<!-------------------------------- INFO TOASTS ---------------->
-		<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" id="mainToastContainer"></div>
-		</div>
-		<!------------------------------------------------------------------------------------------>
-		<div class="container p-0" style="margin-top:55px">
-			<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-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">
-									<!-- 					 					<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>
-						</div>
-						<div class="card-footer text-muted small">Please select audio device for RX and TX</div>
-					</div>
-				</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>
-							<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>
-							</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>
-							</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>
-							</div>
-						</div>
-						<div class="card-body p-2">
-							<!-- RADIO CONTROL DISABLED -->
-							<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">
-									<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>
-									</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">
-										<!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
+    <div id="blurdiv" style="-webkit-filter: blur(0px)">
+      <!--beginn of blur div -->
+      <!-------------------------------- MAIN AREA ---------------->
+      <!-------------------------------- INFO TOASTS ---------------->
+      <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"
+          id="mainToastContainer"
+        ></div>
+      </div>
+      <!------------------------------------------------------------------------------------------>
+      <div class="container p-0" style="margin-top: 55px">
+        <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-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"
+                  >
+                    <!-- 					 					<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>
+              </div>
+              <div class="card-footer text-muted small">
+                Please select audio device for RX and TX
+              </div>
+            </div>
+          </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>
+                <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>
+                </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>
+                </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>
+                </div>
+              </div>
+              <div class="card-body p-2">
+                <!-- RADIO CONTROL DISABLED -->
+                <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"
+                    />
+                    <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>
+                    </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"
+                    >
+                      <!--<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">
-										<option value="1200">1200</option>
-										<option value="2400">2400</option>
-										<option value="4800">4800</option>
-										<option selected value="9600">9600</option>
-										<option value="14400">14400</option>
-										<option value="19200">19200</option>
-										<option value="28800">28800</option>
-										<option value="38400">38400</option>
-										<option value="57600">57600</option>
-										<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">
-										<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">
-										<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">
-										<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">
-										<!--<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">
-										<option value="NONE">NONE</option>
-										<option value="RIG">RIG</option>
-										<option value="USB">USB</option>
-										<option value="RTS">Serial RTS</option>
-										<option value="PARALLEL">Rig PARALLEL</option>
-										<option value="MICDATA">Rig MICDATA</option>
-										<option value="CM108">Rig CM108</option>
-									</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">
-										<option value="NONE">NONE</option>
-										<option value="RIG">RIG/CAT</option>
-										<option value="DSR">DSR</option>
-										<option value="CTS">CTS</option>
-										<option value="CD">CD</option>
-										<option value="PARALLEL">PARALLEL</option>
-									</select>
+                    </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>
+                      <option selected value="9600">9600</option>
+                      <option value="14400">14400</option>
+                      <option value="19200">19200</option>
+                      <option value="28800">28800</option>
+                      <option value="38400">38400</option>
+                      <option value="57600">57600</option>
+                      <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"
+                    >
+                      <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"
+                    >
+                      <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"
+                    >
+                      <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"
+                    >
+                      <!--<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"
+                    >
+                      <option value="NONE">NONE</option>
+                      <option value="RIG">RIG</option>
+                      <option value="USB">USB</option>
+                      <option value="RTS">Serial RTS</option>
+                      <option value="PARALLEL">Rig PARALLEL</option>
+                      <option value="MICDATA">Rig MICDATA</option>
+                      <option value="CM108">Rig CM108</option>
+                    </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"
+                    >
+                      <option value="NONE">NONE</option>
+                      <option value="RIG">RIG/CAT</option>
+                      <option value="DSR">DSR</option>
+                      <option value="CTS">CTS</option>
+                      <option value="CD">CD</option>
+                      <option value="PARALLEL">PARALLEL</option>
+                    </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">
-										<option value="OFF">OFF</option>
-										<option value="ON">ON</option>
-
-									</select>
-								</div>
-
-
-							</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>
-							<!-- 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>
-							<!-- 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">
-									<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>
-				</div>
-			</div>
-			<div class="row collapse multi-collapse show mt-2" id="collapseSecondRow">
-				<div class="col">
-					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><strong>MY STATION</strong> </div>
-						<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">
-											<option selected value="0">0</option>
-											<option value="1">1</option>
-											<option value="2">2</option>
-											<option value="3">3</option>
-											<option value="4">4</option>
-											<option value="5">5</option>
-											<option value="6">6</option>
-											<option value="7">7</option>
-											<option value="8">8</option>
-											<option value="9">9</option>
-											<option value="10">10</option>
-											<option value="11">11</option>
-											<option value="12">12</option>
-											<option value="13">13</option>
-											<option value="14">14</option>
-											<option value="15">15</option>
-										</select>
-									</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>
-								</div>
-							</div>
-							<!-- end of row-->
-						</div>
-					</div>
-				</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="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>
-						</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>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="container mt-2 p-0">
-			<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-outline-secondary">Tune</button>
-							<button type="button" id="startStopRecording" class="btn btn-sm btn-outline-danger">Record audio</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>
-							<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>
-						</div>
-					</div>
-				</div>
-				<div class="col">
-					<div class="card text-dark mb-1">
-						<div class="card-header p-1"><strong>PING, CQ & BEACON</strong> </div>
-						<div class="card-body p-2">
-							<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-outline-secondary ms-1" 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-outline-success ms-1" 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;"></i> </button>
-										<button class="btn btn-sm btn-outline-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;"></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">
-										<button class="btn btn-sm btn-outline-secondary" id="sendCQ" type="button">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-outline-success"> <i
-												class="bi bi-arrow-clockwise"
-												style="font-size: 0.8rem;"></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">
-											<option value="5">5s</option>
-											<option selected value="10">10s</option>
-											<option value="15">15s</option>
-											<option value="30">30s</option>
-											<option value="45">45s</option>
-											<option value="60">60s</option>
-											<option value="90">90s</option>
-											<option value="120">2min</option>
-											<option value="300">5min</option>
-											<option value="600">10min</option>
-											<option value="900">15min</option>
-											<option value="1800">30min</option>
-											<option value="3600">60min</option>
-										</select>
-										<button type="button" id="stopBeacon" class="btn btn-sm btn-outline-danger"> <i
-												class="bi bi-x-octagon-fill"
-												style="font-size: 0.8rem;"></i> </button>
-									</div>
-								</div>
-							</div>
-							<!-- end of row-->
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="row collapse multi-collapse" id="collapseFourthRow">
-				<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>
-							<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-->
-							<canvas id="waterfall" style="position: relative; z-index: 2;" class="force-gpu"></canvas>
-							<canvas id="scatter" style="position: relative; z-index: 1;" class="force-gpu"></canvas>
-							<canvas id="chart" style="position: relative; z-index: 1;" class="force-gpu"></canvas>
-						</div>
-					</div>
-				</div>
-				<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-body p-0">
-							<div class="table-responsive">
-							<!-- START OF TABLE FOR HEARD STATIONS -->
-							<table class="table table-sm">
-								<thead>
-									<tr>
-										<th scope="col">Time</th>
-										<th scope="col">Frequency</th>
-										<th>&nbsp;</th>
-										<th scope="col">DXCall</th>
-										<th scope="col">DXGrid</th>
-										<th scope="col">Distance</th>
-										<th scope="col">Type</th>
-										<th scope="col">SNR (rx/dx)</th>
-										<!--<th scope="col">Off</th>-->
-									</tr>
-								</thead>
-								<tbody id="heardstations">
-									<!--
+                    <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>
+                    </select>
+                  </div>
+                </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>
+                <!-- 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>
+                <!-- 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">
+                    <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>
+          </div>
+        </div>
+        <div
+          class="row collapse multi-collapse show mt-2"
+          id="collapseSecondRow"
+        >
+          <div class="col">
+            <div class="card text-dark mb-1">
+              <div class="card-header p-1"><strong>MY STATION</strong></div>
+              <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"
+                      >
+                        <option selected value="0">0</option>
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                        <option value="7">7</option>
+                        <option value="8">8</option>
+                        <option value="9">9</option>
+                        <option value="10">10</option>
+                        <option value="11">11</option>
+                        <option value="12">12</option>
+                        <option value="13">13</option>
+                        <option value="14">14</option>
+                        <option value="15">15</option>
+                      </select>
+                    </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>
+                  </div>
+                </div>
+                <!-- end of row-->
+              </div>
+            </div>
+          </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="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>
+              </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>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="container mt-2 p-0">
+        <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-outline-secondary"
+                >
+                  Tune
+                </button>
+                <button
+                  type="button"
+                  id="startStopRecording"
+                  class="btn btn-sm btn-outline-danger"
+                >
+                  Record audio
+                </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>
+                <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>
+              </div>
+            </div>
+          </div>
+          <div class="col">
+            <div class="card text-dark mb-1">
+              <div class="card-header p-1">
+                <strong>PING, CQ & BEACON</strong>
+              </div>
+              <div class="card-body p-2">
+                <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-outline-secondary ms-1"
+                        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-outline-success ms-1"
+                        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"
+                        ></i>
+                      </button>
+                      <button
+                        class="btn btn-sm btn-outline-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"
+                        ></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"
+                    >
+                      <button
+                        class="btn btn-sm btn-outline-secondary"
+                        id="sendCQ"
+                        type="button"
+                      >
+                        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-outline-success"
+                      >
+                        <i
+                          class="bi bi-arrow-clockwise"
+                          style="font-size: 0.8rem"
+                        ></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"
+                      >
+                        <option value="5">5s</option>
+                        <option selected value="10">10s</option>
+                        <option value="15">15s</option>
+                        <option value="30">30s</option>
+                        <option value="45">45s</option>
+                        <option value="60">60s</option>
+                        <option value="90">90s</option>
+                        <option value="120">2min</option>
+                        <option value="300">5min</option>
+                        <option value="600">10min</option>
+                        <option value="900">15min</option>
+                        <option value="1800">30min</option>
+                        <option value="3600">60min</option>
+                      </select>
+                      <button
+                        type="button"
+                        id="stopBeacon"
+                        class="btn btn-sm btn-outline-danger"
+                      >
+                        <i
+                          class="bi bi-x-octagon-fill"
+                          style="font-size: 0.8rem"
+                        ></i>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <!-- end of row-->
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="row collapse multi-collapse" id="collapseFourthRow">
+          <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>
+                <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-->
+                <canvas
+                  id="waterfall"
+                  style="position: relative; z-index: 2"
+                  class="force-gpu"
+                ></canvas>
+                <canvas
+                  id="scatter"
+                  style="position: relative; z-index: 1"
+                  class="force-gpu"
+                ></canvas>
+                <canvas
+                  id="chart"
+                  style="position: relative; z-index: 1"
+                  class="force-gpu"
+                ></canvas>
+              </div>
+            </div>
+          </div>
+          <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-body p-0">
+                <div class="table-responsive">
+                  <!-- START OF TABLE FOR HEARD STATIONS -->
+                  <table class="table table-sm">
+                    <thead>
+                      <tr>
+                        <th scope="col">Time</th>
+                        <th scope="col">Frequency</th>
+                        <th>&nbsp;</th>
+                        <th scope="col">DXCall</th>
+                        <th scope="col">DXGrid</th>
+                        <th scope="col">Distance</th>
+                        <th scope="col">Type</th>
+                        <th scope="col">SNR (rx/dx)</th>
+                        <!--<th scope="col">Off</th>-->
+                      </tr>
+                    </thead>
+                    <tbody id="heardstations">
+                      <!--
                                  <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
@@ -905,50 +1539,79 @@
                                    <td>@mdo</td>
                                  </tr>
                                      -->
-								</tbody>
-							</table>
-						</div>
-							<!-- END OF HEARD STATIONS TABLE -->
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
-	<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>
-			<h5 id="receivedFilesSidebarLabel">
-				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>
-		</div>
-		<div class="offcanvas-body p-0">
-			<!-- START OF TABLE FOR RECEIVED FILES-->
-			<table class="table">
-				<thead>
-					<tr>
-						<th scope="col">Time</th>
-						<th scope="col">DXCall</th>
-						<!--<th scope="col">DXGrid</th>
+                    </tbody>
+                  </table>
+                </div>
+                <!-- END OF HEARD STATIONS TABLE -->
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!------------------------------- RECEIVED FILES SIDEBAR ----------------------->
+    <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>
+        <h5 id="receivedFilesSidebarLabel">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>
+      </div>
+      <div class="offcanvas-body p-0">
+        <!-- START OF TABLE FOR RECEIVED FILES-->
+        <table class="table">
+          <thead>
+            <tr>
+              <th scope="col">Time</th>
+              <th scope="col">DXCall</th>
+              <!--<th scope="col">DXGrid</th>
                         <th scope="col">Distance</th>-->
-						<th scope="col">Filename</th>
-						<!--<th scope="col">SNR</th>-->
-					</tr>
-				</thead>
-				<tbody id="rx-data">
-					<!--
+              <th scope="col">Filename</th>
+              <!--<th scope="col">SNR</th>-->
+            </tr>
+          </thead>
+          <tbody id="rx-data">
+            <!--
                      <tr>
                        <th scope="row">1</th>
                        <td>Mark</td>
@@ -956,57 +1619,80 @@
                        <td>@mdo</td>
                      </tr>
                          -->
-				</tbody>
-			</table>
-			<!-- END OF  RECEIVED FILES-->
-		</div>
-	</div>
-	<!------------------------------- DATA SIDEBAR ----------------------->
-	<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>
-		</div>
-		<div class="offcanvas-body p-0">
-			<!--<div id="transmitFileSidebar" class="sidebar shadow-lg rounded">-->
-			<div class="container-fluid">
-				<div class="container mt-1">
-					<div class="row mb-1">
-						<div class="col">
-							<div class="card text-dark mb-0 ">
-								<div class="card-header p-1"> <strong>DX Station</strong> </div>
-								<div class="card-body p-2">
-									<div class="row">
-										<div class="col-auto">
-											<!--
+          </tbody>
+        </table>
+        <!-- END OF  RECEIVED FILES-->
+      </div>
+    </div>
+    <!------------------------------- DATA SIDEBAR ----------------------->
+    <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>
+      </div>
+      <div class="offcanvas-body p-0">
+        <!--<div id="transmitFileSidebar" class="sidebar shadow-lg rounded">-->
+        <div class="container-fluid">
+          <div class="container mt-1">
+            <div class="row mb-1">
+              <div class="col">
+                <div class="card text-dark mb-0">
+                  <div class="card-header p-1"><strong>DX Station</strong></div>
+                  <div class="card-body p-2">
+                    <div class="row">
+                      <div class="col-auto">
+                        <!--
                                        <div class="input-group input-group-sm mb-0">
                                        
                                        	<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 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>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<!--col-->
-					</div>
-					<!--row-->
-					<div class="row mb-1">
-						<div class="col">
-							<div class="card text-dark mb-0 ">
-								<!--
+                      </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>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!--col-->
+            </div>
+            <!--row-->
+            <div class="row mb-1">
+              <div class="col">
+                <div class="card text-dark mb-0">
+                  <!--
                               <div class="card-header p-1"> <strong>Data</strong>
                               </div>
                               <div class="card-body p-2">
@@ -1016,56 +1702,74 @@
                               	</div>
                               </div>
                               -->
-							</div>
-						</div>
-						<!--col-->
-					</div>
-					<!--row-->
-					<div class="row mb-1">
-						<div class="col">
-							<div class="card text-dark mb-0">
-								<div class="card-header p-1"> <strong>Mode</strong> </div>
-								<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>
-													<option selected value="255">AUTO</option>
-													<!--<option value="232">HIGH SNR (DC1)</option>-->
-													<!--<option value="231">MED SNR (DC3)</option>-->
-													<!--<option value="230">LOW SNR (DC0)</option>-->
-												</select>
-											</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>
-													<option selected value="1">1</option>
-												</select>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-							<!--col-->
-						</div>
-						<!--row-->
-					</div>
-					<div class="row mb-1">
-						<div class="col">
-							<!--
+                </div>
+              </div>
+              <!--col-->
+            </div>
+            <!--row-->
+            <div class="row mb-1">
+              <div class="col">
+                <div class="card text-dark mb-0">
+                  <div class="card-header p-1"><strong>Mode</strong></div>
+                  <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
+                          >
+                            <option selected value="255">AUTO</option>
+                            <!--<option value="232">HIGH SNR (DC1)</option>-->
+                            <!--<option value="231">MED SNR (DC3)</option>-->
+                            <!--<option value="230">LOW SNR (DC0)</option>-->
+                          </select>
+                        </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
+                          >
+                            <option selected value="1">1</option>
+                          </select>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!--col-->
+              </div>
+              <!--row-->
+            </div>
+            <div class="row mb-1">
+              <div class="col">
+                <!--
                            <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>
-						</div>
-					</div>
-					<!--
+              </div>
+              <div class="col-md-auto">
+                <button
+                  type="button"
+                  id="stopTransmission"
+                  class="btn btn-danger"
+                  style="width: 100%"
+                >
+                  STOP
+                </button>
+              </div>
+            </div>
+            <!--
                      <div class="row">
                          <div class="col">
                              <div class="card text-dark bg-light mb-0" >
@@ -1077,452 +1781,896 @@
                          </div>
                      </div>
                      -->
-					<div class="row">
-						<div class="col"></div>
-					</div>
-					<!--row-->
-				</div>
-				<!--container-->
-				<!--</div>-->
-			</div>
-		</div>
-	</div>
-	<!--end of blur div -->
-	<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
-	<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" 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"
-							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="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"
-							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">
-								<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>
-							</div>
-						</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>
-						<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>
-					</div>
+            <div class="row">
+              <div class="col"></div>
+            </div>
+            <!--row-->
+          </div>
+          <!--container-->
+          <!--</div>-->
+        </div>
+      </div>
+    </div>
+    <!--end of blur div -->
+    <!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
+    <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" 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"
+                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="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"
+                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"
+                  />
+                  <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>
+                </div>
+              </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>
+              <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>
+            </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>
-						<form class="dropdown-menu p-2">
-							<div class="input-group input-group-sm">
-								...soon...
-							</div>
-						</form>
-					</div>
-				</div>
-			</div>
-			<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>
-					</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="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="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: 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>
-						<!--<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>
-				</div>
-			</div>
-		</nav>
-	</div>
-	<!-- bootstrap -->
-	<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-	<!-- chart.js -->
-	<script src="../node_modules/chart.js/dist/chart.umd.js"></script>
-	<!--<script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>-->
-	<!-- WATERFALL -->
-	<script src="waterfall/colormap.js"></script>
-	<script src="waterfall/spectrum.js"></script>
-	<script src="waterfall/spectrogram.js"></script>
-	<!--<script src="waterfall/script.js"></script>-->
-	<!-- AUDIO MODAL -->
-	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="audioModal">
-		<div class="modal-dialog modal-dialog-scrollable">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">Audio tuning</h5>
-					<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>
-						<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>
-			</div>
-		</div>
-	</div>
-	<!-- SETTINGS MODAL -->
-	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="infoModal">
-		<div class="modal-dialog modal-dialog-scrollable">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">Settings</h5>
-					<div class="badge text-bg-warning ms-3">
-						<i class="bi bi-exclamation-triangle"></i> Please restart the TNC after changing settings!
-					</div>
-					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-				</div>
-				<div class="modal-body">
-<!-- SETTINGS Nav tabs -->
-<ul class="nav nav-tabs" id="myTab" role="tablist">
-	<li class="nav-item" role="presentation">
-	  <button class="nav-link active" id="gui-tab" data-bs-toggle="tab" data-bs-target="#gui" type="button" role="tab" aria-controls="home" aria-selected="true">GUI</button>
-	</li>
-	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="tnc-tab" data-bs-toggle="tab" data-bs-target="#tnc" type="button" role="tab" aria-controls="profile" aria-selected="false">TNC</button>
-	</li>
-	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="web-tab" data-bs-toggle="tab" data-bs-target="#stats" type="button" role="tab" aria-controls="messages" aria-selected="false">Web</button>
-	</li>
-	<li class="nav-item" role="presentation">
-	  <button class="nav-link" id="experiments-tab" data-bs-toggle="tab" data-bs-target="#experiments" type="button" role="tab" aria-controls="settings" aria-selected="false">Experimental</button>
-	</li>
-  </ul>
-  <!-- SETTINGS Nav Tab panes -->
-  <div class="tab-content mt-1">
-	<!-- GUI tab contents-->
-	<div class="tab-pane active" id="gui" role="tabpanel" aria-labelledby="gui-tab" tabindex="0">
-		<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
-			id="basic-addon1">GUI theme</span>
-		<select class="form-select form-select-sm w-50" id="theme_selector">
-			<option value="default">Default</option>
-			<option value="cerulean">Cerulean</option>
-			<option value="cosmo">Cosmo</option>
-			<option value="cyborg">Cyborg</option>
-			<option value="darkly">Darkly</option>
-			<option value="flatly">Flatly</option>
-			<option value="journal">Journal</option>
-			<option value="litera">Litera</option>
-			<option value="lumen">Lumen</option>
-			<option value="lux">Lux</option>
-			<option value="materia">Materia</option>
-			<option value="minty">Minty</option>
-			<option value="morph">Morhp</option>
-			<option value="pulse">Pulse</option>
-			<option value="quartz">Quartz</option>
-			<option value="sandstone">Sandstone</option>
-			<option value="simplex">Simplex</option>
-			<option value="sketchy">Sketchy</option>
-			<option value="slate">Slate</option>
-			<option value="solar">Solar</option>
-			<option value="spacelab">Spacelab</option>
-			<option value="superhero">Superhero</option>
-			<option value="united">United</option>
-			<option value="vapor">Vapor</option>
-			<option value="yeti">Yeti</option>
-			<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>
-		<select class="form-select form-select-sm w-50" id="wftheme_selector">
-			<option value="2">Default</option>
-			<option value="0">Turbo</option>
-			<option value="1">Fosphor</option>
-			<option value="3">Inferno</option>
-			<option value="4">Magma</option>
-			<option value="5">Jet</option>
-			<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">
-		<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>
-	<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>
-		<option value="alpha">alpha</option>
-	</select>
-	</div>
-	</div>
-	<!-- TNC Tab contents-->
-	<div class="tab-pane" id="tnc" role="tabpanel" aria-labelledby="tnc-tab" tabindex="0">
-		<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>
-			<select class="form-select form-select-sm" id="tuning_range_fmin">
-				<option value="-50.0">-50.0</option>
-				<option value="-100.0">-100.0</option>
-				<option value="-150.0">-150.0</option>
-				<option value="-200.0">-200.0</option>
-				<option value="-250.0">-250.0</option>
-			</select>
-			<label class="input-group-text">fmax</label>
-			<select class="form-select form-select-sm" id="tuning_range_fmax">
-				<option value="50.0">50.0</option>
-				<option value="100.0">100.0</option>
-				<option value="150.0">150.0</option>
-				<option value="200.0">200.0</option>
-				<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 waterfall data</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="fftSwitch">
-					<label class="form-check-label" for="fftSwitch">Waterfall</label>
-				</div>
-			</label>
-		</div>
-		<div class="input-group input-group-sm mb-1">
-			<label class="input-group-text w-50">Enable scatter diagram data</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="scatterSwitch">
-					<label class="form-check-label" for="scatterSwitch">Scatter</label>
-				</div>
-			</label>
-		</div>
-		<div class="input-group  input-group-sm mb-1">
-			<label class="input-group-text w-50">Enable 563Hz only mode</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="500HzModeSwitch">
-					<label class="form-check-label" for="500HzModeSwitch">563Hz</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">
-				<div class="form-check form-switch form-check-inline">
-					<input class="form-check-input" type="checkbox" id="respondCQSwitch">
-					<label class="form-check-label" for="respondCQSwitch">QRV</label>
-				</div>
-			</label>
-		</div>
-		<div class="input-group  input-group-sm mb-1">
-			<label class="input-group-text w-50">RX buffer size</label>
-			<label class="input-group-text bg-white w-50">
-				<select class="form-select form-select-sm" id="rx_buffer_size">
-					<option value="1">1</option>
-					<option value="2">2</option>
-					<option value="4">4</option>
-					<option value="8">8</option>
-					<option value="16">16</option>
-					<option value="32">32</option>
-					<option value="64">64</option>
-					<option value="128">128</option>
-					<option value="256">256</option>
-					<option value="512">512</option>
-					<option value="1024">1024</option>
-				</select>
-			</label>
-		</div>
-	</div>
-	<!-- Stats Tab content-->
-	<div class="tab-pane" id="stats" role="tabpanel" aria-labelledby="web-tab" tabindex="0">
-		<div class="input-group  input-group-sm mb-1">
-			<label class="input-group-text w-50">Explorer 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="ExplorerSwitch">
-					<label class="form-check-label" for="ExplorerSwitch">Publish</label>
-				</div>
-			</label>
-		</div>
-		<div class="input-group  input-group-sm mb-1">
-			<label class="input-group-text w-50">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>
-	<!-- Experimental Tab contents-->
-	<div class="tab-pane" id="experiments" role="tabpanel" aria-labelledby="experiments-tab" tabindex="0">
-		<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">
-				<div class="form-check form-switch form-check-inline ms-2">
-					<input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled>
-					<label class="form-check-label" for="fskModeSwitch">not available, yet</label>
-				</div>
-			</label>
-		</div>
-		<div class="center">
-			<div class="badge text-bg-danger">
-				<i class="bi bi-shield-exclamation"></i> These options may not work and are for experienced users only!
-			</div>
-		</div>
-	</div>
-  </div>
-</div>
-</div>
-</div>
-</div>
-	<!-- HAMLIB ADVANCED SETTINGS MODAL -->
-	<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="advancedHamlibSettingsModal">
-		<div class="modal-dialog">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">Hamlib advanced settings</h5>
-					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-				</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" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
-				</div>
-			</div>
-		</div>
-	</div>
-		<!-- info modal -->
-  <!-- Modal -->
-  <div class="modal fade" id="aboutModal" tabindex="-1" aria-labelledby="aboutModalLabel" aria-hidden="true">
-	<div class="modal-dialog">
-	  <div class="modal-content">
-		<div class="modal-header">
-		  <h1 class="modal-title fs-5" id="aboutModalLabel">FreeDATA</h1>-<div class="small" id="aboutVersion">v123</div>
-		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-		</div>
-		<div class="modal-body">
-		  <div class="container-fluid">
-			<div class="row">
-			<div class="btn-toolbar mx-auto" role="toolbar" aria-label="Toolbar with button groups">
-				<div class="btn-group"><i style="font-size:1.5rem;" class="btn bi bi-github" id="ghUrl" data-bs-toggle="tooltip" title="Github" role="button"></i></div>
-				<div class="btn-group"><i style="font-size:1.5rem;" class="btn bi bi-wikipedia" id="wikiUrl" data-bs-toggle="tooltip" title="Wiki" role="button"></i></div>
-				<div class="btn-group"><i style="font-size:1.5rem;" class="btn bi bi-envelope-at" id="groupsioUrl" data-bs-toggle="tooltip" title="Groups.io" role="button"></i></div>
-				<div class="btn-group"><i style="font-size:1.5rem;" class="btn bi bi-discord" id="discordUrl" data-bs-toggle="tooltip" title="Discord" role="button"></i></div>
-			</div>
-		</div>
-		<div class="row">
-			<h6>Special thanks to</h6>
-			<hr \>
-		</div>
-			<div class="row">
-				<div class="col-4" id="divContrib">
-				</div>
-				<div class="col-4" id="divContrib2">
-				</div>
-				<div class="col-4" id="divContrib3">
-				</div>
-	  </div>
-	</div>
-		<div class="modal-footer">
-		  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-		</div>
-	  </div>
-	</div>
-  </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>
+              <form class="dropdown-menu p-2">
+                <div class="input-group input-group-sm">...soon...</div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <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>
+            </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="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="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: 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>
+              <!--<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>
+          </div>
+        </div>
+      </nav>
+    </div>
+    <!-- bootstrap -->
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- chart.js -->
+    <script src="../node_modules/chart.js/dist/chart.umd.js"></script>
+    <!--<script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>-->
+    <!-- WATERFALL -->
+    <script src="waterfall/colormap.js"></script>
+    <script src="waterfall/spectrum.js"></script>
+    <script src="waterfall/spectrogram.js"></script>
+    <!--<script src="waterfall/script.js"></script>-->
+    <!-- AUDIO MODAL -->
+    <div
+      class="modal fade"
+      data-bs-backdrop="static"
+      tabindex="-1"
+      id="audioModal"
+    >
+      <div class="modal-dialog modal-dialog-scrollable">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Audio tuning</h5>
+            <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>
+              <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>
+        </div>
+      </div>
+    </div>
+    <!-- SETTINGS MODAL -->
+    <div
+      class="modal fade"
+      data-bs-backdrop="static"
+      tabindex="-1"
+      id="infoModal"
+    >
+      <div class="modal-dialog modal-dialog-scrollable">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Settings</h5>
+            <div class="badge text-bg-warning ms-3">
+              <i class="bi bi-exclamation-triangle"></i> Please restart the TNC
+              after changing settings!
+            </div>
+            <button
+              type="button"
+              class="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
+          </div>
+          <div class="modal-body">
+            <!-- SETTINGS Nav tabs -->
+            <ul class="nav nav-tabs" id="myTab" role="tablist">
+              <li class="nav-item" role="presentation">
+                <button
+                  class="nav-link active"
+                  id="gui-tab"
+                  data-bs-toggle="tab"
+                  data-bs-target="#gui"
+                  type="button"
+                  role="tab"
+                  aria-controls="home"
+                  aria-selected="true"
+                >
+                  GUI
+                </button>
+              </li>
+              <li class="nav-item" role="presentation">
+                <button
+                  class="nav-link"
+                  id="tnc-tab"
+                  data-bs-toggle="tab"
+                  data-bs-target="#tnc"
+                  type="button"
+                  role="tab"
+                  aria-controls="profile"
+                  aria-selected="false"
+                >
+                  TNC
+                </button>
+              </li>
+              <li class="nav-item" role="presentation">
+                <button
+                  class="nav-link"
+                  id="web-tab"
+                  data-bs-toggle="tab"
+                  data-bs-target="#stats"
+                  type="button"
+                  role="tab"
+                  aria-controls="messages"
+                  aria-selected="false"
+                >
+                  Web
+                </button>
+              </li>
+              <li class="nav-item" role="presentation">
+                <button
+                  class="nav-link"
+                  id="experiments-tab"
+                  data-bs-toggle="tab"
+                  data-bs-target="#experiments"
+                  type="button"
+                  role="tab"
+                  aria-controls="settings"
+                  aria-selected="false"
+                >
+                  Experimental
+                </button>
+              </li>
+            </ul>
+            <!-- SETTINGS Nav Tab panes -->
+            <div class="tab-content mt-1">
+              <!-- GUI tab contents-->
+              <div
+                class="tab-pane active"
+                id="gui"
+                role="tabpanel"
+                aria-labelledby="gui-tab"
+                tabindex="0"
+              >
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text w-50" id="basic-addon1"
+                    >GUI theme</span
+                  >
+                  <select
+                    class="form-select form-select-sm w-50"
+                    id="theme_selector"
+                  >
+                    <option value="default">Default</option>
+                    <option value="cerulean">Cerulean</option>
+                    <option value="cosmo">Cosmo</option>
+                    <option value="cyborg">Cyborg</option>
+                    <option value="darkly">Darkly</option>
+                    <option value="flatly">Flatly</option>
+                    <option value="journal">Journal</option>
+                    <option value="litera">Litera</option>
+                    <option value="lumen">Lumen</option>
+                    <option value="lux">Lux</option>
+                    <option value="materia">Materia</option>
+                    <option value="minty">Minty</option>
+                    <option value="morph">Morhp</option>
+                    <option value="pulse">Pulse</option>
+                    <option value="quartz">Quartz</option>
+                    <option value="sandstone">Sandstone</option>
+                    <option value="simplex">Simplex</option>
+                    <option value="sketchy">Sketchy</option>
+                    <option value="slate">Slate</option>
+                    <option value="solar">Solar</option>
+                    <option value="spacelab">Spacelab</option>
+                    <option value="superhero">Superhero</option>
+                    <option value="united">United</option>
+                    <option value="vapor">Vapor</option>
+                    <option value="yeti">Yeti</option>
+                    <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
+                  >
+                  <select
+                    class="form-select form-select-sm w-50"
+                    id="wftheme_selector"
+                  >
+                    <option value="2">Default</option>
+                    <option value="0">Turbo</option>
+                    <option value="1">Fosphor</option>
+                    <option value="3">Inferno</option>
+                    <option value="4">Magma</option>
+                    <option value="5">Jet</option>
+                    <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">
+                  <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>
+                <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>
+                    <option value="alpha">alpha</option>
+                  </select>
+                </div>
+              </div>
+              <!-- TNC Tab contents-->
+              <div
+                class="tab-pane"
+                id="tnc"
+                role="tabpanel"
+                aria-labelledby="tnc-tab"
+                tabindex="0"
+              >
+                <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>
+                  <select
+                    class="form-select form-select-sm"
+                    id="tuning_range_fmin"
+                  >
+                    <option value="-50.0">-50.0</option>
+                    <option value="-100.0">-100.0</option>
+                    <option value="-150.0">-150.0</option>
+                    <option value="-200.0">-200.0</option>
+                    <option value="-250.0">-250.0</option>
+                  </select>
+                  <label class="input-group-text">fmax</label>
+                  <select
+                    class="form-select form-select-sm"
+                    id="tuning_range_fmax"
+                  >
+                    <option value="50.0">50.0</option>
+                    <option value="100.0">100.0</option>
+                    <option value="150.0">150.0</option>
+                    <option value="200.0">200.0</option>
+                    <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 waterfall data</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="fftSwitch"
+                      />
+                      <label class="form-check-label" for="fftSwitch"
+                        >Waterfall</label
+                      >
+                    </div>
+                  </label>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50"
+                    >Enable scatter diagram data</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="scatterSwitch"
+                      />
+                      <label class="form-check-label" for="scatterSwitch"
+                        >Scatter</label
+                      >
+                    </div>
+                  </label>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50"
+                    >Enable 563Hz only mode</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="500HzModeSwitch"
+                      />
+                      <label class="form-check-label" for="500HzModeSwitch"
+                        >563Hz</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">
+                    <div class="form-check form-switch form-check-inline">
+                      <input
+                        class="form-check-input"
+                        type="checkbox"
+                        id="respondCQSwitch"
+                      />
+                      <label class="form-check-label" for="respondCQSwitch"
+                        >QRV</label
+                      >
+                    </div>
+                  </label>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50">RX buffer size</label>
+                  <label class="input-group-text bg-white w-50">
+                    <select
+                      class="form-select form-select-sm"
+                      id="rx_buffer_size"
+                    >
+                      <option value="1">1</option>
+                      <option value="2">2</option>
+                      <option value="4">4</option>
+                      <option value="8">8</option>
+                      <option value="16">16</option>
+                      <option value="32">32</option>
+                      <option value="64">64</option>
+                      <option value="128">128</option>
+                      <option value="256">256</option>
+                      <option value="512">512</option>
+                      <option value="1024">1024</option>
+                    </select>
+                  </label>
+                </div>
+              </div>
+              <!-- Stats Tab content-->
+              <div
+                class="tab-pane"
+                id="stats"
+                role="tabpanel"
+                aria-labelledby="web-tab"
+                tabindex="0"
+              >
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50"
+                    >Explorer 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="ExplorerSwitch"
+                      />
+                      <label class="form-check-label" for="ExplorerSwitch"
+                        >Publish</label
+                      >
+                    </div>
+                  </label>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50"
+                    >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>
+              <!-- Experimental Tab contents-->
+              <div
+                class="tab-pane"
+                id="experiments"
+                role="tabpanel"
+                aria-labelledby="experiments-tab"
+                tabindex="0"
+              >
+                <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">
+                    <div class="form-check form-switch form-check-inline ms-2">
+                      <input
+                        class="form-check-input"
+                        type="checkbox"
+                        id="fskModeSwitch"
+                        disabled
+                      />
+                      <label class="form-check-label" for="fskModeSwitch"
+                        >not available, yet</label
+                      >
+                    </div>
+                  </label>
+                </div>
+                <div class="center">
+                  <div class="badge text-bg-danger">
+                    <i class="bi bi-shield-exclamation"></i> These options may
+                    not work and are for experienced users only!
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- HAMLIB ADVANCED SETTINGS MODAL -->
+    <div
+      class="modal fade"
+      data-bs-backdrop="static"
+      tabindex="-1"
+      id="advancedHamlibSettingsModal"
+    >
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Hamlib advanced settings</h5>
+            <button
+              type="button"
+              class="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
+          </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"
+              class="btn btn-sm btn-secondary"
+              data-bs-dismiss="modal"
+            >
+              Close
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- info modal -->
+    <!-- Modal -->
+    <div
+      class="modal fade"
+      id="aboutModal"
+      tabindex="-1"
+      aria-labelledby="aboutModalLabel"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h1 class="modal-title fs-5" id="aboutModalLabel">FreeDATA</h1>
+            -
+            <div class="small" id="aboutVersion">v123</div>
+            <button
+              type="button"
+              class="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
+          </div>
+          <div class="modal-body">
+            <div class="container-fluid">
+              <div class="row">
+                <div
+                  class="btn-toolbar mx-auto"
+                  role="toolbar"
+                  aria-label="Toolbar with button groups"
+                >
+                  <div class="btn-group">
+                    <i
+                      style="font-size: 1.5rem"
+                      class="btn bi bi-github"
+                      id="ghUrl"
+                      data-bs-toggle="tooltip"
+                      title="Github"
+                      role="button"
+                    ></i>
+                  </div>
+                  <div class="btn-group">
+                    <i
+                      style="font-size: 1.5rem"
+                      class="btn bi bi-wikipedia"
+                      id="wikiUrl"
+                      data-bs-toggle="tooltip"
+                      title="Wiki"
+                      role="button"
+                    ></i>
+                  </div>
+                  <div class="btn-group">
+                    <i
+                      style="font-size: 1.5rem"
+                      class="btn bi bi-envelope-at"
+                      id="groupsioUrl"
+                      data-bs-toggle="tooltip"
+                      title="Groups.io"
+                      role="button"
+                    ></i>
+                  </div>
+                  <div class="btn-group">
+                    <i
+                      style="font-size: 1.5rem"
+                      class="btn bi bi-discord"
+                      id="discordUrl"
+                      data-bs-toggle="tooltip"
+                      title="Discord"
+                      role="button"
+                    ></i>
+                  </div>
+                </div>
+              </div>
+              <div class="row">
+                <h6>Special thanks to</h6>
+                <hr \ />
+              </div>
+              <div class="row">
+                <div class="col-4" id="divContrib"></div>
+                <div class="col-4" id="divContrib2"></div>
+                <div class="col-4" id="divContrib3"></div>
+              </div>
+            </div>
+            <div class="modal-footer">
+              <button
+                type="button"
+                class="btn btn-secondary"
+                data-bs-dismiss="modal"
+              >
+                Close
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/gui/src/log-module.html b/gui/src/log-module.html
index 0ab89d61..f99b165c 100644
--- a/gui/src/log-module.html
+++ b/gui/src/log-module.html
@@ -1,56 +1,82 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-   <head>
-      <!-- Required meta tags -->
-      <meta charset="utf-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1">
-      <meta http-equiv="Content-Security-Policy" content="script-src 'self';">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self';" />
 
+    <!-- Bootstrap CSS -->
+    <link
+      rel="stylesheet"
+      href="../node_modules/bootstrap/dist/css/bootstrap.min.css"
+    />
+    <link rel="stylesheet" type="text/css" href="styles.css" />
+    <title>FreeDATA - Live Log</title>
+  </head>
+  <body>
+    <!-- bootstrap -->
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- chart.js -->
 
+    <nav class="navbar fixed-top bg-light">
+      <div class="container-fluid">
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_info"
+          autocomplete="off"
+          checked
+        />
+        <label class="btn btn-outline-info" for="enable_filter_info"
+          >info</label
+        >
 
-       <!-- Bootstrap CSS -->
-      <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
-        <link rel="stylesheet" type="text/css" href="styles.css" />
-      <title>FreeDATA - Live Log</title>
-   </head>
-   <body>
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_debug"
+          autocomplete="off"
+        />
+        <label class="btn btn-outline-primary" for="enable_filter_debug"
+          >debug</label
+        >
 
-      <!-- bootstrap -->
-      <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-      <!-- chart.js -->
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_warning"
+          autocomplete="off"
+        />
+        <label class="btn btn-outline-warning" for="enable_filter_warning"
+          >warning</label
+        >
 
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_error"
+          autocomplete="off"
+        />
+        <label class="btn btn-outline-danger" for="enable_filter_error"
+          >error</label
+        >
+      </div>
+    </nav>
 
-      <nav class="navbar fixed-top bg-light">
-  <div class="container-fluid">
-                <input type="checkbox" class="btn-check" id="enable_filter_info" autocomplete="off" checked>
-            <label class="btn btn-outline-info" for="enable_filter_info">info</label>
-
-            <input type="checkbox" class="btn-check" id="enable_filter_debug" autocomplete="off">
-            <label class="btn btn-outline-primary" for="enable_filter_debug">debug</label>
-
-            <input type="checkbox" class="btn-check" id="enable_filter_warning" autocomplete="off">
-            <label class="btn btn-outline-warning" for="enable_filter_warning">warning</label>
-
-            <input type="checkbox" class="btn-check" id="enable_filter_error" autocomplete="off">
-            <label class="btn btn-outline-danger" for="enable_filter_error">error</label>
-
-  </div>
-</nav>
-
-
-<div class="container-fluid mt-5">
-            <div class="tableFixHead">
-            <table class="table table-hover">
-               <thead>
-                  <tr>
-                     <th scope="col">Timestamp</th>
-                      <th scope="col">Type</th>
-                      <th scope="col">Area</th>
-                     <th scope="col">Log entry</th>                     
-                  </tr>
-               </thead>
-               <tbody id="log">
-                  <!--
+    <div class="container-fluid mt-5">
+      <div class="tableFixHead">
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th scope="col">Timestamp</th>
+              <th scope="col">Type</th>
+              <th scope="col">Area</th>
+              <th scope="col">Log entry</th>
+            </tr>
+          </thead>
+          <tbody id="log">
+            <!--
                      <tr>
                        <th scope="row">1</th>
                        <td>Mark</td>
@@ -58,9 +84,9 @@
                        <td>@mdo</td>
                      </tr>
                          -->
-               </tbody>
-            </table>
-</div>
-   </div>
-   </body>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/gui/src/splash.html b/gui/src/splash.html
index 89358222..8196033b 100644
--- a/gui/src/splash.html
+++ b/gui/src/splash.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
-</head>
-<body style="overflow:hidden;">
-    <img src="img/icon_cube_border.png" width="100%" height="100%">
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self';" />
+  </head>
+  <body style="overflow: hidden">
+    <img src="img/icon_cube_border.png" width="100%" height="100%" />
+  </body>
 </html>
diff --git a/gui/src/styles.css b/gui/src/styles.css
index 89e79f06..4f062fa7 100644
--- a/gui/src/styles.css
+++ b/gui/src/styles.css
@@ -1,22 +1,21 @@
 /* disable scrolling in main window */
 body {
-    padding-right: 0px !important;
-    overflow-y: hidden !important;
-    overflow-x: hidden !important;
-
+  padding-right: 0px !important;
+  overflow-y: hidden !important;
+  overflow-x: hidden !important;
 }
 
 /*Progress bars with centered text*/
 .progress {
-    position: relative;
-    transform: translateZ(0);
+  position: relative;
+  transform: translateZ(0);
 }
 
 .progress span {
-    position: absolute;
-    display: block;
-    width: 100%;
-    color: black;
+  position: absolute;
+  display: block;
+  width: 100%;
+  color: black;
 }
 
 /* smooth scrolling */
@@ -30,42 +29,41 @@ html {
 }
 
 #chatModuleMessage {
-    resize: none;
-    border-radius:15px;
+  resize: none;
+  border-radius: 15px;
 }
 
-#expand_textarea_label{
-    border: 0;
-    padding: 1px;
+#expand_textarea_label {
+  border: 0;
+  padding: 1px;
 }
 
 /* fixed border table header */
 .tableFixHead {
-    overflow: auto;
-    height: 90vh;
+  overflow: auto;
+  height: 90vh;
 }
 .tableFixHead thead th {
-    position: sticky;
-    top: 0;
-    z-index: 1;
+  position: sticky;
+  top: 0;
+  z-index: 1;
 }
-table  {
-    border-collapse: collapse;
-    width: 100%;
+table {
+  border-collapse: collapse;
+  width: 100%;
 }
-th, td {
-    padding: 8px 16px;
+th,
+td {
+  padding: 8px 16px;
 }
 
-th     {
-    background:#eee;
+th {
+  background: #eee;
 }
 
-
 /* ------ emoji picker customization --------- */
 .picker {
-    border-radius: 10px;
-
+  border-radius: 10px;
 }
 
 /* force gpu usage
@@ -73,19 +71,19 @@ https://stackoverflow.com/questions/13176746/css-keyframe-animation-cpu-usage-is
 */
 
 .force-gpu {
-    transform: translateZ(0);
-    -webkit-transform: translateZ(0);
-    -ms-transform: translateZ(0);
-    will-change: transform;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  will-change: transform;
 }
 
 /* force disable transition effects
 https://stackoverflow.com/a/9622873
 */
 .disable-effects {
-    -webkit-transition: none;
-    -moz-transition: none;
-    -ms-transition: none;
-    -o-transition: none;
-    transition: none;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -ms-transition: none;
+  -o-transition: none;
+  transition: none;
 }
diff --git a/gui/src/waterfall/colormap.js b/gui/src/waterfall/colormap.js
index 2893160d..a7e5ac5c 100644
--- a/gui/src/waterfall/colormap.js
+++ b/gui/src/waterfall/colormap.js
@@ -1,8 +1,1807 @@
-var turbo = [[48, 18, 59], [50, 21, 67], [51, 24, 74], [52, 27, 81], [53, 30, 88], [54, 33, 95], [55, 36, 102], [56, 39, 109], [57, 42, 115], [58, 45, 121], [59, 47, 128], [60, 50, 134], [61, 53, 139], [62, 56, 145], [63, 59, 151], [63, 62, 156], [64, 64, 162], [65, 67, 167], [65, 70, 172], [66, 73, 177], [66, 75, 181], [67, 78, 186], [68, 81, 191], [68, 84, 195], [68, 86, 199], [69, 89, 203], [69, 92, 207], [69, 94, 211], [70, 97, 214], [70, 100, 218], [70, 102, 221], [70, 105, 224], [70, 107, 227], [71, 110, 230], [71, 113, 233], [71, 115, 235], [71, 118, 238], [71, 120, 240], [71, 123, 242], [70, 125, 244], [70, 128, 246], [70, 130, 248], [70, 133, 250], [70, 135, 251], [69, 138, 252], [69, 140, 253], [68, 143, 254], [67, 145, 254], [66, 148, 255], [65, 150, 255], [64, 153, 255], [62, 155, 254], [61, 158, 254], [59, 160, 253], [58, 163, 252], [56, 165, 251], [55, 168, 250], [53, 171, 248], [51, 173, 247], [49, 175, 245], [47, 178, 244], [46, 180, 242], [44, 183, 240], [42, 185, 238], [40, 188, 235], [39, 190, 233], [37, 192, 231], [35, 195, 228], [34, 197, 226], [32, 199, 223], [31, 201, 221], [30, 203, 218], [28, 205, 216], [27, 208, 213], [26, 210, 210], [26, 212, 208], [25, 213, 205], [24, 215, 202], [24, 217, 200], [24, 219, 197], [24, 221, 194], [24, 222, 192], [24, 224, 189], [25, 226, 187], [25, 227, 185], [26, 228, 182], [28, 230, 180], [29, 231, 178], [31, 233, 175], [32, 234, 172], [34, 235, 170], [37, 236, 167], [39, 238, 164], [42, 239, 161], [44, 240, 158], [47, 241, 155], [50, 242, 152], [53, 243, 148], [56, 244, 145], [60, 245, 142], [63, 246, 138], [67, 247, 135], [70, 248, 132], [74, 248, 128], [78, 249, 125], [82, 250, 122], [85, 250, 118], [89, 251, 115], [93, 252, 111], [97, 252, 108], [101, 253, 105], [105, 253, 102], [109, 254, 98], [113, 254, 95], [117, 254, 92], [121, 254, 89], [125, 255, 86], [128, 255, 83], [132, 255, 81], [136, 255, 78], [139, 255, 75], [143, 255, 73], [146, 255, 71], [150, 254, 68], [153, 254, 66], [156, 254, 64], [159, 253, 63], [161, 253, 61], [164, 252, 60], [167, 252, 58], [169, 251, 57], [172, 251, 56], [175, 250, 55], [177, 249, 54], [180, 248, 54], [183, 247, 53], [185, 246, 53], [188, 245, 52], [190, 244, 52], [193, 243, 52], [195, 241, 52], [198, 240, 52], [200, 239, 52], [203, 237, 52], [205, 236, 52], [208, 234, 52], [210, 233, 53], [212, 231, 53], [215, 229, 53], [217, 228, 54], [219, 226, 54], [221, 224, 55], [223, 223, 55], [225, 221, 55], [227, 219, 56], [229, 217, 56], [231, 215, 57], [233, 213, 57], [235, 211, 57], [236, 209, 58], [238, 207, 58], [239, 205, 58], [241, 203, 58], [242, 201, 58], [244, 199, 58], [245, 197, 58], [246, 195, 58], [247, 193, 58], [248, 190, 57], [249, 188, 57], [250, 186, 57], [251, 184, 56], [251, 182, 55], [252, 179, 54], [252, 177, 54], [253, 174, 53], [253, 172, 52], [254, 169, 51], [254, 167, 50], [254, 164, 49], [254, 161, 48], [254, 158, 47], [254, 155, 45], [254, 153, 44], [254, 150, 43], [254, 147, 42], [254, 144, 41], [253, 141, 39], [253, 138, 38], [252, 135, 37], [252, 132, 35], [251, 129, 34], [251, 126, 33], [250, 123, 31], [249, 120, 30], [249, 117, 29], [248, 114, 28], [247, 111, 26], [246, 108, 25], [245, 105, 24], [244, 102, 23], [243, 99, 21], [242, 96, 20], [241, 93, 19], [240, 91, 18], [239, 88, 17], [237, 85, 16], [236, 83, 15], [235, 80, 14], [234, 78, 13], [232, 75, 12], [231, 73, 12], [229, 71, 11], [228, 69, 10], [226, 67, 10], [225, 65, 9], [223, 63, 8], [221, 61, 8], [220, 59, 7], [218, 57, 7], [216, 55, 6], [214, 53, 6], [212, 51, 5], [210, 49, 5], [208, 47, 5], [206, 45, 4], [204, 43, 4], [202, 42, 4], [200, 40, 3], [197, 38, 3], [195, 37, 3], [193, 35, 2], [190, 33, 2], [188, 32, 2], [185, 30, 2], [183, 29, 2], [180, 27, 1], [178, 26, 1], [175, 24, 1], [172, 23, 1], [169, 22, 1], [167, 20, 1], [164, 19, 1], [161, 18, 1], [158, 16, 1], [155, 15, 1], [152, 14, 1], [149, 13, 1], [146, 11, 1], [142, 10, 1], [139, 9, 2], [136, 8, 2], [133, 7, 2], [129, 6, 2], [126, 5, 2], [122, 4, 3]]
-var fosphor = [[6, 0, 13], [7, 0, 14], [7, 0, 15], [7, 0, 16], [7, 0, 17], [7, 0, 18], [7, 0, 18], [7, 0, 19], [7, 0, 20], [7, 0, 21], [7, 0, 22], [7, 0, 23], [7, 0, 24], [7, 0, 25], [7, 0, 26], [6, 0, 27], [6, 0, 28], [6, 0, 29], [5, 0, 30], [5, 0, 31], [5, 0, 32], [4, 0, 33], [4, 0, 34], [3, 0, 35], [3, 0, 36], [2, 0, 36], [2, 0, 37], [1, 0, 38], [0, 0, 39], [0, 0, 40], [0, 1, 41], [0, 2, 42], [0, 3, 43], [0, 4, 44], [0, 5, 45], [0, 5, 46], [0, 6, 47], [0, 7, 48], [0, 8, 49], [0, 9, 50], [0, 10, 51], [0, 12, 52], [0, 13, 53], [0, 14, 54], [0, 15, 55], [0, 16, 56], [0, 18, 56], [0, 19, 57], [0, 20, 58], [0, 22, 59], [0, 23, 60], [0, 24, 61], [0, 26, 62], [0, 27, 63], [0, 29, 64], [0, 31, 65], [0, 32, 66], [0, 34, 67], [0, 36, 68], [0, 37, 69], [0, 39, 70], [0, 41, 71], [0, 43, 72], [0, 44, 73], [0, 46, 74], [0, 48, 74], [0, 50, 75], [0, 52, 76], [0, 54, 77], [0, 56, 78], [0, 58, 79], [0, 60, 80], [0, 63, 81], [0, 65, 82], [0, 67, 83], [0, 69, 84], [0, 71, 85], [0, 74, 86], [0, 76, 87], [0, 79, 88], [0, 81, 89], [0, 83, 90], [0, 86, 91], [0, 88, 92], [0, 91, 93], [0, 94, 94], [0, 94, 93], [0, 95, 92], [0, 96, 91], [0, 97, 90], [0, 98, 90], [0, 99, 89], [0, 100, 88], [0, 101, 87], [0, 102, 86], [0, 103, 85], [0, 104, 84], [0, 105, 83], [0, 106, 82], [0, 107, 80], [0, 108, 79], [0, 109, 78], [0, 110, 77], [0, 111, 75], [0, 112, 74], [0, 112, 73], [0, 113, 71], [0, 114, 70], [0, 115, 69], [0, 116, 67], [0, 117, 66], [0, 118, 64], [0, 119, 62], [0, 120, 61], [0, 121, 59], [0, 122, 57], [0, 123, 56], [0, 124, 54], [0, 125, 52], [0, 126, 50], [0, 127, 48], [0, 128, 47], [0, 129, 45], [0, 130, 43], [0, 131, 41], [0, 132, 39], [0, 132, 37], [0, 133, 35], [0, 134, 32], [0, 135, 30], [0, 136, 28], [0, 137, 26], [0, 138, 24], [0, 139, 21], [0, 140, 19], [0, 141, 17], [0, 142, 14], [0, 143, 12], [0, 144, 9], [0, 145, 7], [0, 146, 4], [0, 147, 2], [1, 148, 0], [3, 149, 0], [6, 150, 0], [9, 150, 0], [12, 151, 0], [14, 152, 0], [17, 153, 0], [20, 154, 0], [23, 155, 0], [26, 156, 0], [29, 157, 0], [32, 158, 0], [35, 159, 0], [38, 160, 0], [41, 161, 0], [44, 162, 0], [47, 163, 0], [50, 164, 0], [53, 165, 0], [57, 166, 0], [60, 167, 0], [63, 168, 0], [66, 169, 0], [70, 170, 0], [73, 170, 0], [77, 171, 0], [80, 172, 0], [84, 173, 0], [87, 174, 0], [91, 175, 0], [94, 176, 0], [98, 177, 0], [102, 178, 0], [105, 179, 0], [109, 180, 0], [113, 181, 0], [117, 182, 0], [120, 183, 0], [124, 184, 0], [128, 185, 0], [132, 186, 0], [136, 187, 0], [140, 188, 0], [144, 188, 0], [148, 189, 0], [152, 190, 0], [156, 191, 0], [161, 192, 0], [165, 193, 0], [169, 194, 0], [173, 195, 0], [178, 196, 0], [182, 197, 0], [186, 198, 0], [191, 199, 0], [195, 200, 0], [200, 201, 0], [202, 199, 0], [203, 197, 0], [204, 194, 0], [205, 191, 0], [206, 189, 0], [207, 186, 0], [208, 183, 0], [208, 180, 0], [209, 177, 0], [210, 174, 0], [211, 172, 0], [212, 169, 0], [213, 166, 0], [214, 163, 0], [215, 159, 0], [216, 156, 0], [217, 153, 0], [218, 150, 0], [219, 147, 0], [220, 144, 0], [221, 140, 0], [222, 137, 0], [223, 134, 0], [224, 130, 0], [225, 127, 0], [226, 123, 0], [226, 120, 0], [227, 116, 0], [228, 113, 0], [229, 109, 0], [230, 106, 0], [231, 102, 0], [232, 98, 0], [233, 95, 0], [234, 91, 0], [235, 87, 0], [236, 83, 0], [237, 79, 0], [238, 76, 0], [239, 72, 0], [240, 68, 0], [241, 64, 0], [242, 60, 0], [243, 56, 0], [244, 52, 0], [245, 47, 0], [246, 43, 0], [246, 39, 0], [247, 35, 0], [248, 31, 0], [249, 26, 0], [250, 22, 0], [251, 18, 0], [252, 13, 0], [253, 9, 0], [254, 4, 0], [255, 0, 0]]
-var viridis = [[68, 1, 84], [68, 2, 86], [69, 4, 87], [69, 5, 89], [70, 7, 90], [70, 8, 92], [70, 10, 93], [70, 11, 94], [71, 13, 96], [71, 14, 97], [71, 16, 99], [71, 17, 100], [71, 19, 101], [72, 20, 103], [72, 22, 104], [72, 23, 105], [72, 24, 106], [72, 26, 108], [72, 27, 109], [72, 28, 110], [72, 29, 111], [72, 31, 112], [72, 32, 113], [72, 33, 115], [72, 35, 116], [72, 36, 117], [72, 37, 118], [72, 38, 119], [72, 40, 120], [72, 41, 121], [71, 42, 122], [71, 44, 122], [71, 45, 123], [71, 46, 124], [71, 47, 125], [70, 48, 126], [70, 50, 126], [70, 51, 127], [70, 52, 128], [69, 53, 129], [69, 55, 129], [69, 56, 130], [68, 57, 131], [68, 58, 131], [68, 59, 132], [67, 61, 132], [67, 62, 133], [66, 63, 133], [66, 64, 134], [66, 65, 134], [65, 66, 135], [65, 68, 135], [64, 69, 136], [64, 70, 136], [63, 71, 136], [63, 72, 137], [62, 73, 137], [62, 74, 137], [62, 76, 138], [61, 77, 138], [61, 78, 138], [60, 79, 138], [60, 80, 139], [59, 81, 139], [59, 82, 139], [58, 83, 139], [58, 84, 140], [57, 85, 140], [57, 86, 140], [56, 88, 140], [56, 89, 140], [55, 90, 140], [55, 91, 141], [54, 92, 141], [54, 93, 141], [53, 94, 141], [53, 95, 141], [52, 96, 141], [52, 97, 141], [51, 98, 141], [51, 99, 141], [50, 100, 142], [50, 101, 142], [49, 102, 142], [49, 103, 142], [49, 104, 142], [48, 105, 142], [48, 106, 142], [47, 107, 142], [47, 108, 142], [46, 109, 142], [46, 110, 142], [46, 111, 142], [45, 112, 142], [45, 113, 142], [44, 113, 142], [44, 114, 142], [44, 115, 142], [43, 116, 142], [43, 117, 142], [42, 118, 142], [42, 119, 142], [42, 120, 142], [41, 121, 142], [41, 122, 142], [41, 123, 142], [40, 124, 142], [40, 125, 142], [39, 126, 142], [39, 127, 142], [39, 128, 142], [38, 129, 142], [38, 130, 142], [38, 130, 142], [37, 131, 142], [37, 132, 142], [37, 133, 142], [36, 134, 142], [36, 135, 142], [35, 136, 142], [35, 137, 142], [35, 138, 141], [34, 139, 141], [34, 140, 141], [34, 141, 141], [33, 142, 141], [33, 143, 141], [33, 144, 141], [33, 145, 140], [32, 146, 140], [32, 146, 140], [32, 147, 140], [31, 148, 140], [31, 149, 139], [31, 150, 139], [31, 151, 139], [31, 152, 139], [31, 153, 138], [31, 154, 138], [30, 155, 138], [30, 156, 137], [30, 157, 137], [31, 158, 137], [31, 159, 136], [31, 160, 136], [31, 161, 136], [31, 161, 135], [31, 162, 135], [32, 163, 134], [32, 164, 134], [33, 165, 133], [33, 166, 133], [34, 167, 133], [34, 168, 132], [35, 169, 131], [36, 170, 131], [37, 171, 130], [37, 172, 130], [38, 173, 129], [39, 173, 129], [40, 174, 128], [41, 175, 127], [42, 176, 127], [44, 177, 126], [45, 178, 125], [46, 179, 124], [47, 180, 124], [49, 181, 123], [50, 182, 122], [52, 182, 121], [53, 183, 121], [55, 184, 120], [56, 185, 119], [58, 186, 118], [59, 187, 117], [61, 188, 116], [63, 188, 115], [64, 189, 114], [66, 190, 113], [68, 191, 112], [70, 192, 111], [72, 193, 110], [74, 193, 109], [76, 194, 108], [78, 195, 107], [80, 196, 106], [82, 197, 105], [84, 197, 104], [86, 198, 103], [88, 199, 101], [90, 200, 100], [92, 200, 99], [94, 201, 98], [96, 202, 96], [99, 203, 95], [101, 203, 94], [103, 204, 92], [105, 205, 91], [108, 205, 90], [110, 206, 88], [112, 207, 87], [115, 208, 86], [117, 208, 84], [119, 209, 83], [122, 209, 81], [124, 210, 80], [127, 211, 78], [129, 211, 77], [132, 212, 75], [134, 213, 73], [137, 213, 72], [139, 214, 70], [142, 214, 69], [144, 215, 67], [147, 215, 65], [149, 216, 64], [152, 216, 62], [155, 217, 60], [157, 217, 59], [160, 218, 57], [162, 218, 55], [165, 219, 54], [168, 219, 52], [170, 220, 50], [173, 220, 48], [176, 221, 47], [178, 221, 45], [181, 222, 43], [184, 222, 41], [186, 222, 40], [189, 223, 38], [192, 223, 37], [194, 223, 35], [197, 224, 33], [200, 224, 32], [202, 225, 31], [205, 225, 29], [208, 225, 28], [210, 226, 27], [213, 226, 26], [216, 226, 25], [218, 227, 25], [221, 227, 24], [223, 227, 24], [226, 228, 24], [229, 228, 25], [231, 228, 25], [234, 229, 26], [236, 229, 27], [239, 229, 28], [241, 229, 29], [244, 230, 30], [246, 230, 32], [248, 230, 33], [251, 231, 35], [253, 231, 37]]
-var inferno = [[0, 0, 4], [1, 0, 5], [1, 1, 6], [1, 1, 8], [2, 1, 10], [2, 2, 12], [2, 2, 14], [3, 2, 16], [4, 3, 18], [4, 3, 20], [5, 4, 23], [6, 4, 25], [7, 5, 27], [8, 5, 29], [9, 6, 31], [10, 7, 34], [11, 7, 36], [12, 8, 38], [13, 8, 41], [14, 9, 43], [16, 9, 45], [17, 10, 48], [18, 10, 50], [20, 11, 52], [21, 11, 55], [22, 11, 57], [24, 12, 60], [25, 12, 62], [27, 12, 65], [28, 12, 67], [30, 12, 69], [31, 12, 72], [33, 12, 74], [35, 12, 76], [36, 12, 79], [38, 12, 81], [40, 11, 83], [41, 11, 85], [43, 11, 87], [45, 11, 89], [47, 10, 91], [49, 10, 92], [50, 10, 94], [52, 10, 95], [54, 9, 97], [56, 9, 98], [57, 9, 99], [59, 9, 100], [61, 9, 101], [62, 9, 102], [64, 10, 103], [66, 10, 104], [68, 10, 104], [69, 10, 105], [71, 11, 106], [73, 11, 106], [74, 12, 107], [76, 12, 107], [77, 13, 108], [79, 13, 108], [81, 14, 108], [82, 14, 109], [84, 15, 109], [85, 15, 109], [87, 16, 110], [89, 16, 110], [90, 17, 110], [92, 18, 110], [93, 18, 110], [95, 19, 110], [97, 19, 110], [98, 20, 110], [100, 21, 110], [101, 21, 110], [103, 22, 110], [105, 22, 110], [106, 23, 110], [108, 24, 110], [109, 24, 110], [111, 25, 110], [113, 25, 110], [114, 26, 110], [116, 26, 110], [117, 27, 110], [119, 28, 109], [120, 28, 109], [122, 29, 109], [124, 29, 109], [125, 30, 109], [127, 30, 108], [128, 31, 108], [130, 32, 108], [132, 32, 107], [133, 33, 107], [135, 33, 107], [136, 34, 106], [138, 34, 106], [140, 35, 105], [141, 35, 105], [143, 36, 105], [144, 37, 104], [146, 37, 104], [147, 38, 103], [149, 38, 103], [151, 39, 102], [152, 39, 102], [154, 40, 101], [155, 41, 100], [157, 41, 100], [159, 42, 99], [160, 42, 99], [162, 43, 98], [163, 44, 97], [165, 44, 96], [166, 45, 96], [168, 46, 95], [169, 46, 94], [171, 47, 94], [173, 48, 93], [174, 48, 92], [176, 49, 91], [177, 50, 90], [179, 50, 90], [180, 51, 89], [182, 52, 88], [183, 53, 87], [185, 53, 86], [186, 54, 85], [188, 55, 84], [189, 56, 83], [191, 57, 82], [192, 58, 81], [193, 58, 80], [195, 59, 79], [196, 60, 78], [198, 61, 77], [199, 62, 76], [200, 63, 75], [202, 64, 74], [203, 65, 73], [204, 66, 72], [206, 67, 71], [207, 68, 70], [208, 69, 69], [210, 70, 68], [211, 71, 67], [212, 72, 66], [213, 74, 65], [215, 75, 63], [216, 76, 62], [217, 77, 61], [218, 78, 60], [219, 80, 59], [221, 81, 58], [222, 82, 56], [223, 83, 55], [224, 85, 54], [225, 86, 53], [226, 87, 52], [227, 89, 51], [228, 90, 49], [229, 92, 48], [230, 93, 47], [231, 94, 46], [232, 96, 45], [233, 97, 43], [234, 99, 42], [235, 100, 41], [235, 102, 40], [236, 103, 38], [237, 105, 37], [238, 106, 36], [239, 108, 35], [239, 110, 33], [240, 111, 32], [241, 113, 31], [241, 115, 29], [242, 116, 28], [243, 118, 27], [243, 120, 25], [244, 121, 24], [245, 123, 23], [245, 125, 21], [246, 126, 20], [246, 128, 19], [247, 130, 18], [247, 132, 16], [248, 133, 15], [248, 135, 14], [248, 137, 12], [249, 139, 11], [249, 140, 10], [249, 142, 9], [250, 144, 8], [250, 146, 7], [250, 148, 7], [251, 150, 6], [251, 151, 6], [251, 153, 6], [251, 155, 6], [251, 157, 7], [252, 159, 7], [252, 161, 8], [252, 163, 9], [252, 165, 10], [252, 166, 12], [252, 168, 13], [252, 170, 15], [252, 172, 17], [252, 174, 18], [252, 176, 20], [252, 178, 22], [252, 180, 24], [251, 182, 26], [251, 184, 29], [251, 186, 31], [251, 188, 33], [251, 190, 35], [250, 192, 38], [250, 194, 40], [250, 196, 42], [250, 198, 45], [249, 199, 47], [249, 201, 50], [249, 203, 53], [248, 205, 55], [248, 207, 58], [247, 209, 61], [247, 211, 64], [246, 213, 67], [246, 215, 70], [245, 217, 73], [245, 219, 76], [244, 221, 79], [244, 223, 83], [244, 225, 86], [243, 227, 90], [243, 229, 93], [242, 230, 97], [242, 232, 101], [242, 234, 105], [241, 236, 109], [241, 237, 113], [241, 239, 117], [241, 241, 121], [242, 242, 125], [242, 244, 130], [243, 245, 134], [243, 246, 138], [244, 248, 142], [245, 249, 146], [246, 250, 150], [248, 251, 154], [249, 252, 157], [250, 253, 161], [252, 255, 164]]
-var magma = [[0, 0, 4], [1, 0, 5], [1, 1, 6], [1, 1, 8], [2, 1, 9], [2, 2, 11], [2, 2, 13], [3, 3, 15], [3, 3, 18], [4, 4, 20], [5, 4, 22], [6, 5, 24], [6, 5, 26], [7, 6, 28], [8, 7, 30], [9, 7, 32], [10, 8, 34], [11, 9, 36], [12, 9, 38], [13, 10, 41], [14, 11, 43], [16, 11, 45], [17, 12, 47], [18, 13, 49], [19, 13, 52], [20, 14, 54], [21, 14, 56], [22, 15, 59], [24, 15, 61], [25, 16, 63], [26, 16, 66], [28, 16, 68], [29, 17, 71], [30, 17, 73], [32, 17, 75], [33, 17, 78], [34, 17, 80], [36, 18, 83], [37, 18, 85], [39, 18, 88], [41, 17, 90], [42, 17, 92], [44, 17, 95], [45, 17, 97], [47, 17, 99], [49, 17, 101], [51, 16, 103], [52, 16, 105], [54, 16, 107], [56, 16, 108], [57, 15, 110], [59, 15, 112], [61, 15, 113], [63, 15, 114], [64, 15, 116], [66, 15, 117], [68, 15, 118], [69, 16, 119], [71, 16, 120], [73, 16, 120], [74, 16, 121], [76, 17, 122], [78, 17, 123], [79, 18, 123], [81, 18, 124], [82, 19, 124], [84, 19, 125], [86, 20, 125], [87, 21, 126], [89, 21, 126], [90, 22, 126], [92, 22, 127], [93, 23, 127], [95, 24, 127], [96, 24, 128], [98, 25, 128], [100, 26, 128], [101, 26, 128], [103, 27, 128], [104, 28, 129], [106, 28, 129], [107, 29, 129], [109, 29, 129], [110, 30, 129], [112, 31, 129], [114, 31, 129], [115, 32, 129], [117, 33, 129], [118, 33, 129], [120, 34, 129], [121, 34, 130], [123, 35, 130], [124, 35, 130], [126, 36, 130], [128, 37, 130], [129, 37, 129], [131, 38, 129], [132, 38, 129], [134, 39, 129], [136, 39, 129], [137, 40, 129], [139, 41, 129], [140, 41, 129], [142, 42, 129], [144, 42, 129], [145, 43, 129], [147, 43, 128], [148, 44, 128], [150, 44, 128], [152, 45, 128], [153, 45, 128], [155, 46, 127], [156, 46, 127], [158, 47, 127], [160, 47, 127], [161, 48, 126], [163, 48, 126], [165, 49, 126], [166, 49, 125], [168, 50, 125], [170, 51, 125], [171, 51, 124], [173, 52, 124], [174, 52, 123], [176, 53, 123], [178, 53, 123], [179, 54, 122], [181, 54, 122], [183, 55, 121], [184, 55, 121], [186, 56, 120], [188, 57, 120], [189, 57, 119], [191, 58, 119], [192, 58, 118], [194, 59, 117], [196, 60, 117], [197, 60, 116], [199, 61, 115], [200, 62, 115], [202, 62, 114], [204, 63, 113], [205, 64, 113], [207, 64, 112], [208, 65, 111], [210, 66, 111], [211, 67, 110], [213, 68, 109], [214, 69, 108], [216, 69, 108], [217, 70, 107], [219, 71, 106], [220, 72, 105], [222, 73, 104], [223, 74, 104], [224, 76, 103], [226, 77, 102], [227, 78, 101], [228, 79, 100], [229, 80, 100], [231, 82, 99], [232, 83, 98], [233, 84, 98], [234, 86, 97], [235, 87, 96], [236, 88, 96], [237, 90, 95], [238, 91, 94], [239, 93, 94], [240, 95, 94], [241, 96, 93], [242, 98, 93], [242, 100, 92], [243, 101, 92], [244, 103, 92], [244, 105, 92], [245, 107, 92], [246, 108, 92], [246, 110, 92], [247, 112, 92], [247, 114, 92], [248, 116, 92], [248, 118, 92], [249, 120, 93], [249, 121, 93], [249, 123, 93], [250, 125, 94], [250, 127, 94], [250, 129, 95], [251, 131, 95], [251, 133, 96], [251, 135, 97], [252, 137, 97], [252, 138, 98], [252, 140, 99], [252, 142, 100], [252, 144, 101], [253, 146, 102], [253, 148, 103], [253, 150, 104], [253, 152, 105], [253, 154, 106], [253, 155, 107], [254, 157, 108], [254, 159, 109], [254, 161, 110], [254, 163, 111], [254, 165, 113], [254, 167, 114], [254, 169, 115], [254, 170, 116], [254, 172, 118], [254, 174, 119], [254, 176, 120], [254, 178, 122], [254, 180, 123], [254, 182, 124], [254, 183, 126], [254, 185, 127], [254, 187, 129], [254, 189, 130], [254, 191, 132], [254, 193, 133], [254, 194, 135], [254, 196, 136], [254, 198, 138], [254, 200, 140], [254, 202, 141], [254, 204, 143], [254, 205, 144], [254, 207, 146], [254, 209, 148], [254, 211, 149], [254, 213, 151], [254, 215, 153], [254, 216, 154], [253, 218, 156], [253, 220, 158], [253, 222, 160], [253, 224, 161], [253, 226, 163], [253, 227, 165], [253, 229, 167], [253, 231, 169], [253, 233, 170], [253, 235, 172], [252, 236, 174], [252, 238, 176], [252, 240, 178], [252, 242, 180], [252, 244, 182], [252, 246, 184], [252, 247, 185], [252, 249, 187], [252, 251, 189], [252, 253, 191]]
-var jet = [[0, 0, 128], [0, 0, 132], [0, 0, 137], [0, 0, 141], [0, 0, 146], [0, 0, 150], [0, 0, 155], [0, 0, 159], [0, 0, 164], [0, 0, 168], [0, 0, 173], [0, 0, 178], [0, 0, 182], [0, 0, 187], [0, 0, 191], [0, 0, 196], [0, 0, 200], [0, 0, 205], [0, 0, 209], [0, 0, 214], [0, 0, 218], [0, 0, 223], [0, 0, 227], [0, 0, 232], [0, 0, 237], [0, 0, 241], [0, 0, 246], [0, 0, 250], [0, 0, 255], [0, 0, 255], [0, 0, 255], [0, 0, 255], [0, 0, 255], [0, 4, 255], [0, 8, 255], [0, 12, 255], [0, 16, 255], [0, 20, 255], [0, 24, 255], [0, 28, 255], [0, 32, 255], [0, 36, 255], [0, 40, 255], [0, 44, 255], [0, 48, 255], [0, 52, 255], [0, 56, 255], [0, 60, 255], [0, 64, 255], [0, 68, 255], [0, 72, 255], [0, 76, 255], [0, 80, 255], [0, 84, 255], [0, 88, 255], [0, 92, 255], [0, 96, 255], [0, 100, 255], [0, 104, 255], [0, 108, 255], [0, 112, 255], [0, 116, 255], [0, 120, 255], [0, 124, 255], [0, 128, 255], [0, 132, 255], [0, 136, 255], [0, 140, 255], [0, 144, 255], [0, 148, 255], [0, 152, 255], [0, 156, 255], [0, 160, 255], [0, 164, 255], [0, 168, 255], [0, 172, 255], [0, 176, 255], [0, 180, 255], [0, 184, 255], [0, 188, 255], [0, 192, 255], [0, 196, 255], [0, 200, 255], [0, 204, 255], [0, 208, 255], [0, 212, 255], [0, 216, 255], [0, 220, 254], [0, 224, 251], [0, 228, 248], [2, 232, 244], [6, 236, 241], [9, 240, 238], [12, 244, 235], [15, 248, 231], [19, 252, 228], [22, 255, 225], [25, 255, 222], [28, 255, 219], [31, 255, 215], [35, 255, 212], [38, 255, 209], [41, 255, 206], [44, 255, 202], [48, 255, 199], [51, 255, 196], [54, 255, 193], [57, 255, 190], [60, 255, 186], [64, 255, 183], [67, 255, 180], [70, 255, 177], [73, 255, 173], [77, 255, 170], [80, 255, 167], [83, 255, 164], [86, 255, 160], [90, 255, 157], [93, 255, 154], [96, 255, 151], [99, 255, 148], [102, 255, 144], [106, 255, 141], [109, 255, 138], [112, 255, 135], [115, 255, 131], [119, 255, 128], [122, 255, 125], [125, 255, 122], [128, 255, 119], [131, 255, 115], [135, 255, 112], [138, 255, 109], [141, 255, 106], [144, 255, 102], [148, 255, 99], [151, 255, 96], [154, 255, 93], [157, 255, 90], [160, 255, 86], [164, 255, 83], [167, 255, 80], [170, 255, 77], [173, 255, 73], [177, 255, 70], [180, 255, 67], [183, 255, 64], [186, 255, 60], [190, 255, 57], [193, 255, 54], [196, 255, 51], [199, 255, 48], [202, 255, 44], [206, 255, 41], [209, 255, 38], [212, 255, 35], [215, 255, 31], [219, 255, 28], [222, 255, 25], [225, 255, 22], [228, 255, 19], [231, 255, 15], [235, 255, 12], [238, 255, 9], [241, 252, 6], [244, 248, 2], [248, 245, 0], [251, 241, 0], [254, 237, 0], [255, 234, 0], [255, 230, 0], [255, 226, 0], [255, 222, 0], [255, 219, 0], [255, 215, 0], [255, 211, 0], [255, 208, 0], [255, 204, 0], [255, 200, 0], [255, 196, 0], [255, 193, 0], [255, 189, 0], [255, 185, 0], [255, 182, 0], [255, 178, 0], [255, 174, 0], [255, 171, 0], [255, 167, 0], [255, 163, 0], [255, 159, 0], [255, 156, 0], [255, 152, 0], [255, 148, 0], [255, 145, 0], [255, 141, 0], [255, 137, 0], [255, 134, 0], [255, 130, 0], [255, 126, 0], [255, 122, 0], [255, 119, 0], [255, 115, 0], [255, 111, 0], [255, 108, 0], [255, 104, 0], [255, 100, 0], [255, 96, 0], [255, 93, 0], [255, 89, 0], [255, 85, 0], [255, 82, 0], [255, 78, 0], [255, 74, 0], [255, 71, 0], [255, 67, 0], [255, 63, 0], [255, 59, 0], [255, 56, 0], [255, 52, 0], [255, 48, 0], [255, 45, 0], [255, 41, 0], [255, 37, 0], [255, 34, 0], [255, 30, 0], [255, 26, 0], [255, 22, 0], [255, 19, 0], [250, 15, 0], [246, 11, 0], [241, 8, 0], [237, 4, 0], [232, 0, 0], [228, 0, 0], [223, 0, 0], [218, 0, 0], [214, 0, 0], [209, 0, 0], [205, 0, 0], [200, 0, 0], [196, 0, 0], [191, 0, 0], [187, 0, 0], [182, 0, 0], [178, 0, 0], [173, 0, 0], [168, 0, 0], [164, 0, 0], [159, 0, 0], [155, 0, 0], [150, 0, 0], [146, 0, 0], [141, 0, 0], [137, 0, 0], [132, 0, 0], [128, 0, 0]]
-var binary = [[255, 255, 255], [254, 254, 254], [253, 253, 253], [252, 252, 252], [251, 251, 251], [250, 250, 250], [249, 249, 249], [248, 248, 248], [247, 247, 247], [246, 246, 246], [245, 245, 245], [244, 244, 244], [243, 243, 243], [242, 242, 242], [241, 241, 241], [240, 240, 240], [239, 239, 239], [238, 238, 238], [237, 237, 237], [236, 236, 236], [235, 235, 235], [234, 234, 234], [233, 233, 233], [232, 232, 232], [231, 231, 231], [230, 230, 230], [229, 229, 229], [228, 228, 228], [227, 227, 227], [226, 226, 226], [225, 225, 225], [224, 224, 224], [223, 223, 223], [222, 222, 222], [221, 221, 221], [220, 220, 220], [219, 219, 219], [218, 218, 218], [217, 217, 217], [216, 216, 216], [215, 215, 215], [214, 214, 214], [213, 213, 213], [212, 212, 212], [211, 211, 211], [210, 210, 210], [209, 209, 209], [208, 208, 208], [207, 207, 207], [206, 206, 206], [205, 205, 205], [204, 204, 204], [203, 203, 203], [202, 202, 202], [201, 201, 201], [200, 200, 200], [199, 199, 199], [198, 198, 198], [197, 197, 197], [196, 196, 196], [195, 195, 195], [194, 194, 194], [193, 193, 193], [192, 192, 192], [191, 191, 191], [190, 190, 190], [189, 189, 189], [188, 188, 188], [187, 187, 187], [186, 186, 186], [185, 185, 185], [184, 184, 184], [183, 183, 183], [182, 182, 182], [181, 181, 181], [180, 180, 180], [179, 179, 179], [178, 178, 178], [177, 177, 177], [176, 176, 176], [175, 175, 175], [174, 174, 174], [173, 173, 173], [172, 172, 172], [171, 171, 171], [170, 170, 170], [169, 169, 169], [168, 168, 168], [167, 167, 167], [166, 166, 166], [165, 165, 165], [164, 164, 164], [163, 163, 163], [162, 162, 162], [161, 161, 161], [160, 160, 160], [159, 159, 159], [158, 158, 158], [157, 157, 157], [156, 156, 156], [155, 155, 155], [154, 154, 154], [153, 153, 153], [152, 152, 152], [151, 151, 151], [150, 150, 150], [149, 149, 149], [148, 148, 148], [147, 147, 147], [146, 146, 146], [145, 145, 145], [144, 144, 144], [143, 143, 143], [142, 142, 142], [141, 141, 141], [140, 140, 140], [139, 139, 139], [138, 138, 138], [137, 137, 137], [136, 136, 136], [135, 135, 135], [134, 134, 134], [133, 133, 133], [132, 132, 132], [131, 131, 131], [130, 130, 130], [129, 129, 129], [128, 128, 128], [127, 127, 127], [126, 126, 126], [125, 125, 125], [124, 124, 124], [123, 123, 123], [122, 122, 122], [121, 121, 121], [120, 120, 120], [119, 119, 119], [118, 118, 118], [117, 117, 117], [116, 116, 116], [115, 115, 115], [114, 114, 114], [113, 113, 113], [112, 112, 112], [111, 111, 111], [110, 110, 110], [109, 109, 109], [108, 108, 108], [107, 107, 107], [106, 106, 106], [105, 105, 105], [104, 104, 104], [103, 103, 103], [102, 102, 102], [101, 101, 101], [100, 100, 100], [99, 99, 99], [98, 98, 98], [97, 97, 97], [96, 96, 96], [95, 95, 95], [94, 94, 94], [93, 93, 93], [92, 92, 92], [91, 91, 91], [90, 90, 90], [89, 89, 89], [88, 88, 88], [87, 87, 87], [86, 86, 86], [85, 85, 85], [84, 84, 84], [83, 83, 83], [82, 82, 82], [81, 81, 81], [80, 80, 80], [79, 79, 79], [78, 78, 78], [77, 77, 77], [76, 76, 76], [75, 75, 75], [74, 74, 74], [73, 73, 73], [72, 72, 72], [71, 71, 71], [70, 70, 70], [69, 69, 69], [68, 68, 68], [67, 67, 67], [66, 66, 66], [65, 65, 65], [64, 64, 64], [63, 63, 63], [62, 62, 62], [61, 61, 61], [60, 60, 60], [59, 59, 59], [58, 58, 58], [57, 57, 57], [56, 56, 56], [55, 55, 55], [54, 54, 54], [53, 53, 53], [52, 52, 52], [51, 51, 51], [50, 50, 50], [49, 49, 49], [48, 48, 48], [47, 47, 47], [46, 46, 46], [45, 45, 45], [44, 44, 44], [43, 43, 43], [42, 42, 42], [41, 41, 41], [40, 40, 40], [39, 39, 39], [38, 38, 38], [37, 37, 37], [36, 36, 36], [35, 35, 35], [34, 34, 34], [33, 33, 33], [32, 32, 32], [31, 31, 31], [30, 30, 30], [29, 29, 29], [28, 28, 28], [27, 27, 27], [26, 26, 26], [25, 25, 25], [24, 24, 24], [23, 23, 23], [22, 22, 22], [21, 21, 21], [20, 20, 20], [19, 19, 19], [18, 18, 18], [17, 17, 17], [16, 16, 16], [15, 15, 15], [14, 14, 14], [13, 13, 13], [12, 12, 12], [11, 11, 11], [10, 10, 10], [9, 9, 9], [8, 8, 8], [7, 7, 7], [6, 6, 6], [5, 5, 5], [4, 4, 4], [3, 3, 3], [2, 2, 2], [1, 1, 1], [0, 0, 0]]
+var turbo = [
+  [48, 18, 59],
+  [50, 21, 67],
+  [51, 24, 74],
+  [52, 27, 81],
+  [53, 30, 88],
+  [54, 33, 95],
+  [55, 36, 102],
+  [56, 39, 109],
+  [57, 42, 115],
+  [58, 45, 121],
+  [59, 47, 128],
+  [60, 50, 134],
+  [61, 53, 139],
+  [62, 56, 145],
+  [63, 59, 151],
+  [63, 62, 156],
+  [64, 64, 162],
+  [65, 67, 167],
+  [65, 70, 172],
+  [66, 73, 177],
+  [66, 75, 181],
+  [67, 78, 186],
+  [68, 81, 191],
+  [68, 84, 195],
+  [68, 86, 199],
+  [69, 89, 203],
+  [69, 92, 207],
+  [69, 94, 211],
+  [70, 97, 214],
+  [70, 100, 218],
+  [70, 102, 221],
+  [70, 105, 224],
+  [70, 107, 227],
+  [71, 110, 230],
+  [71, 113, 233],
+  [71, 115, 235],
+  [71, 118, 238],
+  [71, 120, 240],
+  [71, 123, 242],
+  [70, 125, 244],
+  [70, 128, 246],
+  [70, 130, 248],
+  [70, 133, 250],
+  [70, 135, 251],
+  [69, 138, 252],
+  [69, 140, 253],
+  [68, 143, 254],
+  [67, 145, 254],
+  [66, 148, 255],
+  [65, 150, 255],
+  [64, 153, 255],
+  [62, 155, 254],
+  [61, 158, 254],
+  [59, 160, 253],
+  [58, 163, 252],
+  [56, 165, 251],
+  [55, 168, 250],
+  [53, 171, 248],
+  [51, 173, 247],
+  [49, 175, 245],
+  [47, 178, 244],
+  [46, 180, 242],
+  [44, 183, 240],
+  [42, 185, 238],
+  [40, 188, 235],
+  [39, 190, 233],
+  [37, 192, 231],
+  [35, 195, 228],
+  [34, 197, 226],
+  [32, 199, 223],
+  [31, 201, 221],
+  [30, 203, 218],
+  [28, 205, 216],
+  [27, 208, 213],
+  [26, 210, 210],
+  [26, 212, 208],
+  [25, 213, 205],
+  [24, 215, 202],
+  [24, 217, 200],
+  [24, 219, 197],
+  [24, 221, 194],
+  [24, 222, 192],
+  [24, 224, 189],
+  [25, 226, 187],
+  [25, 227, 185],
+  [26, 228, 182],
+  [28, 230, 180],
+  [29, 231, 178],
+  [31, 233, 175],
+  [32, 234, 172],
+  [34, 235, 170],
+  [37, 236, 167],
+  [39, 238, 164],
+  [42, 239, 161],
+  [44, 240, 158],
+  [47, 241, 155],
+  [50, 242, 152],
+  [53, 243, 148],
+  [56, 244, 145],
+  [60, 245, 142],
+  [63, 246, 138],
+  [67, 247, 135],
+  [70, 248, 132],
+  [74, 248, 128],
+  [78, 249, 125],
+  [82, 250, 122],
+  [85, 250, 118],
+  [89, 251, 115],
+  [93, 252, 111],
+  [97, 252, 108],
+  [101, 253, 105],
+  [105, 253, 102],
+  [109, 254, 98],
+  [113, 254, 95],
+  [117, 254, 92],
+  [121, 254, 89],
+  [125, 255, 86],
+  [128, 255, 83],
+  [132, 255, 81],
+  [136, 255, 78],
+  [139, 255, 75],
+  [143, 255, 73],
+  [146, 255, 71],
+  [150, 254, 68],
+  [153, 254, 66],
+  [156, 254, 64],
+  [159, 253, 63],
+  [161, 253, 61],
+  [164, 252, 60],
+  [167, 252, 58],
+  [169, 251, 57],
+  [172, 251, 56],
+  [175, 250, 55],
+  [177, 249, 54],
+  [180, 248, 54],
+  [183, 247, 53],
+  [185, 246, 53],
+  [188, 245, 52],
+  [190, 244, 52],
+  [193, 243, 52],
+  [195, 241, 52],
+  [198, 240, 52],
+  [200, 239, 52],
+  [203, 237, 52],
+  [205, 236, 52],
+  [208, 234, 52],
+  [210, 233, 53],
+  [212, 231, 53],
+  [215, 229, 53],
+  [217, 228, 54],
+  [219, 226, 54],
+  [221, 224, 55],
+  [223, 223, 55],
+  [225, 221, 55],
+  [227, 219, 56],
+  [229, 217, 56],
+  [231, 215, 57],
+  [233, 213, 57],
+  [235, 211, 57],
+  [236, 209, 58],
+  [238, 207, 58],
+  [239, 205, 58],
+  [241, 203, 58],
+  [242, 201, 58],
+  [244, 199, 58],
+  [245, 197, 58],
+  [246, 195, 58],
+  [247, 193, 58],
+  [248, 190, 57],
+  [249, 188, 57],
+  [250, 186, 57],
+  [251, 184, 56],
+  [251, 182, 55],
+  [252, 179, 54],
+  [252, 177, 54],
+  [253, 174, 53],
+  [253, 172, 52],
+  [254, 169, 51],
+  [254, 167, 50],
+  [254, 164, 49],
+  [254, 161, 48],
+  [254, 158, 47],
+  [254, 155, 45],
+  [254, 153, 44],
+  [254, 150, 43],
+  [254, 147, 42],
+  [254, 144, 41],
+  [253, 141, 39],
+  [253, 138, 38],
+  [252, 135, 37],
+  [252, 132, 35],
+  [251, 129, 34],
+  [251, 126, 33],
+  [250, 123, 31],
+  [249, 120, 30],
+  [249, 117, 29],
+  [248, 114, 28],
+  [247, 111, 26],
+  [246, 108, 25],
+  [245, 105, 24],
+  [244, 102, 23],
+  [243, 99, 21],
+  [242, 96, 20],
+  [241, 93, 19],
+  [240, 91, 18],
+  [239, 88, 17],
+  [237, 85, 16],
+  [236, 83, 15],
+  [235, 80, 14],
+  [234, 78, 13],
+  [232, 75, 12],
+  [231, 73, 12],
+  [229, 71, 11],
+  [228, 69, 10],
+  [226, 67, 10],
+  [225, 65, 9],
+  [223, 63, 8],
+  [221, 61, 8],
+  [220, 59, 7],
+  [218, 57, 7],
+  [216, 55, 6],
+  [214, 53, 6],
+  [212, 51, 5],
+  [210, 49, 5],
+  [208, 47, 5],
+  [206, 45, 4],
+  [204, 43, 4],
+  [202, 42, 4],
+  [200, 40, 3],
+  [197, 38, 3],
+  [195, 37, 3],
+  [193, 35, 2],
+  [190, 33, 2],
+  [188, 32, 2],
+  [185, 30, 2],
+  [183, 29, 2],
+  [180, 27, 1],
+  [178, 26, 1],
+  [175, 24, 1],
+  [172, 23, 1],
+  [169, 22, 1],
+  [167, 20, 1],
+  [164, 19, 1],
+  [161, 18, 1],
+  [158, 16, 1],
+  [155, 15, 1],
+  [152, 14, 1],
+  [149, 13, 1],
+  [146, 11, 1],
+  [142, 10, 1],
+  [139, 9, 2],
+  [136, 8, 2],
+  [133, 7, 2],
+  [129, 6, 2],
+  [126, 5, 2],
+  [122, 4, 3],
+];
+var fosphor = [
+  [6, 0, 13],
+  [7, 0, 14],
+  [7, 0, 15],
+  [7, 0, 16],
+  [7, 0, 17],
+  [7, 0, 18],
+  [7, 0, 18],
+  [7, 0, 19],
+  [7, 0, 20],
+  [7, 0, 21],
+  [7, 0, 22],
+  [7, 0, 23],
+  [7, 0, 24],
+  [7, 0, 25],
+  [7, 0, 26],
+  [6, 0, 27],
+  [6, 0, 28],
+  [6, 0, 29],
+  [5, 0, 30],
+  [5, 0, 31],
+  [5, 0, 32],
+  [4, 0, 33],
+  [4, 0, 34],
+  [3, 0, 35],
+  [3, 0, 36],
+  [2, 0, 36],
+  [2, 0, 37],
+  [1, 0, 38],
+  [0, 0, 39],
+  [0, 0, 40],
+  [0, 1, 41],
+  [0, 2, 42],
+  [0, 3, 43],
+  [0, 4, 44],
+  [0, 5, 45],
+  [0, 5, 46],
+  [0, 6, 47],
+  [0, 7, 48],
+  [0, 8, 49],
+  [0, 9, 50],
+  [0, 10, 51],
+  [0, 12, 52],
+  [0, 13, 53],
+  [0, 14, 54],
+  [0, 15, 55],
+  [0, 16, 56],
+  [0, 18, 56],
+  [0, 19, 57],
+  [0, 20, 58],
+  [0, 22, 59],
+  [0, 23, 60],
+  [0, 24, 61],
+  [0, 26, 62],
+  [0, 27, 63],
+  [0, 29, 64],
+  [0, 31, 65],
+  [0, 32, 66],
+  [0, 34, 67],
+  [0, 36, 68],
+  [0, 37, 69],
+  [0, 39, 70],
+  [0, 41, 71],
+  [0, 43, 72],
+  [0, 44, 73],
+  [0, 46, 74],
+  [0, 48, 74],
+  [0, 50, 75],
+  [0, 52, 76],
+  [0, 54, 77],
+  [0, 56, 78],
+  [0, 58, 79],
+  [0, 60, 80],
+  [0, 63, 81],
+  [0, 65, 82],
+  [0, 67, 83],
+  [0, 69, 84],
+  [0, 71, 85],
+  [0, 74, 86],
+  [0, 76, 87],
+  [0, 79, 88],
+  [0, 81, 89],
+  [0, 83, 90],
+  [0, 86, 91],
+  [0, 88, 92],
+  [0, 91, 93],
+  [0, 94, 94],
+  [0, 94, 93],
+  [0, 95, 92],
+  [0, 96, 91],
+  [0, 97, 90],
+  [0, 98, 90],
+  [0, 99, 89],
+  [0, 100, 88],
+  [0, 101, 87],
+  [0, 102, 86],
+  [0, 103, 85],
+  [0, 104, 84],
+  [0, 105, 83],
+  [0, 106, 82],
+  [0, 107, 80],
+  [0, 108, 79],
+  [0, 109, 78],
+  [0, 110, 77],
+  [0, 111, 75],
+  [0, 112, 74],
+  [0, 112, 73],
+  [0, 113, 71],
+  [0, 114, 70],
+  [0, 115, 69],
+  [0, 116, 67],
+  [0, 117, 66],
+  [0, 118, 64],
+  [0, 119, 62],
+  [0, 120, 61],
+  [0, 121, 59],
+  [0, 122, 57],
+  [0, 123, 56],
+  [0, 124, 54],
+  [0, 125, 52],
+  [0, 126, 50],
+  [0, 127, 48],
+  [0, 128, 47],
+  [0, 129, 45],
+  [0, 130, 43],
+  [0, 131, 41],
+  [0, 132, 39],
+  [0, 132, 37],
+  [0, 133, 35],
+  [0, 134, 32],
+  [0, 135, 30],
+  [0, 136, 28],
+  [0, 137, 26],
+  [0, 138, 24],
+  [0, 139, 21],
+  [0, 140, 19],
+  [0, 141, 17],
+  [0, 142, 14],
+  [0, 143, 12],
+  [0, 144, 9],
+  [0, 145, 7],
+  [0, 146, 4],
+  [0, 147, 2],
+  [1, 148, 0],
+  [3, 149, 0],
+  [6, 150, 0],
+  [9, 150, 0],
+  [12, 151, 0],
+  [14, 152, 0],
+  [17, 153, 0],
+  [20, 154, 0],
+  [23, 155, 0],
+  [26, 156, 0],
+  [29, 157, 0],
+  [32, 158, 0],
+  [35, 159, 0],
+  [38, 160, 0],
+  [41, 161, 0],
+  [44, 162, 0],
+  [47, 163, 0],
+  [50, 164, 0],
+  [53, 165, 0],
+  [57, 166, 0],
+  [60, 167, 0],
+  [63, 168, 0],
+  [66, 169, 0],
+  [70, 170, 0],
+  [73, 170, 0],
+  [77, 171, 0],
+  [80, 172, 0],
+  [84, 173, 0],
+  [87, 174, 0],
+  [91, 175, 0],
+  [94, 176, 0],
+  [98, 177, 0],
+  [102, 178, 0],
+  [105, 179, 0],
+  [109, 180, 0],
+  [113, 181, 0],
+  [117, 182, 0],
+  [120, 183, 0],
+  [124, 184, 0],
+  [128, 185, 0],
+  [132, 186, 0],
+  [136, 187, 0],
+  [140, 188, 0],
+  [144, 188, 0],
+  [148, 189, 0],
+  [152, 190, 0],
+  [156, 191, 0],
+  [161, 192, 0],
+  [165, 193, 0],
+  [169, 194, 0],
+  [173, 195, 0],
+  [178, 196, 0],
+  [182, 197, 0],
+  [186, 198, 0],
+  [191, 199, 0],
+  [195, 200, 0],
+  [200, 201, 0],
+  [202, 199, 0],
+  [203, 197, 0],
+  [204, 194, 0],
+  [205, 191, 0],
+  [206, 189, 0],
+  [207, 186, 0],
+  [208, 183, 0],
+  [208, 180, 0],
+  [209, 177, 0],
+  [210, 174, 0],
+  [211, 172, 0],
+  [212, 169, 0],
+  [213, 166, 0],
+  [214, 163, 0],
+  [215, 159, 0],
+  [216, 156, 0],
+  [217, 153, 0],
+  [218, 150, 0],
+  [219, 147, 0],
+  [220, 144, 0],
+  [221, 140, 0],
+  [222, 137, 0],
+  [223, 134, 0],
+  [224, 130, 0],
+  [225, 127, 0],
+  [226, 123, 0],
+  [226, 120, 0],
+  [227, 116, 0],
+  [228, 113, 0],
+  [229, 109, 0],
+  [230, 106, 0],
+  [231, 102, 0],
+  [232, 98, 0],
+  [233, 95, 0],
+  [234, 91, 0],
+  [235, 87, 0],
+  [236, 83, 0],
+  [237, 79, 0],
+  [238, 76, 0],
+  [239, 72, 0],
+  [240, 68, 0],
+  [241, 64, 0],
+  [242, 60, 0],
+  [243, 56, 0],
+  [244, 52, 0],
+  [245, 47, 0],
+  [246, 43, 0],
+  [246, 39, 0],
+  [247, 35, 0],
+  [248, 31, 0],
+  [249, 26, 0],
+  [250, 22, 0],
+  [251, 18, 0],
+  [252, 13, 0],
+  [253, 9, 0],
+  [254, 4, 0],
+  [255, 0, 0],
+];
+var viridis = [
+  [68, 1, 84],
+  [68, 2, 86],
+  [69, 4, 87],
+  [69, 5, 89],
+  [70, 7, 90],
+  [70, 8, 92],
+  [70, 10, 93],
+  [70, 11, 94],
+  [71, 13, 96],
+  [71, 14, 97],
+  [71, 16, 99],
+  [71, 17, 100],
+  [71, 19, 101],
+  [72, 20, 103],
+  [72, 22, 104],
+  [72, 23, 105],
+  [72, 24, 106],
+  [72, 26, 108],
+  [72, 27, 109],
+  [72, 28, 110],
+  [72, 29, 111],
+  [72, 31, 112],
+  [72, 32, 113],
+  [72, 33, 115],
+  [72, 35, 116],
+  [72, 36, 117],
+  [72, 37, 118],
+  [72, 38, 119],
+  [72, 40, 120],
+  [72, 41, 121],
+  [71, 42, 122],
+  [71, 44, 122],
+  [71, 45, 123],
+  [71, 46, 124],
+  [71, 47, 125],
+  [70, 48, 126],
+  [70, 50, 126],
+  [70, 51, 127],
+  [70, 52, 128],
+  [69, 53, 129],
+  [69, 55, 129],
+  [69, 56, 130],
+  [68, 57, 131],
+  [68, 58, 131],
+  [68, 59, 132],
+  [67, 61, 132],
+  [67, 62, 133],
+  [66, 63, 133],
+  [66, 64, 134],
+  [66, 65, 134],
+  [65, 66, 135],
+  [65, 68, 135],
+  [64, 69, 136],
+  [64, 70, 136],
+  [63, 71, 136],
+  [63, 72, 137],
+  [62, 73, 137],
+  [62, 74, 137],
+  [62, 76, 138],
+  [61, 77, 138],
+  [61, 78, 138],
+  [60, 79, 138],
+  [60, 80, 139],
+  [59, 81, 139],
+  [59, 82, 139],
+  [58, 83, 139],
+  [58, 84, 140],
+  [57, 85, 140],
+  [57, 86, 140],
+  [56, 88, 140],
+  [56, 89, 140],
+  [55, 90, 140],
+  [55, 91, 141],
+  [54, 92, 141],
+  [54, 93, 141],
+  [53, 94, 141],
+  [53, 95, 141],
+  [52, 96, 141],
+  [52, 97, 141],
+  [51, 98, 141],
+  [51, 99, 141],
+  [50, 100, 142],
+  [50, 101, 142],
+  [49, 102, 142],
+  [49, 103, 142],
+  [49, 104, 142],
+  [48, 105, 142],
+  [48, 106, 142],
+  [47, 107, 142],
+  [47, 108, 142],
+  [46, 109, 142],
+  [46, 110, 142],
+  [46, 111, 142],
+  [45, 112, 142],
+  [45, 113, 142],
+  [44, 113, 142],
+  [44, 114, 142],
+  [44, 115, 142],
+  [43, 116, 142],
+  [43, 117, 142],
+  [42, 118, 142],
+  [42, 119, 142],
+  [42, 120, 142],
+  [41, 121, 142],
+  [41, 122, 142],
+  [41, 123, 142],
+  [40, 124, 142],
+  [40, 125, 142],
+  [39, 126, 142],
+  [39, 127, 142],
+  [39, 128, 142],
+  [38, 129, 142],
+  [38, 130, 142],
+  [38, 130, 142],
+  [37, 131, 142],
+  [37, 132, 142],
+  [37, 133, 142],
+  [36, 134, 142],
+  [36, 135, 142],
+  [35, 136, 142],
+  [35, 137, 142],
+  [35, 138, 141],
+  [34, 139, 141],
+  [34, 140, 141],
+  [34, 141, 141],
+  [33, 142, 141],
+  [33, 143, 141],
+  [33, 144, 141],
+  [33, 145, 140],
+  [32, 146, 140],
+  [32, 146, 140],
+  [32, 147, 140],
+  [31, 148, 140],
+  [31, 149, 139],
+  [31, 150, 139],
+  [31, 151, 139],
+  [31, 152, 139],
+  [31, 153, 138],
+  [31, 154, 138],
+  [30, 155, 138],
+  [30, 156, 137],
+  [30, 157, 137],
+  [31, 158, 137],
+  [31, 159, 136],
+  [31, 160, 136],
+  [31, 161, 136],
+  [31, 161, 135],
+  [31, 162, 135],
+  [32, 163, 134],
+  [32, 164, 134],
+  [33, 165, 133],
+  [33, 166, 133],
+  [34, 167, 133],
+  [34, 168, 132],
+  [35, 169, 131],
+  [36, 170, 131],
+  [37, 171, 130],
+  [37, 172, 130],
+  [38, 173, 129],
+  [39, 173, 129],
+  [40, 174, 128],
+  [41, 175, 127],
+  [42, 176, 127],
+  [44, 177, 126],
+  [45, 178, 125],
+  [46, 179, 124],
+  [47, 180, 124],
+  [49, 181, 123],
+  [50, 182, 122],
+  [52, 182, 121],
+  [53, 183, 121],
+  [55, 184, 120],
+  [56, 185, 119],
+  [58, 186, 118],
+  [59, 187, 117],
+  [61, 188, 116],
+  [63, 188, 115],
+  [64, 189, 114],
+  [66, 190, 113],
+  [68, 191, 112],
+  [70, 192, 111],
+  [72, 193, 110],
+  [74, 193, 109],
+  [76, 194, 108],
+  [78, 195, 107],
+  [80, 196, 106],
+  [82, 197, 105],
+  [84, 197, 104],
+  [86, 198, 103],
+  [88, 199, 101],
+  [90, 200, 100],
+  [92, 200, 99],
+  [94, 201, 98],
+  [96, 202, 96],
+  [99, 203, 95],
+  [101, 203, 94],
+  [103, 204, 92],
+  [105, 205, 91],
+  [108, 205, 90],
+  [110, 206, 88],
+  [112, 207, 87],
+  [115, 208, 86],
+  [117, 208, 84],
+  [119, 209, 83],
+  [122, 209, 81],
+  [124, 210, 80],
+  [127, 211, 78],
+  [129, 211, 77],
+  [132, 212, 75],
+  [134, 213, 73],
+  [137, 213, 72],
+  [139, 214, 70],
+  [142, 214, 69],
+  [144, 215, 67],
+  [147, 215, 65],
+  [149, 216, 64],
+  [152, 216, 62],
+  [155, 217, 60],
+  [157, 217, 59],
+  [160, 218, 57],
+  [162, 218, 55],
+  [165, 219, 54],
+  [168, 219, 52],
+  [170, 220, 50],
+  [173, 220, 48],
+  [176, 221, 47],
+  [178, 221, 45],
+  [181, 222, 43],
+  [184, 222, 41],
+  [186, 222, 40],
+  [189, 223, 38],
+  [192, 223, 37],
+  [194, 223, 35],
+  [197, 224, 33],
+  [200, 224, 32],
+  [202, 225, 31],
+  [205, 225, 29],
+  [208, 225, 28],
+  [210, 226, 27],
+  [213, 226, 26],
+  [216, 226, 25],
+  [218, 227, 25],
+  [221, 227, 24],
+  [223, 227, 24],
+  [226, 228, 24],
+  [229, 228, 25],
+  [231, 228, 25],
+  [234, 229, 26],
+  [236, 229, 27],
+  [239, 229, 28],
+  [241, 229, 29],
+  [244, 230, 30],
+  [246, 230, 32],
+  [248, 230, 33],
+  [251, 231, 35],
+  [253, 231, 37],
+];
+var inferno = [
+  [0, 0, 4],
+  [1, 0, 5],
+  [1, 1, 6],
+  [1, 1, 8],
+  [2, 1, 10],
+  [2, 2, 12],
+  [2, 2, 14],
+  [3, 2, 16],
+  [4, 3, 18],
+  [4, 3, 20],
+  [5, 4, 23],
+  [6, 4, 25],
+  [7, 5, 27],
+  [8, 5, 29],
+  [9, 6, 31],
+  [10, 7, 34],
+  [11, 7, 36],
+  [12, 8, 38],
+  [13, 8, 41],
+  [14, 9, 43],
+  [16, 9, 45],
+  [17, 10, 48],
+  [18, 10, 50],
+  [20, 11, 52],
+  [21, 11, 55],
+  [22, 11, 57],
+  [24, 12, 60],
+  [25, 12, 62],
+  [27, 12, 65],
+  [28, 12, 67],
+  [30, 12, 69],
+  [31, 12, 72],
+  [33, 12, 74],
+  [35, 12, 76],
+  [36, 12, 79],
+  [38, 12, 81],
+  [40, 11, 83],
+  [41, 11, 85],
+  [43, 11, 87],
+  [45, 11, 89],
+  [47, 10, 91],
+  [49, 10, 92],
+  [50, 10, 94],
+  [52, 10, 95],
+  [54, 9, 97],
+  [56, 9, 98],
+  [57, 9, 99],
+  [59, 9, 100],
+  [61, 9, 101],
+  [62, 9, 102],
+  [64, 10, 103],
+  [66, 10, 104],
+  [68, 10, 104],
+  [69, 10, 105],
+  [71, 11, 106],
+  [73, 11, 106],
+  [74, 12, 107],
+  [76, 12, 107],
+  [77, 13, 108],
+  [79, 13, 108],
+  [81, 14, 108],
+  [82, 14, 109],
+  [84, 15, 109],
+  [85, 15, 109],
+  [87, 16, 110],
+  [89, 16, 110],
+  [90, 17, 110],
+  [92, 18, 110],
+  [93, 18, 110],
+  [95, 19, 110],
+  [97, 19, 110],
+  [98, 20, 110],
+  [100, 21, 110],
+  [101, 21, 110],
+  [103, 22, 110],
+  [105, 22, 110],
+  [106, 23, 110],
+  [108, 24, 110],
+  [109, 24, 110],
+  [111, 25, 110],
+  [113, 25, 110],
+  [114, 26, 110],
+  [116, 26, 110],
+  [117, 27, 110],
+  [119, 28, 109],
+  [120, 28, 109],
+  [122, 29, 109],
+  [124, 29, 109],
+  [125, 30, 109],
+  [127, 30, 108],
+  [128, 31, 108],
+  [130, 32, 108],
+  [132, 32, 107],
+  [133, 33, 107],
+  [135, 33, 107],
+  [136, 34, 106],
+  [138, 34, 106],
+  [140, 35, 105],
+  [141, 35, 105],
+  [143, 36, 105],
+  [144, 37, 104],
+  [146, 37, 104],
+  [147, 38, 103],
+  [149, 38, 103],
+  [151, 39, 102],
+  [152, 39, 102],
+  [154, 40, 101],
+  [155, 41, 100],
+  [157, 41, 100],
+  [159, 42, 99],
+  [160, 42, 99],
+  [162, 43, 98],
+  [163, 44, 97],
+  [165, 44, 96],
+  [166, 45, 96],
+  [168, 46, 95],
+  [169, 46, 94],
+  [171, 47, 94],
+  [173, 48, 93],
+  [174, 48, 92],
+  [176, 49, 91],
+  [177, 50, 90],
+  [179, 50, 90],
+  [180, 51, 89],
+  [182, 52, 88],
+  [183, 53, 87],
+  [185, 53, 86],
+  [186, 54, 85],
+  [188, 55, 84],
+  [189, 56, 83],
+  [191, 57, 82],
+  [192, 58, 81],
+  [193, 58, 80],
+  [195, 59, 79],
+  [196, 60, 78],
+  [198, 61, 77],
+  [199, 62, 76],
+  [200, 63, 75],
+  [202, 64, 74],
+  [203, 65, 73],
+  [204, 66, 72],
+  [206, 67, 71],
+  [207, 68, 70],
+  [208, 69, 69],
+  [210, 70, 68],
+  [211, 71, 67],
+  [212, 72, 66],
+  [213, 74, 65],
+  [215, 75, 63],
+  [216, 76, 62],
+  [217, 77, 61],
+  [218, 78, 60],
+  [219, 80, 59],
+  [221, 81, 58],
+  [222, 82, 56],
+  [223, 83, 55],
+  [224, 85, 54],
+  [225, 86, 53],
+  [226, 87, 52],
+  [227, 89, 51],
+  [228, 90, 49],
+  [229, 92, 48],
+  [230, 93, 47],
+  [231, 94, 46],
+  [232, 96, 45],
+  [233, 97, 43],
+  [234, 99, 42],
+  [235, 100, 41],
+  [235, 102, 40],
+  [236, 103, 38],
+  [237, 105, 37],
+  [238, 106, 36],
+  [239, 108, 35],
+  [239, 110, 33],
+  [240, 111, 32],
+  [241, 113, 31],
+  [241, 115, 29],
+  [242, 116, 28],
+  [243, 118, 27],
+  [243, 120, 25],
+  [244, 121, 24],
+  [245, 123, 23],
+  [245, 125, 21],
+  [246, 126, 20],
+  [246, 128, 19],
+  [247, 130, 18],
+  [247, 132, 16],
+  [248, 133, 15],
+  [248, 135, 14],
+  [248, 137, 12],
+  [249, 139, 11],
+  [249, 140, 10],
+  [249, 142, 9],
+  [250, 144, 8],
+  [250, 146, 7],
+  [250, 148, 7],
+  [251, 150, 6],
+  [251, 151, 6],
+  [251, 153, 6],
+  [251, 155, 6],
+  [251, 157, 7],
+  [252, 159, 7],
+  [252, 161, 8],
+  [252, 163, 9],
+  [252, 165, 10],
+  [252, 166, 12],
+  [252, 168, 13],
+  [252, 170, 15],
+  [252, 172, 17],
+  [252, 174, 18],
+  [252, 176, 20],
+  [252, 178, 22],
+  [252, 180, 24],
+  [251, 182, 26],
+  [251, 184, 29],
+  [251, 186, 31],
+  [251, 188, 33],
+  [251, 190, 35],
+  [250, 192, 38],
+  [250, 194, 40],
+  [250, 196, 42],
+  [250, 198, 45],
+  [249, 199, 47],
+  [249, 201, 50],
+  [249, 203, 53],
+  [248, 205, 55],
+  [248, 207, 58],
+  [247, 209, 61],
+  [247, 211, 64],
+  [246, 213, 67],
+  [246, 215, 70],
+  [245, 217, 73],
+  [245, 219, 76],
+  [244, 221, 79],
+  [244, 223, 83],
+  [244, 225, 86],
+  [243, 227, 90],
+  [243, 229, 93],
+  [242, 230, 97],
+  [242, 232, 101],
+  [242, 234, 105],
+  [241, 236, 109],
+  [241, 237, 113],
+  [241, 239, 117],
+  [241, 241, 121],
+  [242, 242, 125],
+  [242, 244, 130],
+  [243, 245, 134],
+  [243, 246, 138],
+  [244, 248, 142],
+  [245, 249, 146],
+  [246, 250, 150],
+  [248, 251, 154],
+  [249, 252, 157],
+  [250, 253, 161],
+  [252, 255, 164],
+];
+var magma = [
+  [0, 0, 4],
+  [1, 0, 5],
+  [1, 1, 6],
+  [1, 1, 8],
+  [2, 1, 9],
+  [2, 2, 11],
+  [2, 2, 13],
+  [3, 3, 15],
+  [3, 3, 18],
+  [4, 4, 20],
+  [5, 4, 22],
+  [6, 5, 24],
+  [6, 5, 26],
+  [7, 6, 28],
+  [8, 7, 30],
+  [9, 7, 32],
+  [10, 8, 34],
+  [11, 9, 36],
+  [12, 9, 38],
+  [13, 10, 41],
+  [14, 11, 43],
+  [16, 11, 45],
+  [17, 12, 47],
+  [18, 13, 49],
+  [19, 13, 52],
+  [20, 14, 54],
+  [21, 14, 56],
+  [22, 15, 59],
+  [24, 15, 61],
+  [25, 16, 63],
+  [26, 16, 66],
+  [28, 16, 68],
+  [29, 17, 71],
+  [30, 17, 73],
+  [32, 17, 75],
+  [33, 17, 78],
+  [34, 17, 80],
+  [36, 18, 83],
+  [37, 18, 85],
+  [39, 18, 88],
+  [41, 17, 90],
+  [42, 17, 92],
+  [44, 17, 95],
+  [45, 17, 97],
+  [47, 17, 99],
+  [49, 17, 101],
+  [51, 16, 103],
+  [52, 16, 105],
+  [54, 16, 107],
+  [56, 16, 108],
+  [57, 15, 110],
+  [59, 15, 112],
+  [61, 15, 113],
+  [63, 15, 114],
+  [64, 15, 116],
+  [66, 15, 117],
+  [68, 15, 118],
+  [69, 16, 119],
+  [71, 16, 120],
+  [73, 16, 120],
+  [74, 16, 121],
+  [76, 17, 122],
+  [78, 17, 123],
+  [79, 18, 123],
+  [81, 18, 124],
+  [82, 19, 124],
+  [84, 19, 125],
+  [86, 20, 125],
+  [87, 21, 126],
+  [89, 21, 126],
+  [90, 22, 126],
+  [92, 22, 127],
+  [93, 23, 127],
+  [95, 24, 127],
+  [96, 24, 128],
+  [98, 25, 128],
+  [100, 26, 128],
+  [101, 26, 128],
+  [103, 27, 128],
+  [104, 28, 129],
+  [106, 28, 129],
+  [107, 29, 129],
+  [109, 29, 129],
+  [110, 30, 129],
+  [112, 31, 129],
+  [114, 31, 129],
+  [115, 32, 129],
+  [117, 33, 129],
+  [118, 33, 129],
+  [120, 34, 129],
+  [121, 34, 130],
+  [123, 35, 130],
+  [124, 35, 130],
+  [126, 36, 130],
+  [128, 37, 130],
+  [129, 37, 129],
+  [131, 38, 129],
+  [132, 38, 129],
+  [134, 39, 129],
+  [136, 39, 129],
+  [137, 40, 129],
+  [139, 41, 129],
+  [140, 41, 129],
+  [142, 42, 129],
+  [144, 42, 129],
+  [145, 43, 129],
+  [147, 43, 128],
+  [148, 44, 128],
+  [150, 44, 128],
+  [152, 45, 128],
+  [153, 45, 128],
+  [155, 46, 127],
+  [156, 46, 127],
+  [158, 47, 127],
+  [160, 47, 127],
+  [161, 48, 126],
+  [163, 48, 126],
+  [165, 49, 126],
+  [166, 49, 125],
+  [168, 50, 125],
+  [170, 51, 125],
+  [171, 51, 124],
+  [173, 52, 124],
+  [174, 52, 123],
+  [176, 53, 123],
+  [178, 53, 123],
+  [179, 54, 122],
+  [181, 54, 122],
+  [183, 55, 121],
+  [184, 55, 121],
+  [186, 56, 120],
+  [188, 57, 120],
+  [189, 57, 119],
+  [191, 58, 119],
+  [192, 58, 118],
+  [194, 59, 117],
+  [196, 60, 117],
+  [197, 60, 116],
+  [199, 61, 115],
+  [200, 62, 115],
+  [202, 62, 114],
+  [204, 63, 113],
+  [205, 64, 113],
+  [207, 64, 112],
+  [208, 65, 111],
+  [210, 66, 111],
+  [211, 67, 110],
+  [213, 68, 109],
+  [214, 69, 108],
+  [216, 69, 108],
+  [217, 70, 107],
+  [219, 71, 106],
+  [220, 72, 105],
+  [222, 73, 104],
+  [223, 74, 104],
+  [224, 76, 103],
+  [226, 77, 102],
+  [227, 78, 101],
+  [228, 79, 100],
+  [229, 80, 100],
+  [231, 82, 99],
+  [232, 83, 98],
+  [233, 84, 98],
+  [234, 86, 97],
+  [235, 87, 96],
+  [236, 88, 96],
+  [237, 90, 95],
+  [238, 91, 94],
+  [239, 93, 94],
+  [240, 95, 94],
+  [241, 96, 93],
+  [242, 98, 93],
+  [242, 100, 92],
+  [243, 101, 92],
+  [244, 103, 92],
+  [244, 105, 92],
+  [245, 107, 92],
+  [246, 108, 92],
+  [246, 110, 92],
+  [247, 112, 92],
+  [247, 114, 92],
+  [248, 116, 92],
+  [248, 118, 92],
+  [249, 120, 93],
+  [249, 121, 93],
+  [249, 123, 93],
+  [250, 125, 94],
+  [250, 127, 94],
+  [250, 129, 95],
+  [251, 131, 95],
+  [251, 133, 96],
+  [251, 135, 97],
+  [252, 137, 97],
+  [252, 138, 98],
+  [252, 140, 99],
+  [252, 142, 100],
+  [252, 144, 101],
+  [253, 146, 102],
+  [253, 148, 103],
+  [253, 150, 104],
+  [253, 152, 105],
+  [253, 154, 106],
+  [253, 155, 107],
+  [254, 157, 108],
+  [254, 159, 109],
+  [254, 161, 110],
+  [254, 163, 111],
+  [254, 165, 113],
+  [254, 167, 114],
+  [254, 169, 115],
+  [254, 170, 116],
+  [254, 172, 118],
+  [254, 174, 119],
+  [254, 176, 120],
+  [254, 178, 122],
+  [254, 180, 123],
+  [254, 182, 124],
+  [254, 183, 126],
+  [254, 185, 127],
+  [254, 187, 129],
+  [254, 189, 130],
+  [254, 191, 132],
+  [254, 193, 133],
+  [254, 194, 135],
+  [254, 196, 136],
+  [254, 198, 138],
+  [254, 200, 140],
+  [254, 202, 141],
+  [254, 204, 143],
+  [254, 205, 144],
+  [254, 207, 146],
+  [254, 209, 148],
+  [254, 211, 149],
+  [254, 213, 151],
+  [254, 215, 153],
+  [254, 216, 154],
+  [253, 218, 156],
+  [253, 220, 158],
+  [253, 222, 160],
+  [253, 224, 161],
+  [253, 226, 163],
+  [253, 227, 165],
+  [253, 229, 167],
+  [253, 231, 169],
+  [253, 233, 170],
+  [253, 235, 172],
+  [252, 236, 174],
+  [252, 238, 176],
+  [252, 240, 178],
+  [252, 242, 180],
+  [252, 244, 182],
+  [252, 246, 184],
+  [252, 247, 185],
+  [252, 249, 187],
+  [252, 251, 189],
+  [252, 253, 191],
+];
+var jet = [
+  [0, 0, 128],
+  [0, 0, 132],
+  [0, 0, 137],
+  [0, 0, 141],
+  [0, 0, 146],
+  [0, 0, 150],
+  [0, 0, 155],
+  [0, 0, 159],
+  [0, 0, 164],
+  [0, 0, 168],
+  [0, 0, 173],
+  [0, 0, 178],
+  [0, 0, 182],
+  [0, 0, 187],
+  [0, 0, 191],
+  [0, 0, 196],
+  [0, 0, 200],
+  [0, 0, 205],
+  [0, 0, 209],
+  [0, 0, 214],
+  [0, 0, 218],
+  [0, 0, 223],
+  [0, 0, 227],
+  [0, 0, 232],
+  [0, 0, 237],
+  [0, 0, 241],
+  [0, 0, 246],
+  [0, 0, 250],
+  [0, 0, 255],
+  [0, 0, 255],
+  [0, 0, 255],
+  [0, 0, 255],
+  [0, 0, 255],
+  [0, 4, 255],
+  [0, 8, 255],
+  [0, 12, 255],
+  [0, 16, 255],
+  [0, 20, 255],
+  [0, 24, 255],
+  [0, 28, 255],
+  [0, 32, 255],
+  [0, 36, 255],
+  [0, 40, 255],
+  [0, 44, 255],
+  [0, 48, 255],
+  [0, 52, 255],
+  [0, 56, 255],
+  [0, 60, 255],
+  [0, 64, 255],
+  [0, 68, 255],
+  [0, 72, 255],
+  [0, 76, 255],
+  [0, 80, 255],
+  [0, 84, 255],
+  [0, 88, 255],
+  [0, 92, 255],
+  [0, 96, 255],
+  [0, 100, 255],
+  [0, 104, 255],
+  [0, 108, 255],
+  [0, 112, 255],
+  [0, 116, 255],
+  [0, 120, 255],
+  [0, 124, 255],
+  [0, 128, 255],
+  [0, 132, 255],
+  [0, 136, 255],
+  [0, 140, 255],
+  [0, 144, 255],
+  [0, 148, 255],
+  [0, 152, 255],
+  [0, 156, 255],
+  [0, 160, 255],
+  [0, 164, 255],
+  [0, 168, 255],
+  [0, 172, 255],
+  [0, 176, 255],
+  [0, 180, 255],
+  [0, 184, 255],
+  [0, 188, 255],
+  [0, 192, 255],
+  [0, 196, 255],
+  [0, 200, 255],
+  [0, 204, 255],
+  [0, 208, 255],
+  [0, 212, 255],
+  [0, 216, 255],
+  [0, 220, 254],
+  [0, 224, 251],
+  [0, 228, 248],
+  [2, 232, 244],
+  [6, 236, 241],
+  [9, 240, 238],
+  [12, 244, 235],
+  [15, 248, 231],
+  [19, 252, 228],
+  [22, 255, 225],
+  [25, 255, 222],
+  [28, 255, 219],
+  [31, 255, 215],
+  [35, 255, 212],
+  [38, 255, 209],
+  [41, 255, 206],
+  [44, 255, 202],
+  [48, 255, 199],
+  [51, 255, 196],
+  [54, 255, 193],
+  [57, 255, 190],
+  [60, 255, 186],
+  [64, 255, 183],
+  [67, 255, 180],
+  [70, 255, 177],
+  [73, 255, 173],
+  [77, 255, 170],
+  [80, 255, 167],
+  [83, 255, 164],
+  [86, 255, 160],
+  [90, 255, 157],
+  [93, 255, 154],
+  [96, 255, 151],
+  [99, 255, 148],
+  [102, 255, 144],
+  [106, 255, 141],
+  [109, 255, 138],
+  [112, 255, 135],
+  [115, 255, 131],
+  [119, 255, 128],
+  [122, 255, 125],
+  [125, 255, 122],
+  [128, 255, 119],
+  [131, 255, 115],
+  [135, 255, 112],
+  [138, 255, 109],
+  [141, 255, 106],
+  [144, 255, 102],
+  [148, 255, 99],
+  [151, 255, 96],
+  [154, 255, 93],
+  [157, 255, 90],
+  [160, 255, 86],
+  [164, 255, 83],
+  [167, 255, 80],
+  [170, 255, 77],
+  [173, 255, 73],
+  [177, 255, 70],
+  [180, 255, 67],
+  [183, 255, 64],
+  [186, 255, 60],
+  [190, 255, 57],
+  [193, 255, 54],
+  [196, 255, 51],
+  [199, 255, 48],
+  [202, 255, 44],
+  [206, 255, 41],
+  [209, 255, 38],
+  [212, 255, 35],
+  [215, 255, 31],
+  [219, 255, 28],
+  [222, 255, 25],
+  [225, 255, 22],
+  [228, 255, 19],
+  [231, 255, 15],
+  [235, 255, 12],
+  [238, 255, 9],
+  [241, 252, 6],
+  [244, 248, 2],
+  [248, 245, 0],
+  [251, 241, 0],
+  [254, 237, 0],
+  [255, 234, 0],
+  [255, 230, 0],
+  [255, 226, 0],
+  [255, 222, 0],
+  [255, 219, 0],
+  [255, 215, 0],
+  [255, 211, 0],
+  [255, 208, 0],
+  [255, 204, 0],
+  [255, 200, 0],
+  [255, 196, 0],
+  [255, 193, 0],
+  [255, 189, 0],
+  [255, 185, 0],
+  [255, 182, 0],
+  [255, 178, 0],
+  [255, 174, 0],
+  [255, 171, 0],
+  [255, 167, 0],
+  [255, 163, 0],
+  [255, 159, 0],
+  [255, 156, 0],
+  [255, 152, 0],
+  [255, 148, 0],
+  [255, 145, 0],
+  [255, 141, 0],
+  [255, 137, 0],
+  [255, 134, 0],
+  [255, 130, 0],
+  [255, 126, 0],
+  [255, 122, 0],
+  [255, 119, 0],
+  [255, 115, 0],
+  [255, 111, 0],
+  [255, 108, 0],
+  [255, 104, 0],
+  [255, 100, 0],
+  [255, 96, 0],
+  [255, 93, 0],
+  [255, 89, 0],
+  [255, 85, 0],
+  [255, 82, 0],
+  [255, 78, 0],
+  [255, 74, 0],
+  [255, 71, 0],
+  [255, 67, 0],
+  [255, 63, 0],
+  [255, 59, 0],
+  [255, 56, 0],
+  [255, 52, 0],
+  [255, 48, 0],
+  [255, 45, 0],
+  [255, 41, 0],
+  [255, 37, 0],
+  [255, 34, 0],
+  [255, 30, 0],
+  [255, 26, 0],
+  [255, 22, 0],
+  [255, 19, 0],
+  [250, 15, 0],
+  [246, 11, 0],
+  [241, 8, 0],
+  [237, 4, 0],
+  [232, 0, 0],
+  [228, 0, 0],
+  [223, 0, 0],
+  [218, 0, 0],
+  [214, 0, 0],
+  [209, 0, 0],
+  [205, 0, 0],
+  [200, 0, 0],
+  [196, 0, 0],
+  [191, 0, 0],
+  [187, 0, 0],
+  [182, 0, 0],
+  [178, 0, 0],
+  [173, 0, 0],
+  [168, 0, 0],
+  [164, 0, 0],
+  [159, 0, 0],
+  [155, 0, 0],
+  [150, 0, 0],
+  [146, 0, 0],
+  [141, 0, 0],
+  [137, 0, 0],
+  [132, 0, 0],
+  [128, 0, 0],
+];
+var binary = [
+  [255, 255, 255],
+  [254, 254, 254],
+  [253, 253, 253],
+  [252, 252, 252],
+  [251, 251, 251],
+  [250, 250, 250],
+  [249, 249, 249],
+  [248, 248, 248],
+  [247, 247, 247],
+  [246, 246, 246],
+  [245, 245, 245],
+  [244, 244, 244],
+  [243, 243, 243],
+  [242, 242, 242],
+  [241, 241, 241],
+  [240, 240, 240],
+  [239, 239, 239],
+  [238, 238, 238],
+  [237, 237, 237],
+  [236, 236, 236],
+  [235, 235, 235],
+  [234, 234, 234],
+  [233, 233, 233],
+  [232, 232, 232],
+  [231, 231, 231],
+  [230, 230, 230],
+  [229, 229, 229],
+  [228, 228, 228],
+  [227, 227, 227],
+  [226, 226, 226],
+  [225, 225, 225],
+  [224, 224, 224],
+  [223, 223, 223],
+  [222, 222, 222],
+  [221, 221, 221],
+  [220, 220, 220],
+  [219, 219, 219],
+  [218, 218, 218],
+  [217, 217, 217],
+  [216, 216, 216],
+  [215, 215, 215],
+  [214, 214, 214],
+  [213, 213, 213],
+  [212, 212, 212],
+  [211, 211, 211],
+  [210, 210, 210],
+  [209, 209, 209],
+  [208, 208, 208],
+  [207, 207, 207],
+  [206, 206, 206],
+  [205, 205, 205],
+  [204, 204, 204],
+  [203, 203, 203],
+  [202, 202, 202],
+  [201, 201, 201],
+  [200, 200, 200],
+  [199, 199, 199],
+  [198, 198, 198],
+  [197, 197, 197],
+  [196, 196, 196],
+  [195, 195, 195],
+  [194, 194, 194],
+  [193, 193, 193],
+  [192, 192, 192],
+  [191, 191, 191],
+  [190, 190, 190],
+  [189, 189, 189],
+  [188, 188, 188],
+  [187, 187, 187],
+  [186, 186, 186],
+  [185, 185, 185],
+  [184, 184, 184],
+  [183, 183, 183],
+  [182, 182, 182],
+  [181, 181, 181],
+  [180, 180, 180],
+  [179, 179, 179],
+  [178, 178, 178],
+  [177, 177, 177],
+  [176, 176, 176],
+  [175, 175, 175],
+  [174, 174, 174],
+  [173, 173, 173],
+  [172, 172, 172],
+  [171, 171, 171],
+  [170, 170, 170],
+  [169, 169, 169],
+  [168, 168, 168],
+  [167, 167, 167],
+  [166, 166, 166],
+  [165, 165, 165],
+  [164, 164, 164],
+  [163, 163, 163],
+  [162, 162, 162],
+  [161, 161, 161],
+  [160, 160, 160],
+  [159, 159, 159],
+  [158, 158, 158],
+  [157, 157, 157],
+  [156, 156, 156],
+  [155, 155, 155],
+  [154, 154, 154],
+  [153, 153, 153],
+  [152, 152, 152],
+  [151, 151, 151],
+  [150, 150, 150],
+  [149, 149, 149],
+  [148, 148, 148],
+  [147, 147, 147],
+  [146, 146, 146],
+  [145, 145, 145],
+  [144, 144, 144],
+  [143, 143, 143],
+  [142, 142, 142],
+  [141, 141, 141],
+  [140, 140, 140],
+  [139, 139, 139],
+  [138, 138, 138],
+  [137, 137, 137],
+  [136, 136, 136],
+  [135, 135, 135],
+  [134, 134, 134],
+  [133, 133, 133],
+  [132, 132, 132],
+  [131, 131, 131],
+  [130, 130, 130],
+  [129, 129, 129],
+  [128, 128, 128],
+  [127, 127, 127],
+  [126, 126, 126],
+  [125, 125, 125],
+  [124, 124, 124],
+  [123, 123, 123],
+  [122, 122, 122],
+  [121, 121, 121],
+  [120, 120, 120],
+  [119, 119, 119],
+  [118, 118, 118],
+  [117, 117, 117],
+  [116, 116, 116],
+  [115, 115, 115],
+  [114, 114, 114],
+  [113, 113, 113],
+  [112, 112, 112],
+  [111, 111, 111],
+  [110, 110, 110],
+  [109, 109, 109],
+  [108, 108, 108],
+  [107, 107, 107],
+  [106, 106, 106],
+  [105, 105, 105],
+  [104, 104, 104],
+  [103, 103, 103],
+  [102, 102, 102],
+  [101, 101, 101],
+  [100, 100, 100],
+  [99, 99, 99],
+  [98, 98, 98],
+  [97, 97, 97],
+  [96, 96, 96],
+  [95, 95, 95],
+  [94, 94, 94],
+  [93, 93, 93],
+  [92, 92, 92],
+  [91, 91, 91],
+  [90, 90, 90],
+  [89, 89, 89],
+  [88, 88, 88],
+  [87, 87, 87],
+  [86, 86, 86],
+  [85, 85, 85],
+  [84, 84, 84],
+  [83, 83, 83],
+  [82, 82, 82],
+  [81, 81, 81],
+  [80, 80, 80],
+  [79, 79, 79],
+  [78, 78, 78],
+  [77, 77, 77],
+  [76, 76, 76],
+  [75, 75, 75],
+  [74, 74, 74],
+  [73, 73, 73],
+  [72, 72, 72],
+  [71, 71, 71],
+  [70, 70, 70],
+  [69, 69, 69],
+  [68, 68, 68],
+  [67, 67, 67],
+  [66, 66, 66],
+  [65, 65, 65],
+  [64, 64, 64],
+  [63, 63, 63],
+  [62, 62, 62],
+  [61, 61, 61],
+  [60, 60, 60],
+  [59, 59, 59],
+  [58, 58, 58],
+  [57, 57, 57],
+  [56, 56, 56],
+  [55, 55, 55],
+  [54, 54, 54],
+  [53, 53, 53],
+  [52, 52, 52],
+  [51, 51, 51],
+  [50, 50, 50],
+  [49, 49, 49],
+  [48, 48, 48],
+  [47, 47, 47],
+  [46, 46, 46],
+  [45, 45, 45],
+  [44, 44, 44],
+  [43, 43, 43],
+  [42, 42, 42],
+  [41, 41, 41],
+  [40, 40, 40],
+  [39, 39, 39],
+  [38, 38, 38],
+  [37, 37, 37],
+  [36, 36, 36],
+  [35, 35, 35],
+  [34, 34, 34],
+  [33, 33, 33],
+  [32, 32, 32],
+  [31, 31, 31],
+  [30, 30, 30],
+  [29, 29, 29],
+  [28, 28, 28],
+  [27, 27, 27],
+  [26, 26, 26],
+  [25, 25, 25],
+  [24, 24, 24],
+  [23, 23, 23],
+  [22, 22, 22],
+  [21, 21, 21],
+  [20, 20, 20],
+  [19, 19, 19],
+  [18, 18, 18],
+  [17, 17, 17],
+  [16, 16, 16],
+  [15, 15, 15],
+  [14, 14, 14],
+  [13, 13, 13],
+  [12, 12, 12],
+  [11, 11, 11],
+  [10, 10, 10],
+  [9, 9, 9],
+  [8, 8, 8],
+  [7, 7, 7],
+  [6, 6, 6],
+  [5, 5, 5],
+  [4, 4, 4],
+  [3, 3, 3],
+  [2, 2, 2],
+  [1, 1, 1],
+  [0, 0, 0],
+];
 var colormaps = [turbo, fosphor, viridis, inferno, magma, jet, binary];
diff --git a/gui/src/waterfall/index.html b/gui/src/waterfall/index.html
index 027780d5..46cd68aa 100644
--- a/gui/src/waterfall/index.html
+++ b/gui/src/waterfall/index.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <meta name="author" content="Jeppe Ledet-Pedersen">
-        <title>Spectrum Plot</title>
-        <link rel="stylesheet" type="text/css" href="style.css" />
-    </head>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="author" content="Jeppe Ledet-Pedersen" />
+    <title>Spectrum Plot</title>
+    <link rel="stylesheet" type="text/css" href="style.css" />
+  </head>
 
-    <body>
-        <canvas id="waterfall"></canvas>
-        <script src="colormap.js"></script>
-        <script src="spectrum.js"></script>
-        <script src="script.js"></script>
-    </body>
+  <body>
+    <canvas id="waterfall"></canvas>
+    <script src="colormap.js"></script>
+    <script src="spectrum.js"></script>
+    <script src="script.js"></script>
+  </body>
 </html>
diff --git a/gui/src/waterfall/script.js b/gui/src/waterfall/script.js
index d5b75126..c9196b2a 100644
--- a/gui/src/waterfall/script.js
+++ b/gui/src/waterfall/script.js
@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 /*
 function connectWebSocket(spectrum) {
 //    var ws = new WebSocket("ws://" + window.location.host + "/websocket");
@@ -34,32 +34,29 @@ function connectWebSocket(spectrum) {
 */
 
 function main() {
-    // Create spectrum object on canvas with ID "waterfall"
-    var spectrum = new Spectrum(
-        "waterfall", {
-            spectrumPercent: 20
-    });
+  // Create spectrum object on canvas with ID "waterfall"
+  var spectrum = new Spectrum("waterfall", {
+    spectrumPercent: 20,
+  });
 
-    // Connect to websocket
-    //connectWebSocket(spectrum);
-   
-   
-//spectrum.setCenterHz("2000");
-//spectrum.setSpanHz("1");
+  // Connect to websocket
+  //connectWebSocket(spectrum);
 
-/*    
+  //spectrum.setCenterHz("2000");
+  //spectrum.setSpanHz("1");
+
+  /*    
 for (var i = 0; i < 1000; i++) {
     var randomstring = Math.floor(Math.random())
     spectrum.addData(randomstring.toString());
    // more statements
 }
 */
-  
 
-    // Bind keypress handler
-    window.addEventListener("keydown", function (e) {
-        spectrum.onKeypress(e);
-    });
+  // Bind keypress handler
+  window.addEventListener("keydown", function (e) {
+    spectrum.onKeypress(e);
+  });
 }
 
 window.onload = main;
diff --git a/gui/src/waterfall/spectrogram.js b/gui/src/waterfall/spectrogram.js
index 66b4db77..669432b5 100644
--- a/gui/src/waterfall/spectrogram.js
+++ b/gui/src/waterfall/spectrogram.js
@@ -36,13 +36,11 @@
 
 var Waterfall, Rasterscan;
 
-(function(){
-  Waterfall = function(ipBufAry, w, h, dir, options)
-  {
-    var direction = (typeof(dir) === "string")? dir.toLowerCase() : "down";
+(function () {
+  Waterfall = function (ipBufAry, w, h, dir, options) {
+    var direction = typeof dir === "string" ? dir.toLowerCase() : "down";
 
-    switch (direction)
-    {
+    switch (direction) {
       case "up":
         return new Spectrogram(ipBufAry, w, h, "WF", false, true, options);
       case "down":
@@ -51,16 +49,14 @@ var Waterfall, Rasterscan;
       case "left":
         return new Spectrogram(ipBufAry, w, h, "WF", false, false, options);
       case "right":
-        return new Spectrogram(ipBufAry, w, h, "WF", true, false, options);    
+        return new Spectrogram(ipBufAry, w, h, "WF", true, false, options);
     }
-  }
+  };
 
-  Rasterscan = function(ipBufAry, w, h, dir, options)
-  {
-    const direction = (typeof(dir) === "string")? dir.toLowerCase() : "down";
+  Rasterscan = function (ipBufAry, w, h, dir, options) {
+    const direction = typeof dir === "string" ? dir.toLowerCase() : "down";
 
-    switch (direction)
-    {
+    switch (direction) {
       case "up":
         return new Spectrogram(ipBufAry, w, h, "RS", true, true, options);
       case "down":
@@ -69,28 +65,27 @@ var Waterfall, Rasterscan;
       case "left":
         return new Spectrogram(ipBufAry, w, h, "RS", false, false, options);
       case "right":
-        return new Spectrogram(ipBufAry, w, h, "RS", true, false, options);    
+        return new Spectrogram(ipBufAry, w, h, "RS", true, false, options);
     }
-  }
+  };
 
-  function Spectrogram(ipBufAry, w, h, sgMode, rhc, vert, options)
-  {
-    const opt = (typeof options === 'object')? options: {};   // avoid undeclared object errors
-    let offScreenCtx;      // offscreen canvas drawing context
+  function Spectrogram(ipBufAry, w, h, sgMode, rhc, vert, options) {
+    const opt = typeof options === "object" ? options : {}; // avoid undeclared object errors
+    let offScreenCtx; // offscreen canvas drawing context
     const pxPerLine = w || 200;
     const lines = h || 200;
-    let lineRate = 30;  // requested line rate for dynamic waterfalls
-    let interval = 0;   // msec
+    let lineRate = 30; // requested line rate for dynamic waterfalls
+    let interval = 0; // msec
     let startOfs = 0;
     const lineBuf = new ArrayBuffer(pxPerLine * 4); // 1 line
     const lineBuf8 = new Uint8ClampedArray(lineBuf);
-    const lineImgData = new ImageData(lineBuf8, pxPerLine, 1);  // 1 line of canvas pixels
-    let pageImgData;  // lines * pxPerLine of canvas pixels
-    let ipBuf8;  // map input data to 0..255 unsigned bytes
+    const lineImgData = new ImageData(lineBuf8, pxPerLine, 1); // 1 line of canvas pixels
+    let pageImgData; // lines * pxPerLine of canvas pixels
+    let ipBuf8; // map input data to 0..255 unsigned bytes
     const blankBuf = new ArrayBuffer(pxPerLine * 4); // 1 line
     const blankBuf8 = new Uint8ClampedArray(blankBuf);
-    const blankImgData = new ImageData(blankBuf8, pxPerLine, 1);  // 1 line of canvas pixels
-    const clearBuf = new ArrayBuffer(pxPerLine * lines * 4);  // fills with 0s ie. rgba 0,0,0,0 = transparent
+    const blankImgData = new ImageData(blankBuf8, pxPerLine, 1); // 1 line of canvas pixels
+    const clearBuf = new ArrayBuffer(pxPerLine * lines * 4); // fills with 0s ie. rgba 0,0,0,0 = transparent
     const clearBuf8 = new Uint8ClampedArray(clearBuf);
     let clearImgData;
     let nextLine = 0;
@@ -100,367 +95,513 @@ var Waterfall, Rasterscan;
     let sgStartTime = 0;
 
     // Matlab Jet ref: stackoverflow.com grayscale-to-red-green-blue-matlab-jet-color-scale
-    let colMap = [[  0,   0, 128, 255], [  0,   0, 131, 255], [  0,   0, 135, 255], [  0,   0, 139, 255], 
-                  [  0,   0, 143, 255], [  0,   0, 147, 255], [  0,   0, 151, 255], [  0,   0, 155, 255], 
-                  [  0,   0, 159, 255], [  0,   0, 163, 255], [  0,   0, 167, 255], [  0,   0, 171, 255], 
-                  [  0,   0, 175, 255], [  0,   0, 179, 255], [  0,   0, 183, 255], [  0,   0, 187, 255], 
-                  [  0,   0, 191, 255], [  0,   0, 195, 255], [  0,   0, 199, 255], [  0,   0, 203, 255], 
-                  [  0,   0, 207, 255], [  0,   0, 211, 255], [  0,   0, 215, 255], [  0,   0, 219, 255], 
-                  [  0,   0, 223, 255], [  0,   0, 227, 255], [  0,   0, 231, 255], [  0,   0, 235, 255], 
-                  [  0,   0, 239, 255], [  0,   0, 243, 255], [  0,   0, 247, 255], [  0,   0, 251, 255], 
-                  [  0,   0, 255, 255], [  0,   4, 255, 255], [  0,   8, 255, 255], [  0,  12, 255, 255], 
-                  [  0,  16, 255, 255], [  0,  20, 255, 255], [  0,  24, 255, 255], [  0,  28, 255, 255], 
-                  [  0,  32, 255, 255], [  0,  36, 255, 255], [  0,  40, 255, 255], [  0,  44, 255, 255], 
-                  [  0,  48, 255, 255], [  0,  52, 255, 255], [  0,  56, 255, 255], [  0,  60, 255, 255], 
-                  [  0,  64, 255, 255], [  0,  68, 255, 255], [  0,  72, 255, 255], [  0,  76, 255, 255], 
-                  [  0,  80, 255, 255], [  0,  84, 255, 255], [  0,  88, 255, 255], [  0,  92, 255, 255], 
-                  [  0,  96, 255, 255], [  0, 100, 255, 255], [  0, 104, 255, 255], [  0, 108, 255, 255], 
-                  [  0, 112, 255, 255], [  0, 116, 255, 255], [  0, 120, 255, 255], [  0, 124, 255, 255], 
-                  [  0, 128, 255, 255], [  0, 131, 255, 255], [  0, 135, 255, 255], [  0, 139, 255, 255], 
-                  [  0, 143, 255, 255], [  0, 147, 255, 255], [  0, 151, 255, 255], [  0, 155, 255, 255], 
-                  [  0, 159, 255, 255], [  0, 163, 255, 255], [  0, 167, 255, 255], [  0, 171, 255, 255], 
-                  [  0, 175, 255, 255], [  0, 179, 255, 255], [  0, 183, 255, 255], [  0, 187, 255, 255], 
-                  [  0, 191, 255, 255], [  0, 195, 255, 255], [  0, 199, 255, 255], [  0, 203, 255, 255], 
-                  [  0, 207, 255, 255], [  0, 211, 255, 255], [  0, 215, 255, 255], [  0, 219, 255, 255], 
-                  [  0, 223, 255, 255], [  0, 227, 255, 255], [  0, 231, 255, 255], [  0, 235, 255, 255], 
-                  [  0, 239, 255, 255], [  0, 243, 255, 255], [  0, 247, 255, 255], [  0, 251, 255, 255], 
-                  [  0, 255, 255, 255], [  4, 255, 251, 255], [  8, 255, 247, 255], [ 12, 255, 243, 255], 
-                  [ 16, 255, 239, 255], [ 20, 255, 235, 255], [ 24, 255, 231, 255], [ 28, 255, 227, 255], 
-                  [ 32, 255, 223, 255], [ 36, 255, 219, 255], [ 40, 255, 215, 255], [ 44, 255, 211, 255], 
-                  [ 48, 255, 207, 255], [ 52, 255, 203, 255], [ 56, 255, 199, 255], [ 60, 255, 195, 255], 
-                  [ 64, 255, 191, 255], [ 68, 255, 187, 255], [ 72, 255, 183, 255], [ 76, 255, 179, 255], 
-                  [ 80, 255, 175, 255], [ 84, 255, 171, 255], [ 88, 255, 167, 255], [ 92, 255, 163, 255], 
-                  [ 96, 255, 159, 255], [100, 255, 155, 255], [104, 255, 151, 255], [108, 255, 147, 255], 
-                  [112, 255, 143, 255], [116, 255, 139, 255], [120, 255, 135, 255], [124, 255, 131, 255], 
-                  [128, 255, 128, 255], [131, 255, 124, 255], [135, 255, 120, 255], [139, 255, 116, 255], 
-                  [143, 255, 112, 255], [147, 255, 108, 255], [151, 255, 104, 255], [155, 255, 100, 255], 
-                  [159, 255,  96, 255], [163, 255,  92, 255], [167, 255,  88, 255], [171, 255,  84, 255], 
-                  [175, 255,  80, 255], [179, 255,  76, 255], [183, 255,  72, 255], [187, 255,  68, 255], 
-                  [191, 255,  64, 255], [195, 255,  60, 255], [199, 255,  56, 255], [203, 255,  52, 255], 
-                  [207, 255,  48, 255], [211, 255,  44, 255], [215, 255,  40, 255], [219, 255,  36, 255], 
-                  [223, 255,  32, 255], [227, 255,  28, 255], [231, 255,  24, 255], [235, 255,  20, 255], 
-                  [239, 255,  16, 255], [243, 255,  12, 255], [247, 255,   8, 255], [251, 255,   4, 255], 
-                  [255, 255,   0, 255], [255, 251,   0, 255], [255, 247,   0, 255], [255, 243,   0, 255], 
-                  [255, 239,   0, 255], [255, 235,   0, 255], [255, 231,   0, 255], [255, 227,   0, 255], 
-                  [255, 223,   0, 255], [255, 219,   0, 255], [255, 215,   0, 255], [255, 211,   0, 255], 
-                  [255, 207,   0, 255], [255, 203,   0, 255], [255, 199,   0, 255], [255, 195,   0, 255], 
-                  [255, 191,   0, 255], [255, 187,   0, 255], [255, 183,   0, 255], [255, 179,   0, 255], 
-                  [255, 175,   0, 255], [255, 171,   0, 255], [255, 167,   0, 255], [255, 163,   0, 255], 
-                  [255, 159,   0, 255], [255, 155,   0, 255], [255, 151,   0, 255], [255, 147,   0, 255], 
-                  [255, 143,   0, 255], [255, 139,   0, 255], [255, 135,   0, 255], [255, 131,   0, 255], 
-                  [255, 128,   0, 255], [255, 124,   0, 255], [255, 120,   0, 255], [255, 116,   0, 255], 
-                  [255, 112,   0, 255], [255, 108,   0, 255], [255, 104,   0, 255], [255, 100,   0, 255], 
-                  [255,  96,   0, 255], [255,  92,   0, 255], [255,  88,   0, 255], [255,  84,   0, 255], 
-                  [255,  80,   0, 255], [255,  76,   0, 255], [255,  72,   0, 255], [255,  68,   0, 255], 
-                  [255,  64,   0, 255], [255,  60,   0, 255], [255,  56,   0, 255], [255,  52,   0, 255], 
-                  [255,  48,   0, 255], [255,  44,   0, 255], [255,  40,   0, 255], [255,  36,   0, 255], 
-                  [255,  32,   0, 255], [255,  28,   0, 255], [255,  24,   0, 255], [255,  20,   0, 255], 
-                  [255,  16,   0, 255], [255,  12,   0, 255], [255,   8,   0, 255], [255,   4,   0, 255], 
-                  [255,   0,   0, 255], [251,   0,   0, 255], [247,   0,   0, 255], [243,   0,   0, 255], 
-                  [239,   0,   0, 255], [235,   0,   0, 255], [231,   0,   0, 255], [227,   0,   0, 255], 
-                  [223,   0,   0, 255], [219,   0,   0, 255], [215,   0,   0, 255], [211,   0,   0, 255], 
-                  [207,   0,   0, 255], [203,   0,   0, 255], [199,   0,   0, 255], [195,   0,   0, 255], 
-                  [191,   0,   0, 255], [187,   0,   0, 255], [183,   0,   0, 255], [179,   0,   0, 255], 
-                  [175,   0,   0, 255], [171,   0,   0, 255], [167,   0,   0, 255], [163,   0,   0, 255], 
-                  [159,   0,   0, 255], [155,   0,   0, 255], [151,   0,   0, 255], [147,   0,   0, 255], 
-                  [143,   0,   0, 255], [139,   0,   0, 255], [135,   0,   0, 255], [131,   0,   0, 255],
-                  [  0,   0,   0,   0]];
+    let colMap = [
+      [0, 0, 128, 255],
+      [0, 0, 131, 255],
+      [0, 0, 135, 255],
+      [0, 0, 139, 255],
+      [0, 0, 143, 255],
+      [0, 0, 147, 255],
+      [0, 0, 151, 255],
+      [0, 0, 155, 255],
+      [0, 0, 159, 255],
+      [0, 0, 163, 255],
+      [0, 0, 167, 255],
+      [0, 0, 171, 255],
+      [0, 0, 175, 255],
+      [0, 0, 179, 255],
+      [0, 0, 183, 255],
+      [0, 0, 187, 255],
+      [0, 0, 191, 255],
+      [0, 0, 195, 255],
+      [0, 0, 199, 255],
+      [0, 0, 203, 255],
+      [0, 0, 207, 255],
+      [0, 0, 211, 255],
+      [0, 0, 215, 255],
+      [0, 0, 219, 255],
+      [0, 0, 223, 255],
+      [0, 0, 227, 255],
+      [0, 0, 231, 255],
+      [0, 0, 235, 255],
+      [0, 0, 239, 255],
+      [0, 0, 243, 255],
+      [0, 0, 247, 255],
+      [0, 0, 251, 255],
+      [0, 0, 255, 255],
+      [0, 4, 255, 255],
+      [0, 8, 255, 255],
+      [0, 12, 255, 255],
+      [0, 16, 255, 255],
+      [0, 20, 255, 255],
+      [0, 24, 255, 255],
+      [0, 28, 255, 255],
+      [0, 32, 255, 255],
+      [0, 36, 255, 255],
+      [0, 40, 255, 255],
+      [0, 44, 255, 255],
+      [0, 48, 255, 255],
+      [0, 52, 255, 255],
+      [0, 56, 255, 255],
+      [0, 60, 255, 255],
+      [0, 64, 255, 255],
+      [0, 68, 255, 255],
+      [0, 72, 255, 255],
+      [0, 76, 255, 255],
+      [0, 80, 255, 255],
+      [0, 84, 255, 255],
+      [0, 88, 255, 255],
+      [0, 92, 255, 255],
+      [0, 96, 255, 255],
+      [0, 100, 255, 255],
+      [0, 104, 255, 255],
+      [0, 108, 255, 255],
+      [0, 112, 255, 255],
+      [0, 116, 255, 255],
+      [0, 120, 255, 255],
+      [0, 124, 255, 255],
+      [0, 128, 255, 255],
+      [0, 131, 255, 255],
+      [0, 135, 255, 255],
+      [0, 139, 255, 255],
+      [0, 143, 255, 255],
+      [0, 147, 255, 255],
+      [0, 151, 255, 255],
+      [0, 155, 255, 255],
+      [0, 159, 255, 255],
+      [0, 163, 255, 255],
+      [0, 167, 255, 255],
+      [0, 171, 255, 255],
+      [0, 175, 255, 255],
+      [0, 179, 255, 255],
+      [0, 183, 255, 255],
+      [0, 187, 255, 255],
+      [0, 191, 255, 255],
+      [0, 195, 255, 255],
+      [0, 199, 255, 255],
+      [0, 203, 255, 255],
+      [0, 207, 255, 255],
+      [0, 211, 255, 255],
+      [0, 215, 255, 255],
+      [0, 219, 255, 255],
+      [0, 223, 255, 255],
+      [0, 227, 255, 255],
+      [0, 231, 255, 255],
+      [0, 235, 255, 255],
+      [0, 239, 255, 255],
+      [0, 243, 255, 255],
+      [0, 247, 255, 255],
+      [0, 251, 255, 255],
+      [0, 255, 255, 255],
+      [4, 255, 251, 255],
+      [8, 255, 247, 255],
+      [12, 255, 243, 255],
+      [16, 255, 239, 255],
+      [20, 255, 235, 255],
+      [24, 255, 231, 255],
+      [28, 255, 227, 255],
+      [32, 255, 223, 255],
+      [36, 255, 219, 255],
+      [40, 255, 215, 255],
+      [44, 255, 211, 255],
+      [48, 255, 207, 255],
+      [52, 255, 203, 255],
+      [56, 255, 199, 255],
+      [60, 255, 195, 255],
+      [64, 255, 191, 255],
+      [68, 255, 187, 255],
+      [72, 255, 183, 255],
+      [76, 255, 179, 255],
+      [80, 255, 175, 255],
+      [84, 255, 171, 255],
+      [88, 255, 167, 255],
+      [92, 255, 163, 255],
+      [96, 255, 159, 255],
+      [100, 255, 155, 255],
+      [104, 255, 151, 255],
+      [108, 255, 147, 255],
+      [112, 255, 143, 255],
+      [116, 255, 139, 255],
+      [120, 255, 135, 255],
+      [124, 255, 131, 255],
+      [128, 255, 128, 255],
+      [131, 255, 124, 255],
+      [135, 255, 120, 255],
+      [139, 255, 116, 255],
+      [143, 255, 112, 255],
+      [147, 255, 108, 255],
+      [151, 255, 104, 255],
+      [155, 255, 100, 255],
+      [159, 255, 96, 255],
+      [163, 255, 92, 255],
+      [167, 255, 88, 255],
+      [171, 255, 84, 255],
+      [175, 255, 80, 255],
+      [179, 255, 76, 255],
+      [183, 255, 72, 255],
+      [187, 255, 68, 255],
+      [191, 255, 64, 255],
+      [195, 255, 60, 255],
+      [199, 255, 56, 255],
+      [203, 255, 52, 255],
+      [207, 255, 48, 255],
+      [211, 255, 44, 255],
+      [215, 255, 40, 255],
+      [219, 255, 36, 255],
+      [223, 255, 32, 255],
+      [227, 255, 28, 255],
+      [231, 255, 24, 255],
+      [235, 255, 20, 255],
+      [239, 255, 16, 255],
+      [243, 255, 12, 255],
+      [247, 255, 8, 255],
+      [251, 255, 4, 255],
+      [255, 255, 0, 255],
+      [255, 251, 0, 255],
+      [255, 247, 0, 255],
+      [255, 243, 0, 255],
+      [255, 239, 0, 255],
+      [255, 235, 0, 255],
+      [255, 231, 0, 255],
+      [255, 227, 0, 255],
+      [255, 223, 0, 255],
+      [255, 219, 0, 255],
+      [255, 215, 0, 255],
+      [255, 211, 0, 255],
+      [255, 207, 0, 255],
+      [255, 203, 0, 255],
+      [255, 199, 0, 255],
+      [255, 195, 0, 255],
+      [255, 191, 0, 255],
+      [255, 187, 0, 255],
+      [255, 183, 0, 255],
+      [255, 179, 0, 255],
+      [255, 175, 0, 255],
+      [255, 171, 0, 255],
+      [255, 167, 0, 255],
+      [255, 163, 0, 255],
+      [255, 159, 0, 255],
+      [255, 155, 0, 255],
+      [255, 151, 0, 255],
+      [255, 147, 0, 255],
+      [255, 143, 0, 255],
+      [255, 139, 0, 255],
+      [255, 135, 0, 255],
+      [255, 131, 0, 255],
+      [255, 128, 0, 255],
+      [255, 124, 0, 255],
+      [255, 120, 0, 255],
+      [255, 116, 0, 255],
+      [255, 112, 0, 255],
+      [255, 108, 0, 255],
+      [255, 104, 0, 255],
+      [255, 100, 0, 255],
+      [255, 96, 0, 255],
+      [255, 92, 0, 255],
+      [255, 88, 0, 255],
+      [255, 84, 0, 255],
+      [255, 80, 0, 255],
+      [255, 76, 0, 255],
+      [255, 72, 0, 255],
+      [255, 68, 0, 255],
+      [255, 64, 0, 255],
+      [255, 60, 0, 255],
+      [255, 56, 0, 255],
+      [255, 52, 0, 255],
+      [255, 48, 0, 255],
+      [255, 44, 0, 255],
+      [255, 40, 0, 255],
+      [255, 36, 0, 255],
+      [255, 32, 0, 255],
+      [255, 28, 0, 255],
+      [255, 24, 0, 255],
+      [255, 20, 0, 255],
+      [255, 16, 0, 255],
+      [255, 12, 0, 255],
+      [255, 8, 0, 255],
+      [255, 4, 0, 255],
+      [255, 0, 0, 255],
+      [251, 0, 0, 255],
+      [247, 0, 0, 255],
+      [243, 0, 0, 255],
+      [239, 0, 0, 255],
+      [235, 0, 0, 255],
+      [231, 0, 0, 255],
+      [227, 0, 0, 255],
+      [223, 0, 0, 255],
+      [219, 0, 0, 255],
+      [215, 0, 0, 255],
+      [211, 0, 0, 255],
+      [207, 0, 0, 255],
+      [203, 0, 0, 255],
+      [199, 0, 0, 255],
+      [195, 0, 0, 255],
+      [191, 0, 0, 255],
+      [187, 0, 0, 255],
+      [183, 0, 0, 255],
+      [179, 0, 0, 255],
+      [175, 0, 0, 255],
+      [171, 0, 0, 255],
+      [167, 0, 0, 255],
+      [163, 0, 0, 255],
+      [159, 0, 0, 255],
+      [155, 0, 0, 255],
+      [151, 0, 0, 255],
+      [147, 0, 0, 255],
+      [143, 0, 0, 255],
+      [139, 0, 0, 255],
+      [135, 0, 0, 255],
+      [131, 0, 0, 255],
+      [0, 0, 0, 0],
+    ];
 
-    function incrLine()
-    {
-      if ((vert && !rhc) || (!vert && rhc))
-      {  
+    function incrLine() {
+      if ((vert && !rhc) || (!vert && rhc)) {
         nextLine++;
-        if (nextLine >= lines)
-        {
+        if (nextLine >= lines) {
           nextLine = 0;
         }
-      }
-      else
-      {
+      } else {
         nextLine--;
-        if (nextLine < 0)
-        {
-          nextLine = lines-1;
+        if (nextLine < 0) {
+          nextLine = lines - 1;
         }
       }
     }
 
-    function updateWaterfall()  // update dynamic waterfalls at a fixed rate
-    {
+    function updateWaterfall() {
+      // update dynamic waterfalls at a fixed rate
       let sgDiff;
-      
+
       // grab latest line of data, write it to off screen buffer, inc 'nextLine'
       sgNewLine();
       // loop to write data data at the desired rate, data is being updated asynchronously
       // ref for accurate timeout: http://www.sitepoint.com/creating-accurate-timers-in-javascript
       sgTime += interval;
-      sgDiff = (Date.now() - sgStartTime) - sgTime;
-      if (running) 
-      {
+      sgDiff = Date.now() - sgStartTime - sgTime;
+      if (running) {
         timerID = setTimeout(updateWaterfall, interval - sgDiff);
       }
     }
 
-    function sgSetLineRate(newRate)
-    {
-      if (isNaN(newRate) || newRate > 50 || newRate < 0)
-      {
+    function sgSetLineRate(newRate) {
+      if (isNaN(newRate) || newRate > 50 || newRate < 0) {
         console.error("invalid line rate [0 <= lineRate < 50 lines/sec]");
         // don't change the lineRate;
-      }
-      else if (newRate === 0)  // static (one pass) raster
-      {
+      } else if (newRate === 0) {
+        // static (one pass) raster
         lineRate = 0;
-      }
-      else
-      {
+      } else {
         lineRate = newRate;
-        interval = 1000/lineRate;  // msec
+        interval = 1000 / lineRate; // msec
       }
     }
 
     this.setLineRate = sgSetLineRate;
 
-    function setProperty(propertyName, value)
-    {
-      if ((typeof propertyName !== "string")||(value === undefined))  // null is OK, forces default
-      {
+    function setProperty(propertyName, value) {
+      if (typeof propertyName !== "string" || value === undefined) {
+        // null is OK, forces default
         return;
       }
-      switch (propertyName.toLowerCase())
-      {
+      switch (propertyName.toLowerCase()) {
         case "linerate":
-          sgSetLineRate(value);  // setLine does checks for number etc
-        break;
+          sgSetLineRate(value); // setLine does checks for number etc
+          break;
         case "startbin":
-          if (!isNaN(value) && value > 0)
-          {
+          if (!isNaN(value) && value > 0) {
             startOfs = value;
           }
-        break;
+          break;
         case "onscreenparentid":
-          if (typeof value === "string" && document.getElementById(value))
-          {
+          if (typeof value === "string" && document.getElementById(value)) {
             demoCvsId = value;
           }
           break;
         case "colormap":
-          if (Array.isArray(value) && Array.isArray(value[0]) && value[0].length == 4)
-          {
+          if (
+            Array.isArray(value) &&
+            Array.isArray(value[0]) &&
+            value[0].length == 4
+          ) {
             colMap = value; // value must be an array of 4 element arrays to get here
-            if (colMap.length<256)  // fill out the remaining colors with last color
-            {
-              for (let i=colMap.length; i<256; i++)
-              {
-                colMap[i] = colMap[colMap.length-1];
+            if (colMap.length < 256) {
+              // fill out the remaining colors with last color
+              for (let i = colMap.length; i < 256; i++) {
+                colMap[i] = colMap[colMap.length - 1];
               }
             }
           }
-        break;
+          break;
         default:
-        break;
+          break;
       }
     }
-  
-    function verticalNewLine() 
-    {
+
+    function verticalNewLine() {
       let tmpImgData, ipBuf8;
 
-      if (sgMode == "WF")
-      {
-        if (rhc)
-        {
+      if (sgMode == "WF") {
+        if (rhc) {
           // shift the current display down 1 line, oldest line drops off
-          tmpImgData = offScreenCtx.getImageData(0, 0, pxPerLine, lines-1);
+          tmpImgData = offScreenCtx.getImageData(0, 0, pxPerLine, lines - 1);
           offScreenCtx.putImageData(tmpImgData, 0, 1);
-        }
-        else
-        {
+        } else {
           // shift the current display up 1 line, oldest line drops off
-          tmpImgData = offScreenCtx.getImageData(0, 1, pxPerLine, lines-1);
+          tmpImgData = offScreenCtx.getImageData(0, 1, pxPerLine, lines - 1);
           offScreenCtx.putImageData(tmpImgData, 0, 0);
         }
       }
       ipBuf8 = Uint8ClampedArray.from(ipBufAry[0]);
-      for (let sigVal, rgba, opIdx = 0, ipIdx = startOfs; ipIdx < pxPerLine+startOfs; opIdx += 4, ipIdx++) 
-      {
-        sigVal = ipBuf8[ipIdx] || 0;    // if input line too short add zeros
-        rgba = colMap[sigVal];  // array of rgba values
+      for (
+        let sigVal, rgba, opIdx = 0, ipIdx = startOfs;
+        ipIdx < pxPerLine + startOfs;
+        opIdx += 4, ipIdx++
+      ) {
+        sigVal = ipBuf8[ipIdx] || 0; // if input line too short add zeros
+        rgba = colMap[sigVal]; // array of rgba values
         // byte reverse so number aa bb gg rr
-        lineBuf8[opIdx] = rgba[0];   // red
-        lineBuf8[opIdx+1] = rgba[1]; // green
-        lineBuf8[opIdx+2] = rgba[2]; // blue
-        lineBuf8[opIdx+3] = rgba[3]; // alpha
+        lineBuf8[opIdx] = rgba[0]; // red
+        lineBuf8[opIdx + 1] = rgba[1]; // green
+        lineBuf8[opIdx + 2] = rgba[2]; // blue
+        lineBuf8[opIdx + 3] = rgba[3]; // alpha
       }
       offScreenCtx.putImageData(lineImgData, 0, nextLine);
-      if (sgMode === "RS")
-      {
+      if (sgMode === "RS") {
         incrLine();
         // if not static draw a white line in front of the current line to indicate new data point
-        if (lineRate) 
-        {
+        if (lineRate) {
           offScreenCtx.putImageData(blankImgData, 0, nextLine);
         }
       }
-    };
+    }
 
-    function horizontalNewLine()  
-    {
+    function horizontalNewLine() {
       let tmpImgData, ipBuf8;
 
-      if (sgMode == "WF")
-      {
-        if (rhc)
-        {
+      if (sgMode == "WF") {
+        if (rhc) {
           // shift the current display right 1 line, oldest line drops off
-          tmpImgData = offScreenCtx.getImageData(0, 0, lines-1, pxPerLine);
+          tmpImgData = offScreenCtx.getImageData(0, 0, lines - 1, pxPerLine);
           offScreenCtx.putImageData(tmpImgData, 1, 0);
-        }
-        else
-        {
+        } else {
           // shift the current display left 1 line, oldest line drops off
-          tmpImgData = offScreenCtx.getImageData(1, 0, lines-1, pxPerLine);
+          tmpImgData = offScreenCtx.getImageData(1, 0, lines - 1, pxPerLine);
           offScreenCtx.putImageData(tmpImgData, 0, 0);
         }
       }
       // refresh the page image (it was just shifted)
-      pageImgData = offScreenCtx.getImageData(0, 0, lines, pxPerLine);     
-      if (ipBufAry[0].constructor !== Uint8Array)
-      {
+      pageImgData = offScreenCtx.getImageData(0, 0, lines, pxPerLine);
+      if (ipBufAry[0].constructor !== Uint8Array) {
         ipBuf8 = Uint8ClampedArray.from(ipBufAry[0]); // clamp input values to 0..255 range
-      } 
-      else
-      {
-        ipBuf8 = ipBufAry[0];  // conversion already done
+      } else {
+        ipBuf8 = ipBufAry[0]; // conversion already done
       }
 
-      for (let sigVal, rgba, opIdx, ipIdx=0; ipIdx < pxPerLine; ipIdx++) 
-      {
-        sigVal = ipBuf8[ipIdx+startOfs] || 0;    // if input line too short add zeros
-        rgba = colMap[sigVal];  // array of rgba values
-        opIdx = 4*((pxPerLine-ipIdx-1)*lines+nextLine);
+      for (let sigVal, rgba, opIdx, ipIdx = 0; ipIdx < pxPerLine; ipIdx++) {
+        sigVal = ipBuf8[ipIdx + startOfs] || 0; // if input line too short add zeros
+        rgba = colMap[sigVal]; // array of rgba values
+        opIdx = 4 * ((pxPerLine - ipIdx - 1) * lines + nextLine);
         // byte reverse so number aa bb gg rr
-        pageImgData.data[opIdx] = rgba[0];   // red
-        pageImgData.data[opIdx+1] = rgba[1]; // green
-        pageImgData.data[opIdx+2] = rgba[2]; // blue
-        pageImgData.data[opIdx+3] = rgba[3]; // alpha
+        pageImgData.data[opIdx] = rgba[0]; // red
+        pageImgData.data[opIdx + 1] = rgba[1]; // green
+        pageImgData.data[opIdx + 2] = rgba[2]; // blue
+        pageImgData.data[opIdx + 3] = rgba[3]; // alpha
       }
-      if (sgMode === "RS")
-      {
+      if (sgMode === "RS") {
         incrLine();
         // if not draw a white line in front of the current line to indicate new data point
-        if (lineRate) 
-        {
-          for (let j=0; j < pxPerLine; j++) 
-          {
-            if (rhc)
-            {
-              opIdx = 4*(j*lines+nextLine);
-            }
-            else
-            {
-              opIdx = 4*((pxPerLine-j-1)*lines+nextLine);
+        if (lineRate) {
+          for (let j = 0; j < pxPerLine; j++) {
+            if (rhc) {
+              opIdx = 4 * (j * lines + nextLine);
+            } else {
+              opIdx = 4 * ((pxPerLine - j - 1) * lines + nextLine);
             }
             // byte reverse so number aa bb gg rr
-            pageImgData.data[opIdx] = 255;   // red
-            pageImgData.data[opIdx+1] = 255; // green
-            pageImgData.data[opIdx+2] = 255; // blue
-            pageImgData.data[opIdx+3] = 255; // alpha
+            pageImgData.data[opIdx] = 255; // red
+            pageImgData.data[opIdx + 1] = 255; // green
+            pageImgData.data[opIdx + 2] = 255; // blue
+            pageImgData.data[opIdx + 3] = 255; // alpha
           }
         }
-      } 
+      }
       offScreenCtx.putImageData(pageImgData, 0, 0);
-    };
+    }
 
-    const sgNewLine = (vert)? verticalNewLine: horizontalNewLine;  // function pointers
+    const sgNewLine = vert ? verticalNewLine : horizontalNewLine; // function pointers
 
-//===== set all the options  ================
-    for (let prop in opt)
-    {
+    //===== set all the options  ================
+    for (let prop in opt) {
       // check that this is opt's own property, not inherited from prototype
-      if (opt.hasOwnProperty(prop))
-      {
+      if (opt.hasOwnProperty(prop)) {
         setProperty(prop, opt[prop]);
       }
     }
 
-// ===== now make the exposed properties and methods ===============
+    // ===== now make the exposed properties and methods ===============
     this.newLine = sgNewLine;
 
     this.offScreenCvs = document.createElement("canvas");
-    if (vert)
-    {
-      this.offScreenCvs.setAttribute('width', pxPerLine);   // reset canvas pixels width
-      this.offScreenCvs.setAttribute('height', lines);      // don't use style for this
+    if (vert) {
+      this.offScreenCvs.setAttribute("width", pxPerLine); // reset canvas pixels width
+      this.offScreenCvs.setAttribute("height", lines); // don't use style for this
       clearImgData = new ImageData(clearBuf8, pxPerLine, lines);
-    }
-    else // data written in columns
-    {
-      this.offScreenCvs.setAttribute('width', lines);       // reset canvas pixels width
-      this.offScreenCvs.setAttribute('height', pxPerLine);  // don't use style for this
+    } // data written in columns
+    else {
+      this.offScreenCvs.setAttribute("width", lines); // reset canvas pixels width
+      this.offScreenCvs.setAttribute("height", pxPerLine); // don't use style for this
       clearImgData = new ImageData(clearBuf8, lines, pxPerLine);
     }
     offScreenCtx = this.offScreenCvs.getContext("2d");
 
-    this.clear = function()
-    {
+    this.clear = function () {
       offScreenCtx.putImageData(clearImgData, 0, 0);
     };
 
-    this.start = function()
-    {
-      sgStartTime = Date.now();   
+    this.start = function () {
+      sgStartTime = Date.now();
       sgTime = 0;
       running = true;
-      updateWaterfall();  // start the update loop
+      updateWaterfall(); // start the update loop
     };
 
-    this.stop = function()
-    {
+    this.stop = function () {
       running = false;
-      if (timerID)
-      {
+      if (timerID) {
         clearTimeout(timerID);
       }
       // reset where the next line is to be written
-      if (sgMode === "RS")
-      {
-        if (vert)
-        {
-          nextLine = (rhc)? lines-1 : 0;
+      if (sgMode === "RS") {
+        if (vert) {
+          nextLine = rhc ? lines - 1 : 0;
+        } else {
+          nextLine = rhc ? 0 : lines - 1;
         }
-        else
-        {
-          nextLine = (rhc)? 0 : lines-1;
-        }
-      }
-      else // WF
-      {
-        nextLine = (rhc)? 0 :  lines-1;  
+      } // WF
+      else {
+        nextLine = rhc ? 0 : lines - 1;
       }
     };
 
     // make a white line, it will show the input line for RS displays
     blankBuf8.fill(255);
     // make a full canvas of the color map 0 values
-    for (let i=0; i<pxPerLine*lines*4; i+=4) 
-    {
+    for (let i = 0; i < pxPerLine * lines * 4; i += 4) {
       // byte reverse so number aa bb gg rr
-      clearBuf8[i] = colMap[0][0];   // red
-      clearBuf8[i+1] = colMap[0][1]; // green
-      clearBuf8[i+2] = colMap[0][2]; // blue
-      clearBuf8[i+3] = colMap[0][3]; // alpha
+      clearBuf8[i] = colMap[0][0]; // red
+      clearBuf8[i + 1] = colMap[0][1]; // green
+      clearBuf8[i + 2] = colMap[0][2]; // blue
+      clearBuf8[i + 3] = colMap[0][3]; // alpha
     }
     // for diagnostics only
-    if (typeof(demoCvsId) == "string")
-    {
-      document.getElementById(demoCvsId).appendChild(this.offScreenCvs); 
+    if (typeof demoCvsId == "string") {
+      document.getElementById(demoCvsId).appendChild(this.offScreenCvs);
     }
     // initialize the direction and first line position
     this.stop();
 
-    // everything is set 
+    // everything is set
     // if dynamic, wait for the start or newLine methods to be called
-  } 
-}())
\ No newline at end of file
+  }
+})();
diff --git a/gui/src/waterfall/spectrum.js b/gui/src/waterfall/spectrum.js
index 6faeb8d7..f3976bd9 100644
--- a/gui/src/waterfall/spectrum.js
+++ b/gui/src/waterfall/spectrum.js
@@ -4,82 +4,93 @@
  * See the LICENSE file for further details.
  */
 
-'use strict';
+"use strict";
 
-Spectrum.prototype.squeeze = function(value, out_min, out_max) {
-    if (value <= this.min_db)
-        return out_min;
-    else if (value >= this.max_db)
-        return out_max;
-    else
-        return Math.round((value - this.min_db) / (this.max_db - this.min_db) * out_max);
-}
+Spectrum.prototype.squeeze = function (value, out_min, out_max) {
+  if (value <= this.min_db) return out_min;
+  else if (value >= this.max_db) return out_max;
+  else
+    return Math.round(
+      ((value - this.min_db) / (this.max_db - this.min_db)) * out_max
+    );
+};
 
-Spectrum.prototype.rowToImageData = function(bins) {
-    for (var i = 0; i < this.imagedata.data.length; i += 4) {
-        var cindex = this.squeeze(bins[i/4], 0, 255);
-        var color = this.colormap[cindex];
-        this.imagedata.data[i+0] = color[0];
-        this.imagedata.data[i+1] = color[1];
-        this.imagedata.data[i+2] = color[2];
-        this.imagedata.data[i+3] = 255;
-    }
-}
+Spectrum.prototype.rowToImageData = function (bins) {
+  for (var i = 0; i < this.imagedata.data.length; i += 4) {
+    var cindex = this.squeeze(bins[i / 4], 0, 255);
+    var color = this.colormap[cindex];
+    this.imagedata.data[i + 0] = color[0];
+    this.imagedata.data[i + 1] = color[1];
+    this.imagedata.data[i + 2] = color[2];
+    this.imagedata.data[i + 3] = 255;
+  }
+};
 
-Spectrum.prototype.addWaterfallRow = function(bins) {
-    // Shift waterfall 1 row down
-    this.ctx_wf.drawImage(this.ctx_wf.canvas,
-        0, 0, this.wf_size, this.wf_rows - 1,
-        0, 1, this.wf_size, this.wf_rows - 1);
+Spectrum.prototype.addWaterfallRow = function (bins) {
+  // Shift waterfall 1 row down
+  this.ctx_wf.drawImage(
+    this.ctx_wf.canvas,
+    0,
+    0,
+    this.wf_size,
+    this.wf_rows - 1,
+    0,
+    1,
+    this.wf_size,
+    this.wf_rows - 1
+  );
 
-    // Draw new line on waterfall canvas
-    this.rowToImageData(bins);
-    this.ctx_wf.putImageData(this.imagedata, 0, 0);
+  // Draw new line on waterfall canvas
+  this.rowToImageData(bins);
+  this.ctx_wf.putImageData(this.imagedata, 0, 0);
 
-    var width = this.ctx.canvas.width;
-    var height = this.ctx.canvas.height;
+  var width = this.ctx.canvas.width;
+  var height = this.ctx.canvas.height;
 
-    // Copy scaled FFT canvas to screen. Only copy the number of rows that will
-    // fit in waterfall area to avoid vertical scaling.
-    this.ctx.imageSmoothingEnabled = false;
-    var rows = Math.min(this.wf_rows, height - this.spectrumHeight);
-    this.ctx.drawImage(this.ctx_wf.canvas,
-        0, 0, this.wf_size, rows,
-        0, this.spectrumHeight, width, height - this.spectrumHeight);
-}
+  // Copy scaled FFT canvas to screen. Only copy the number of rows that will
+  // fit in waterfall area to avoid vertical scaling.
+  this.ctx.imageSmoothingEnabled = false;
+  var rows = Math.min(this.wf_rows, height - this.spectrumHeight);
+  this.ctx.drawImage(
+    this.ctx_wf.canvas,
+    0,
+    0,
+    this.wf_size,
+    rows,
+    0,
+    this.spectrumHeight,
+    width,
+    height - this.spectrumHeight
+  );
+};
 
-Spectrum.prototype.drawFFT = function(bins) {
-    this.ctx.beginPath();
-    this.ctx.moveTo(-1, this.spectrumHeight + 1);
-    for (var i = 0; i < bins.length; i++) {
-        var y = this.spectrumHeight - this.squeeze(bins[i], 0, this.spectrumHeight);
-        if (y > this.spectrumHeight - 1)
-            y = this.spectrumHeight + 1; // Hide underflow
-        if (y < 0)
-            y = 0;
-        if (i == 0)
-            this.ctx.lineTo(-1, y);
-        this.ctx.lineTo(i, y);
-        if (i == bins.length - 1)
-            this.ctx.lineTo(this.wf_size + 1, y);
-    }
-    this.ctx.lineTo(this.wf_size + 1, this.spectrumHeight + 1);
-    this.ctx.strokeStyle = "#fefefe";
-    this.ctx.stroke();
-}
+Spectrum.prototype.drawFFT = function (bins) {
+  this.ctx.beginPath();
+  this.ctx.moveTo(-1, this.spectrumHeight + 1);
+  for (var i = 0; i < bins.length; i++) {
+    var y = this.spectrumHeight - this.squeeze(bins[i], 0, this.spectrumHeight);
+    if (y > this.spectrumHeight - 1) y = this.spectrumHeight + 1; // Hide underflow
+    if (y < 0) y = 0;
+    if (i == 0) this.ctx.lineTo(-1, y);
+    this.ctx.lineTo(i, y);
+    if (i == bins.length - 1) this.ctx.lineTo(this.wf_size + 1, y);
+  }
+  this.ctx.lineTo(this.wf_size + 1, this.spectrumHeight + 1);
+  this.ctx.strokeStyle = "#fefefe";
+  this.ctx.stroke();
+};
 
 //Spectrum.prototype.drawSpectrum = function(bins) {
-    Spectrum.prototype.drawSpectrum = function() {
-    var width = this.ctx.canvas.width;
-    var height = this.ctx.canvas.height;
+Spectrum.prototype.drawSpectrum = function () {
+  var width = this.ctx.canvas.width;
+  var height = this.ctx.canvas.height;
 
-
-    // Modification by DJ2LS
-    // Draw bandwidth lines
-    // TODO: Math not correct. But a first attempt
-    // it seems position is more or less equal to frequenzy by factor 10
-    // eg. position 150 == 1500Hz
-    /*
+  // Modification by DJ2LS
+  // Draw bandwidth lines
+  // TODO: Math not correct. But a first attempt
+  // it seems position is more or less equal to frequenzy by factor 10
+  // eg. position 150 == 1500Hz
+  /*
     // CENTER LINE
     this.ctx_wf.beginPath();
     this.ctx_wf.moveTo(150,0);
@@ -89,34 +100,33 @@ Spectrum.prototype.drawFFT = function(bins) {
     this.ctx_wf.stroke()
     */
 
-    // 586Hz and 1700Hz LINES
-    var linePositionLow = 121.6;     //150 - bandwith/20
-    var linePositionHigh = 178.4;    //150 + bandwidth/20
-    var linePositionLow2 = 65;       //150 - bandwith/20
-    var linePositionHigh2 = 235;     //150 + bandwith/20  
-    this.ctx_wf.beginPath();
-    this.ctx_wf.moveTo(linePositionLow,0);
-    this.ctx_wf.lineTo(linePositionLow, height);
-    this.ctx_wf.moveTo(linePositionHigh,0);
-    this.ctx_wf.lineTo(linePositionHigh, height);
-    this.ctx_wf.moveTo(linePositionLow2,0);
-    this.ctx_wf.lineTo(linePositionLow2, height);
-    this.ctx_wf.moveTo(linePositionHigh2,0);
-    this.ctx_wf.lineTo(linePositionHigh2, height);
-    this.ctx_wf.lineWidth = 1;
-    this.ctx_wf.strokeStyle = '#C3C3C3';
-    this.ctx_wf.stroke()
+  // 586Hz and 1700Hz LINES
+  var linePositionLow = 121.6; //150 - bandwith/20
+  var linePositionHigh = 178.4; //150 + bandwidth/20
+  var linePositionLow2 = 65; //150 - bandwith/20
+  var linePositionHigh2 = 235; //150 + bandwith/20
+  this.ctx_wf.beginPath();
+  this.ctx_wf.moveTo(linePositionLow, 0);
+  this.ctx_wf.lineTo(linePositionLow, height);
+  this.ctx_wf.moveTo(linePositionHigh, 0);
+  this.ctx_wf.lineTo(linePositionHigh, height);
+  this.ctx_wf.moveTo(linePositionLow2, 0);
+  this.ctx_wf.lineTo(linePositionLow2, height);
+  this.ctx_wf.moveTo(linePositionHigh2, 0);
+  this.ctx_wf.lineTo(linePositionHigh2, height);
+  this.ctx_wf.lineWidth = 1;
+  this.ctx_wf.strokeStyle = "#C3C3C3";
+  this.ctx_wf.stroke();
 
-   // ---- END OF MODIFICATION ------
+  // ---- END OF MODIFICATION ------
 
+  // Fill with black
+  this.ctx.fillStyle = "white";
+  this.ctx.fillRect(0, 0, width, height);
 
-    // Fill with black
-    this.ctx.fillStyle = "white";
-    this.ctx.fillRect(0, 0, width, height);
-
-    //Commenting out the remainder of this code, it's not needed and unused as of 6.9.11 and saves three if statements
-    return;
-    /*
+  //Commenting out the remainder of this code, it's not needed and unused as of 6.9.11 and saves three if statements
+  return;
+  /*
     // FFT averaging
     if (this.averaging > 0) {
         if (!this.binsAverage || this.binsAverage.length != bins.length) {
@@ -170,309 +180,309 @@ Spectrum.prototype.drawFFT = function(bins) {
     // Copy axes from offscreen canvas
     this.ctx.drawImage(this.ctx_axes.canvas, 0, 0);
     */
-}
+};
 
 //Allow setting colormap
-Spectrum.prototype.setColorMap = function(index) {
-    this.colormap = colormaps[index];
-}
+Spectrum.prototype.setColorMap = function (index) {
+  this.colormap = colormaps[index];
+};
 
-Spectrum.prototype.updateAxes = function() {
-    var width = this.ctx_axes.canvas.width;
-    var height = this.ctx_axes.canvas.height;
+Spectrum.prototype.updateAxes = function () {
+  var width = this.ctx_axes.canvas.width;
+  var height = this.ctx_axes.canvas.height;
 
-    // Clear axes canvas
-    this.ctx_axes.clearRect(0, 0, width, height);
+  // Clear axes canvas
+  this.ctx_axes.clearRect(0, 0, width, height);
 
-    // Draw axes
-    this.ctx_axes.font = "12px sans-serif";
-    this.ctx_axes.fillStyle = "white";
-    this.ctx_axes.textBaseline = "middle";
+  // Draw axes
+  this.ctx_axes.font = "12px sans-serif";
+  this.ctx_axes.fillStyle = "white";
+  this.ctx_axes.textBaseline = "middle";
 
-    this.ctx_axes.textAlign = "left";
-    var step = 10;
-    for (var i = this.min_db + 10; i <= this.max_db - 10; i += step) {
-        var y = height - this.squeeze(i, 0, height);
-        this.ctx_axes.fillText(i, 5, y);
+  this.ctx_axes.textAlign = "left";
+  var step = 10;
+  for (var i = this.min_db + 10; i <= this.max_db - 10; i += step) {
+    var y = height - this.squeeze(i, 0, height);
+    this.ctx_axes.fillText(i, 5, y);
 
-        this.ctx_axes.beginPath();
-        this.ctx_axes.moveTo(20, y);
-        this.ctx_axes.lineTo(width, y);
-        this.ctx_axes.strokeStyle = "rgba(200, 200, 200, 0.10)";
-        this.ctx_axes.stroke();
+    this.ctx_axes.beginPath();
+    this.ctx_axes.moveTo(20, y);
+    this.ctx_axes.lineTo(width, y);
+    this.ctx_axes.strokeStyle = "rgba(200, 200, 200, 0.10)";
+    this.ctx_axes.stroke();
+  }
+
+  this.ctx_axes.textBaseline = "bottom";
+  for (var i = 0; i < 11; i++) {
+    var x = Math.round(width / 10) * i;
+
+    if (this.spanHz > 0) {
+      var adjust = 0;
+      if (i == 0) {
+        this.ctx_axes.textAlign = "left";
+        adjust = 3;
+      } else if (i == 10) {
+        this.ctx_axes.textAlign = "right";
+        adjust = -3;
+      } else {
+        this.ctx_axes.textAlign = "center";
+      }
+
+      var freq = this.centerHz + (this.spanHz / 10) * (i - 5);
+      if (this.centerHz + this.spanHz > 1e6) freq = freq / 1e6 + "M";
+      else if (this.centerHz + this.spanHz > 1e3) freq = freq / 1e3 + "k";
+      this.ctx_axes.fillText(freq, x + adjust, height - 3);
     }
 
-    this.ctx_axes.textBaseline = "bottom";
-    for (var i = 0; i < 11; i++) {
-        var x = Math.round(width / 10) * i;
+    this.ctx_axes.beginPath();
+    this.ctx_axes.moveTo(x, 0);
+    this.ctx_axes.lineTo(x, height);
+    this.ctx_axes.strokeStyle = "rgba(200, 200, 200, 0.10)";
+    this.ctx_axes.stroke();
+  }
+};
 
-        if (this.spanHz > 0) {
-            var adjust = 0;
-            if (i == 0) {
-                this.ctx_axes.textAlign = "left";
-                adjust = 3;
-            } else if (i == 10) {
-                this.ctx_axes.textAlign = "right";
-                adjust = -3;
-            } else {
-                this.ctx_axes.textAlign = "center";
-            }
-
-            var freq = this.centerHz + this.spanHz / 10 * (i - 5);
-            if (this.centerHz + this.spanHz > 1e6)
-                freq = freq / 1e6 + "M";
-            else if (this.centerHz + this.spanHz > 1e3)
-                freq = freq / 1e3 + "k";
-            this.ctx_axes.fillText(freq, x + adjust, height - 3);
-        }
-
-        this.ctx_axes.beginPath();
-        this.ctx_axes.moveTo(x, 0);
-        this.ctx_axes.lineTo(x, height);
-        this.ctx_axes.strokeStyle = "rgba(200, 200, 200, 0.10)";
-        this.ctx_axes.stroke();
+Spectrum.prototype.addData = function (data) {
+  if (!this.paused) {
+    if (data.length != this.wf_size) {
+      this.wf_size = data.length;
+      this.ctx_wf.canvas.width = data.length;
+      this.ctx_wf.fillStyle = "white";
+      this.ctx_wf.fillRect(0, 0, this.wf.width, this.wf.height);
+      this.imagedata = this.ctx_wf.createImageData(data.length, 1);
     }
-}
+    //this.drawSpectrum(data);
+    this.drawSpectrum();
+    this.addWaterfallRow(data);
+    this.resize();
+  }
+};
 
-Spectrum.prototype.addData = function(data) {
-    if (!this.paused) {
-        if (data.length != this.wf_size) {
-            this.wf_size = data.length;
-            this.ctx_wf.canvas.width = data.length;
-            this.ctx_wf.fillStyle = "white";
-            this.ctx_wf.fillRect(0, 0, this.wf.width, this.wf.height);
-            this.imagedata = this.ctx_wf.createImageData(data.length, 1);
-        }
-        //this.drawSpectrum(data);
-        this.drawSpectrum();
-        this.addWaterfallRow(data);
-        this.resize();
-    }
-}
+Spectrum.prototype.updateSpectrumRatio = function () {
+  this.spectrumHeight = Math.round(
+    (this.canvas.height * this.spectrumPercent) / 100.0
+  );
 
-Spectrum.prototype.updateSpectrumRatio = function() {
-    this.spectrumHeight = Math.round(this.canvas.height * this.spectrumPercent / 100.0);
+  this.gradient = this.ctx.createLinearGradient(0, 0, 0, this.spectrumHeight);
+  for (var i = 0; i < this.colormap.length; i++) {
+    var c = this.colormap[this.colormap.length - 1 - i];
+    this.gradient.addColorStop(
+      i / this.colormap.length,
+      "rgba(" + c[0] + "," + c[1] + "," + c[2] + ", 1.0)"
+    );
+  }
+};
 
-    this.gradient = this.ctx.createLinearGradient(0, 0, 0, this.spectrumHeight);
-    for (var i = 0; i < this.colormap.length; i++) {
-        var c = this.colormap[this.colormap.length - 1 - i];
-        this.gradient.addColorStop(i / this.colormap.length,
-            "rgba(" + c[0] + "," + c[1] + "," + c[2] + ", 1.0)");
-    }
-}
+Spectrum.prototype.resize = function () {
+  var width = this.canvas.clientWidth;
+  var height = this.canvas.clientHeight;
 
-Spectrum.prototype.resize = function() {
-    var width = this.canvas.clientWidth;
-    var height = this.canvas.clientHeight;
-
-    if (this.canvas.width != width ||
-        this.canvas.height != height) {
-        this.canvas.width = width;
-        this.canvas.height = height;
-        this.updateSpectrumRatio();
-    }
-
-    if (this.axes.width != width ||
-        this.axes.height != this.spectrumHeight) {
-        this.axes.width = width;
-        this.axes.height = this.spectrumHeight;
-        this.updateAxes();
-    }
-
-}
-
-Spectrum.prototype.setSpectrumPercent = function(percent) {
-    if (percent >= 0 && percent <= 100) {
-        this.spectrumPercent = percent;
-        this.updateSpectrumRatio();
-    }
-}
-
-Spectrum.prototype.incrementSpectrumPercent = function() {
-    if (this.spectrumPercent + this.spectrumPercentStep <= 100) {
-        this.setSpectrumPercent(this.spectrumPercent + this.spectrumPercentStep);
-    }
-}
-
-Spectrum.prototype.decrementSpectrumPercent = function() {
-    if (this.spectrumPercent - this.spectrumPercentStep >= 0) {
-        this.setSpectrumPercent(this.spectrumPercent - this.spectrumPercentStep);
-    }
-}
-
-Spectrum.prototype.toggleColor = function() {
-    this.colorindex++;
-    if (this.colorindex >= colormaps.length)
-        this.colorindex = 0;
-    this.colormap = colormaps[this.colorindex];
+  if (this.canvas.width != width || this.canvas.height != height) {
+    this.canvas.width = width;
+    this.canvas.height = height;
     this.updateSpectrumRatio();
-}
+  }
 
-Spectrum.prototype.setRange = function(min_db, max_db) {
-    this.min_db = min_db;
-    this.max_db = max_db;
+  if (this.axes.width != width || this.axes.height != this.spectrumHeight) {
+    this.axes.width = width;
+    this.axes.height = this.spectrumHeight;
     this.updateAxes();
-}
+  }
+};
 
-Spectrum.prototype.rangeUp = function() {
-    this.setRange(this.min_db - 5, this.max_db - 5);
-}
+Spectrum.prototype.setSpectrumPercent = function (percent) {
+  if (percent >= 0 && percent <= 100) {
+    this.spectrumPercent = percent;
+    this.updateSpectrumRatio();
+  }
+};
 
-Spectrum.prototype.rangeDown = function() {
-    this.setRange(this.min_db + 5, this.max_db + 5);
-}
+Spectrum.prototype.incrementSpectrumPercent = function () {
+  if (this.spectrumPercent + this.spectrumPercentStep <= 100) {
+    this.setSpectrumPercent(this.spectrumPercent + this.spectrumPercentStep);
+  }
+};
 
-Spectrum.prototype.rangeIncrease = function() {
-    this.setRange(this.min_db - 5, this.max_db + 5);
-}
+Spectrum.prototype.decrementSpectrumPercent = function () {
+  if (this.spectrumPercent - this.spectrumPercentStep >= 0) {
+    this.setSpectrumPercent(this.spectrumPercent - this.spectrumPercentStep);
+  }
+};
 
-Spectrum.prototype.rangeDecrease = function() {
-    if (this.max_db - this.min_db > 10)
-        this.setRange(this.min_db + 5, this.max_db - 5);
-}
+Spectrum.prototype.toggleColor = function () {
+  this.colorindex++;
+  if (this.colorindex >= colormaps.length) this.colorindex = 0;
+  this.colormap = colormaps[this.colorindex];
+  this.updateSpectrumRatio();
+};
 
-Spectrum.prototype.setCenterHz = function(hz) {
-    this.centerHz = hz;
-    this.updateAxes();
-}
+Spectrum.prototype.setRange = function (min_db, max_db) {
+  this.min_db = min_db;
+  this.max_db = max_db;
+  this.updateAxes();
+};
 
-Spectrum.prototype.setSpanHz = function(hz) {
-    this.spanHz = hz;
-    this.updateAxes();
-}
+Spectrum.prototype.rangeUp = function () {
+  this.setRange(this.min_db - 5, this.max_db - 5);
+};
 
-Spectrum.prototype.setAveraging = function(num) {
-    if (num >= 0) {
-        this.averaging = num;
-        this.alpha = 2 / (this.averaging + 1)
+Spectrum.prototype.rangeDown = function () {
+  this.setRange(this.min_db + 5, this.max_db + 5);
+};
+
+Spectrum.prototype.rangeIncrease = function () {
+  this.setRange(this.min_db - 5, this.max_db + 5);
+};
+
+Spectrum.prototype.rangeDecrease = function () {
+  if (this.max_db - this.min_db > 10)
+    this.setRange(this.min_db + 5, this.max_db - 5);
+};
+
+Spectrum.prototype.setCenterHz = function (hz) {
+  this.centerHz = hz;
+  this.updateAxes();
+};
+
+Spectrum.prototype.setSpanHz = function (hz) {
+  this.spanHz = hz;
+  this.updateAxes();
+};
+
+Spectrum.prototype.setAveraging = function (num) {
+  if (num >= 0) {
+    this.averaging = num;
+    this.alpha = 2 / (this.averaging + 1);
+  }
+};
+
+Spectrum.prototype.incrementAveraging = function () {
+  this.setAveraging(this.averaging + 1);
+};
+
+Spectrum.prototype.decrementAveraging = function () {
+  if (this.averaging > 0) {
+    this.setAveraging(this.averaging - 1);
+  }
+};
+
+Spectrum.prototype.setPaused = function (paused) {
+  this.paused = paused;
+};
+
+Spectrum.prototype.togglePaused = function () {
+  this.setPaused(!this.paused);
+};
+
+Spectrum.prototype.setMaxHold = function (maxhold) {
+  this.maxHold = maxhold;
+  this.binsMax = undefined;
+};
+
+Spectrum.prototype.toggleMaxHold = function () {
+  this.setMaxHold(!this.maxHold);
+};
+
+Spectrum.prototype.toggleFullscreen = function () {
+  if (!this.fullscreen) {
+    if (this.canvas.requestFullscreen) {
+      this.canvas.requestFullscreen();
+    } else if (this.canvas.mozRequestFullScreen) {
+      this.canvas.mozRequestFullScreen();
+    } else if (this.canvas.webkitRequestFullscreen) {
+      this.canvas.webkitRequestFullscreen();
+    } else if (this.canvas.msRequestFullscreen) {
+      this.canvas.msRequestFullscreen();
     }
-}
-
-Spectrum.prototype.incrementAveraging = function() {
-    this.setAveraging(this.averaging + 1);
-}
-
-Spectrum.prototype.decrementAveraging = function() {
-    if (this.averaging > 0) {
-        this.setAveraging(this.averaging - 1);
+    this.fullscreen = true;
+  } else {
+    if (document.exitFullscreen) {
+      document.exitFullscreen();
+    } else if (document.mozCancelFullScreen) {
+      document.mozCancelFullScreen();
+    } else if (document.webkitExitFullscreen) {
+      document.webkitExitFullscreen();
+    } else if (document.msExitFullscreen) {
+      document.msExitFullscreen();
     }
-}
+    this.fullscreen = false;
+  }
+};
 
-Spectrum.prototype.setPaused = function(paused) {
-    this.paused = paused;
-}
-
-Spectrum.prototype.togglePaused = function() {
-    this.setPaused(!this.paused);
-}
-
-Spectrum.prototype.setMaxHold = function(maxhold) {
-    this.maxHold = maxhold;
-    this.binsMax = undefined;
-}
-
-Spectrum.prototype.toggleMaxHold = function() {
-    this.setMaxHold(!this.maxHold);
-}
-
-Spectrum.prototype.toggleFullscreen = function() {
-    if (!this.fullscreen) {
-        if (this.canvas.requestFullscreen) {
-            this.canvas.requestFullscreen();
-        } else if (this.canvas.mozRequestFullScreen) {
-            this.canvas.mozRequestFullScreen();
-        } else if (this.canvas.webkitRequestFullscreen) {
-            this.canvas.webkitRequestFullscreen();
-        } else if (this.canvas.msRequestFullscreen) {
-            this.canvas.msRequestFullscreen();
-        }
-        this.fullscreen = true;
-    } else {
-        if (document.exitFullscreen) {
-            document.exitFullscreen();
-        } else if (document.mozCancelFullScreen) {
-            document.mozCancelFullScreen();
-        } else if (document.webkitExitFullscreen) {
-            document.webkitExitFullscreen();
-        } else if (document.msExitFullscreen) {
-            document.msExitFullscreen();
-        }
-        this.fullscreen = false;
-    }
-}
-
-Spectrum.prototype.onKeypress = function(e) {
-    if (e.key == " ") {
-        this.togglePaused();
-    } else if (e.key == "f") {
-        this.toggleFullscreen();
-    } else if (e.key == "c") {
-        this.toggleColor();
-    } else if (e.key == "ArrowUp") {
-        this.rangeUp();
-    } else if (e.key == "ArrowDown") {
-        this.rangeDown();
-    } else if (e.key == "ArrowLeft") {
-        this.rangeDecrease();
-    } else if (e.key == "ArrowRight") {
-        this.rangeIncrease();
-    } else if (e.key == "s") {
-        this.incrementSpectrumPercent();
-    } else if (e.key == "w") {
-        this.decrementSpectrumPercent();
-    } else if (e.key == "+") {
-        this.incrementAveraging();
-    } else if (e.key == "-") {
-        this.decrementAveraging();
-    } else if (e.key == "m") {
-        this.toggleMaxHold();
-    }
-}
+Spectrum.prototype.onKeypress = function (e) {
+  if (e.key == " ") {
+    this.togglePaused();
+  } else if (e.key == "f") {
+    this.toggleFullscreen();
+  } else if (e.key == "c") {
+    this.toggleColor();
+  } else if (e.key == "ArrowUp") {
+    this.rangeUp();
+  } else if (e.key == "ArrowDown") {
+    this.rangeDown();
+  } else if (e.key == "ArrowLeft") {
+    this.rangeDecrease();
+  } else if (e.key == "ArrowRight") {
+    this.rangeIncrease();
+  } else if (e.key == "s") {
+    this.incrementSpectrumPercent();
+  } else if (e.key == "w") {
+    this.decrementSpectrumPercent();
+  } else if (e.key == "+") {
+    this.incrementAveraging();
+  } else if (e.key == "-") {
+    this.decrementAveraging();
+  } else if (e.key == "m") {
+    this.toggleMaxHold();
+  }
+};
 
 function Spectrum(id, options) {
-    // Handle options
-    this.centerHz = (options && options.centerHz) ? options.centerHz : 1500;
-    this.spanHz = (options && options.spanHz) ? options.spanHz : 0;
-    this.wf_size = (options && options.wf_size) ? options.wf_size : 0;
-    this.wf_rows = (options && options.wf_rows) ? options.wf_rows : 1024;
-    this.spectrumPercent = (options && options.spectrumPercent) ? options.spectrumPercent : 0;
-    this.spectrumPercentStep = (options && options.spectrumPercentStep) ? options.spectrumPercentStep : 0;
-    this.averaging = (options && options.averaging) ? options.averaging : 0;
-    this.maxHold = (options && options.maxHold) ? options.maxHold : false;
+  // Handle options
+  this.centerHz = options && options.centerHz ? options.centerHz : 1500;
+  this.spanHz = options && options.spanHz ? options.spanHz : 0;
+  this.wf_size = options && options.wf_size ? options.wf_size : 0;
+  this.wf_rows = options && options.wf_rows ? options.wf_rows : 1024;
+  this.spectrumPercent =
+    options && options.spectrumPercent ? options.spectrumPercent : 0;
+  this.spectrumPercentStep =
+    options && options.spectrumPercentStep ? options.spectrumPercentStep : 0;
+  this.averaging = options && options.averaging ? options.averaging : 0;
+  this.maxHold = options && options.maxHold ? options.maxHold : false;
 
-    // Setup state
-    this.paused = false;
-    this.fullscreen = false;
-    this.min_db = 0;
-    this.max_db = 70;
-    this.spectrumHeight = 0;
+  // Setup state
+  this.paused = false;
+  this.fullscreen = false;
+  this.min_db = 0;
+  this.max_db = 70;
+  this.spectrumHeight = 0;
 
-    // Colors
-    this.colorindex = 0;
-    this.colormap = colormaps[2];
+  // Colors
+  this.colorindex = 0;
+  this.colormap = colormaps[2];
 
-    // Create main canvas and adjust dimensions to match actual
-    this.canvas = document.getElementById(id);
-    this.canvas.height = this.canvas.clientHeight;
-    this.canvas.width = this.canvas.clientWidth;
-    this.ctx = this.canvas.getContext("2d");
-    this.ctx.fillStyle = "white";
-    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+  // Create main canvas and adjust dimensions to match actual
+  this.canvas = document.getElementById(id);
+  this.canvas.height = this.canvas.clientHeight;
+  this.canvas.width = this.canvas.clientWidth;
+  this.ctx = this.canvas.getContext("2d");
+  this.ctx.fillStyle = "white";
+  this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
 
-    // Create offscreen canvas for axes
-    this.axes = document.createElement("canvas");
-    this.axes.height = 1; // Updated later
-    this.axes.width = this.canvas.width;
-    this.ctx_axes = this.axes.getContext("2d");
+  // Create offscreen canvas for axes
+  this.axes = document.createElement("canvas");
+  this.axes.height = 1; // Updated later
+  this.axes.width = this.canvas.width;
+  this.ctx_axes = this.axes.getContext("2d");
 
-    // Create offscreen canvas for waterfall
-    this.wf = document.createElement("canvas");
-    this.wf.height = this.wf_rows;
-    this.wf.width = this.wf_size;
-    this.ctx_wf = this.wf.getContext("2d");
+  // Create offscreen canvas for waterfall
+  this.wf = document.createElement("canvas");
+  this.wf.height = this.wf_rows;
+  this.wf.width = this.wf_size;
+  this.ctx_wf = this.wf.getContext("2d");
 
-    // Trigger first render
-    this.setAveraging(this.averaging);
-    this.updateSpectrumRatio();
-    this.resize();
+  // Trigger first render
+  this.setAveraging(this.averaging);
+  this.updateSpectrumRatio();
+  this.resize();
 }
diff --git a/gui/src/waterfall/waterfall.css b/gui/src/waterfall/waterfall.css
index 8852f13d..8885bbdb 100644
--- a/gui/src/waterfall/waterfall.css
+++ b/gui/src/waterfall/waterfall.css
@@ -1,11 +1,12 @@
-html, body {
-    width:  100%;
-    height: 100%;
-    margin: 0px;
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0px;
 }
 
 #waterfall {
-    display: block;
-    width: 100%;
-    height: 100%;
+  display: block;
+  width: 100%;
+  height: 100%;
 }
diff --git a/test/002_highsnr_ping_pong/README.md b/test/002_highsnr_ping_pong/README.md
index cd7b7bad..ea9a2b55 100644
--- a/test/002_highsnr_ping_pong/README.md
+++ b/test/002_highsnr_ping_pong/README.md
@@ -1,10 +1,11 @@
-
 # FreeDV-JATE [Just Another TNC Experiment]
 
 ## 002_HIGHSNR_PING_PONG
 
 ### INSTALL TEST SUITE
+
 #### Install prerequierements
+
 ```
 sudo apt update
 sudo apt upgrade
@@ -15,41 +16,41 @@ pip3 install threading
 
 Go into a directory of your choice
 Run the following commands --> They will download and compile the latest codec2 ( dr-packet ) files and LPCNet as well into the directory of your choice
+
 ```
 wget https://raw.githubusercontent.com/DJ2LS/FreeDV-JATE/002_HIGHSNR_PING_PONG/install_test_suite.sh
 chmod +x install_test_suite.sh
 ./install_test_suite.sh
 ```
 
-
-
 ### PARAMETERS
-| parameter | description | side
-|--|--|--|
-| - -txmode 12 | set the mode for FreeDV ( 10,11,12,14 ) | Terminal 1 & Terminal 2
-| - -rxmode 14 | set the mode for FreeDV ( 10,11,12,14 ) | Terminal 1 & Terminal 2
-| - -frames 1 | set the number of frames per burst | Terminal 1
-| - -bursts 1 | set the number of bursts | Terminal 1
-| - -audioinput 2 | set the audio device | Terminal 1 & Terminal 2
-| - -audiooutput 1 | set the audio device | Terminal 1 & Terminal 2
-| - -debug | if used, print additional debugging output | Terminal 1 & Terminal 2
-  	
-
 
+| parameter        | description                                | side                    |
+| ---------------- | ------------------------------------------ | ----------------------- |
+| - -txmode 12     | set the mode for FreeDV ( 10,11,12,14 )    | Terminal 1 & Terminal 2 |
+| - -rxmode 14     | set the mode for FreeDV ( 10,11,12,14 )    | Terminal 1 & Terminal 2 |
+| - -frames 1      | set the number of frames per burst         | Terminal 1              |
+| - -bursts 1      | set the number of bursts                   | Terminal 1              |
+| - -audioinput 2  | set the audio device                       | Terminal 1 & Terminal 2 |
+| - -audiooutput 1 | set the audio device                       | Terminal 1 & Terminal 2 |
+| - -debug         | if used, print additional debugging output | Terminal 1 & Terminal 2 |
 
 ### AUDIO TESTS VIA VIRTUAL AUDIO DEVICE
 
- #### Create audio sinkhole and subdevices
- Note: This command needs to be run again after every reboot
- ```
-sudo modprobe snd-aloop index=1,2 enable=1,1 pcm_substreams=1,1 id=CHAT1,CHAT2 
+#### Create audio sinkhole and subdevices
+
+Note: This command needs to be run again after every reboot
+
 ```
+sudo modprobe snd-aloop index=1,2 enable=1,1 pcm_substreams=1,1 id=CHAT1,CHAT2
+```
+
 check if devices have been created
 
-
-
     aplay -l
+
 Output should be like this:
+
 ```
     Karte 0: Intel [HDA Intel], Gerät 0: Generic Analog [Generic Analog]
       Sub-Geräte: 1/1
@@ -71,10 +72,13 @@ Output should be like this:
 ### Run tests:
 
 #### Terminal 1: Ping
+
 ```
 python3 PING.py --txmode 12 --rxmode 14 --audioinput 2 --audiooutput 2 --frames 1 --bursts 2
 ```
+
 Output
+
 ```
 BURSTS: 2 FRAMES: 1
 -----------------------------------------------------------------
@@ -86,10 +90,13 @@ RX | PONG | BURST [2/2] FRAME [1/1]
 ```
 
 #### Terminal 2: Pong
+
 ```
 python3 PONG.py --txmode 14 --rxmode 12 --audioinput 2 --audiooutput 2
 ```
+
 Output
+
 ```
 RX | BURST [1/2] FRAME [1/1] >>> SENDING PONG
 RX | BURST [2/2] FRAME [1/1] >>> SENDING PONG
diff --git a/test/README.md b/test/README.md
index 32940c1e..e047b078 100644
--- a/test/README.md
+++ b/test/README.md
@@ -1,7 +1,7 @@
-
 # Unit Test Menu
 
 The following `CTest` tests cover some TNC functionality and the interface to codec2:
+
 1. Name: `audio_buffer`
    Tests the thread safety of the audio buffer routines.
 1. Name: `resampler`
@@ -32,6 +32,7 @@ The following `CTest` tests cover some TNC functionality and the interface to co
 The following tests can not currently be run with GitHub's pipeline as they require the ALSA dummy device
 kernel module to be installed. They also do not perform reliably. These tests are slowly being
 replaced with equivalent pipeline-compatible tests.
+
 1. Name: `highsnr_virtual1_P_P_single_alsa`
    Tests a high signal-to-noise ratio audio path using a single codec directly over an ALSA dummy device.
 1. Name: `highsnr_virtual2_P_P_single`
@@ -46,7 +47,6 @@ replaced with equivalent pipeline-compatible tests.
 1. Name: `highsnr_virtual5_P_P_multi_callback`
 1. Name: `highsnr_virtual5_P_P_multi_callback_outside`
 
-
 # Instructions
 
 1. Install:
@@ -57,6 +57,7 @@ replaced with equivalent pipeline-compatible tests.
    cmake -DCODEC2_BUILD_DIR=$HOME/codec2/build_linux ..
    ```
 2. List available tests:
+
    ```
    ctest -N
    Test project /home/david/FreeDATA/build
@@ -65,6 +66,7 @@ replaced with equivalent pipeline-compatible tests.
 
    Total Tests: 2
    ```
+
 3. Run tests:
    ```
    ctest --output-on-failure
@@ -78,7 +80,6 @@ replaced with equivalent pipeline-compatible tests.
    ctest -V
    ```
 
-
 # 001_HIGHSNR_STDIO_AUDIO TEST SUITE
 
 1. Install
@@ -103,18 +104,23 @@ python3 util_tx.py --mode datac1 --delay 500 --frames 2 --bursts 1 | python3 uti
 ```
 
 ## Moderate signal-to-noise ratio (SNR)
+
 Tests need to be written that test a low SNR data path so that the TNC performance when packets are lost can be evaluated.
 
 ## AUDIO test via virtual audio devices
+
 ### Important:
+
 The virtual audio devices are great for testing, but they are also a little tricky to handle. So there's a high chance, the tests will fail, if you are running them via virtual audio devices. You should run the tests several times, while keeping this in mind. Most time the ctest is working even if it is failing.
 
 1. Create virtual audio devices. Note: This command needs to be run again after every reboot
+
    ```
    sudo modprobe snd-aloop index=1,2 enable=1,1 pcm_substreams=1,1 id=CHAT1,CHAT2
    ```
 
 1. Check if devices have been created
+
    ```
     aplay -l
 
@@ -136,6 +142,7 @@ The virtual audio devices are great for testing, but they are also a little tric
    ```
 
 1. Determine the audio device number you would like to use:
+
    ```
    python3 util_rx.py --list
    <snip>
@@ -148,9 +155,11 @@ The virtual audio devices are great for testing, but they are also a little tric
    audiodev:  6 Loopback: PCM (hw:2,0)
    audiodev:  7 Loopback: PCM (hw:2,1)
    ```
+
    In this case we choose audiodev 4 for the RX and 5 for the Tx.
 
 1. Start the Rx first, then Tx in separate consoles:
    ```
    python3 util_rx.py --mode datac0 --frames 2 --bursts 1 --audiodev 4 --debug
    python3 util_tx.py --mode datac0 --frames 2 --bursts 1 --audiodev 5
+   ```
diff --git a/tnc/lib/pyaudio/windows/README.md b/tnc/lib/pyaudio/windows/README.md
index a31df3ec..7beb7c48 100644
--- a/tnc/lib/pyaudio/windows/README.md
+++ b/tnc/lib/pyaudio/windows/README.md
@@ -1,3 +1,5 @@
 # PyAudio
-## downloaded from 
+
+## downloaded from
+
 https://www.lfd.uci.edu/~gohlke/pythonlibs/#pyaudio

From f2d41ecd725d2200bbe68e475f5bf9a0f8a50fa6 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:58:41 +0100
Subject: [PATCH 09/70] exclude waterfall from prettier

---
 .prettierignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.prettierignore b/.prettierignore
index 7dd5a478..26938359 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,4 +2,4 @@
 build
 coverage
 assets
-gui/waterfall
\ No newline at end of file
+gui/src/waterfall
\ No newline at end of file

From 3f7948efff6a5be9e44b498a32141d251d8e594d Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 11 Feb 2023 21:18:09 -0500
Subject: [PATCH 10/70] Add website link to about page.

---
 gui/preload-main.js |  5 ++++-
 gui/src/index.html  | 14 ++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 63e36ee5..ce0d2bb6 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1404,7 +1404,10 @@ var fileList = document.getElementById("dataModalFile").files;
   document.getElementById("btnStats").addEventListener("click", () => {
     shell.openExternal("https://statistics.freedata.app");
   });
-
+  // GH Link clicked
+  document.getElementById("fdWww").addEventListener("click", () => {
+    shell.openExternal("https://freedata.app");
+  });
   // GH Link clicked
   document.getElementById("ghUrl").addEventListener("click", () => {
     shell.openExternal("https://github.com/DJ2LS/FreeDATA");
diff --git a/gui/src/index.html b/gui/src/index.html
index 45e930a5..3d3c4fec 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -249,7 +249,7 @@
 	 -->
     </nav>
 
-    <div id="blurdiv" style="-webkit-filter: blur(0px)">
+    <div id="blurdiv" style="-webkit-filter: blur(0px);filter:blur(0px)">
       <!--beginn of blur div -->
       <!-------------------------------- MAIN AREA ---------------->
       <!-------------------------------- INFO TOASTS ---------------->
@@ -2607,6 +2607,16 @@
                   role="toolbar"
                   aria-label="Toolbar with button groups"
                 >
+                <div class="btn-group">
+                  <i
+                    style="font-size: 1.5rem"
+                    class="btn bi bi-bookmarks"
+                    id="fdWww"
+                    data-bs-toggle="tooltip"
+                    title="FreeDATA website"
+                    role="button"
+                  ></i>
+                </div>
                   <div class="btn-group">
                     <i
                       style="font-size: 1.5rem"
@@ -2651,7 +2661,7 @@
               </div>
               <div class="row">
                 <h6>Special thanks to</h6>
-                <hr \ />
+                <hr />
               </div>
               <div class="row">
                 <div class="col-4" id="divContrib"></div>

From bb6bf2f089f515c48b94a179b31d13048c523714 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sat, 11 Feb 2023 23:04:57 -0500
Subject: [PATCH 11/70] Adjust beacon area, move interval to settings

---
 gui/preload-main.js | 51 ++++++++++++++---------------------
 gui/src/index.html  | 66 ++++++++++++++++++++-------------------------
 2 files changed, 49 insertions(+), 68 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index ce0d2bb6..a82d7217 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1228,10 +1228,19 @@ var fileList = document.getElementById("dataModalFile").files;
 
   // Start beacon button clicked
   document.getElementById("startBeacon").addEventListener("click", () => {
+    let bcn = document.getElementById("startBeacon");
+    bcn.disabled=true;
     interval = document.getElementById("beaconInterval").value;
+    //Use class list to determine state of beacon, secondary == off
+    if (bcn.className.toLowerCase().indexOf('secondary') > 0) {
+      //Stopped; let us start it
+      sock.startBeacon(interval);
+    } else {
+      sock.stopBeacon();
+    }
     config.beacon_interval = interval;
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    sock.startBeacon(interval);
+    bcn.disabled=false;
   });
 
   // sendscatter Switch clicked
@@ -1387,11 +1396,6 @@ var fileList = document.getElementById("dataModalFile").files;
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
   });
 
-  // Stop beacon button clicked
-  document.getElementById("stopBeacon").addEventListener("click", () => {
-    sock.stopBeacon();
-  });
-
   // Explorer button clicked
   document.getElementById("openExplorer").addEventListener("click", () => {
     shell.openExternal(
@@ -2235,36 +2239,21 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
   }
 
   // BEACON
-  let bcn = document.getElementById("startBeacon");
-
   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");
-      } else {
-        bcn.className = "btn btn-sm btn-outline-success";
-        document
-          .getElementById("txtBeacon")
-          .setAttribute(
-            "class",
-            "input-group-text p-1 text-success text-uppercase"
-          );
+      toggleClass("startBeacon","btn-outline-secondary",false);
+      toggleClass("startBeacon","btn-success",true);
+      if (document.getElementById("beaconInterval").disabled  == false) {
+        document.getElementById("beaconInterval").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-outline-success";
-      document.getElementById("beaconInterval").disabled = false;
-      document.getElementById("stopBeacon").disabled = true;
-      bcn.disabled = false;
+      toggleClass("startBeacon","btn-outline-secondary",true);
+      toggleClass("startBeacon","btn-success",false);
+      
+      if (document.getElementById("beaconInterval").disabled == true) {
+        document.getElementById("beaconInterval").disabled = false;
+      }
       break;
   }
   // dbfs
diff --git a/gui/src/index.html b/gui/src/index.html
index 3d3c4fec..02a9cfee 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1370,49 +1370,16 @@
                       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."
+                      title="Toggle beacon mode. The interval can be set in settings. 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-outline-success"
+                        class="btn btn-sm btn-outline-secondary"
                       >
                         <i
-                          class="bi bi-arrow-clockwise"
-                          style="font-size: 0.8rem"
-                        ></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"
-                      >
-                        <option value="5">5s</option>
-                        <option selected value="10">10s</option>
-                        <option value="15">15s</option>
-                        <option value="30">30s</option>
-                        <option value="45">45s</option>
-                        <option value="60">60s</option>
-                        <option value="90">90s</option>
-                        <option value="120">2min</option>
-                        <option value="300">5min</option>
-                        <option value="600">10min</option>
-                        <option value="900">15min</option>
-                        <option value="1800">30min</option>
-                        <option value="3600">60min</option>
-                      </select>
-                      <button
-                        type="button"
-                        id="stopBeacon"
-                        class="btn btn-sm btn-outline-danger"
-                      >
-                        <i
-                          class="bi bi-x-octagon-fill"
-                          style="font-size: 0.8rem"
+                          class="bi bi-soundwave"
+                          
                         ></i>
                       </button>
                     </div>
@@ -2357,6 +2324,31 @@
                     <option value="250.0">250.0</option>
                   </select>
                 </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text w-50" id="basic-addon1"
+                    >Beacon interval</span
+                  >
+                  <select
+                  class="form-select form-select-sm"
+                  aria-label=".form-select-sm"
+                  id="beaconInterval"
+                  style="width: 6rem"
+                >
+                  <option value="5">5 secs</option>
+                  <option selected value="10">10 secs</option>
+                  <option value="15">15 secs</option>
+                  <option value="30">30 secs</option>
+                  <option value="45">45 secs</option>
+                  <option value="60">60 secs</option>
+                  <option value="90">90 secs</option>
+                  <option value="120">2 mins</option>
+                  <option value="300">5 mins</option>
+                  <option value="600">10 mins</option>
+                  <option value="900">15 mins</option>
+                  <option value="1800">30 mins</option>
+                  <option value="3600">60 mins</option>
+                </select>
+                </div>
                 <div class="input-group input-group-sm mb-1">
                   <label class="input-group-text w-50"
                     >Enable waterfall data</label

From a8aef000251b348a3032de68c220138ebda0dbab Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Sun, 12 Feb 2023 04:05:48 +0000
Subject: [PATCH 12/70] Prettified Code!

---
 gui/preload-main.js | 18 ++++++-------
 gui/src/index.html  | 65 +++++++++++++++++++++------------------------
 2 files changed, 40 insertions(+), 43 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index a82d7217..b6ce44f8 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1229,10 +1229,10 @@ var fileList = document.getElementById("dataModalFile").files;
   // Start beacon button clicked
   document.getElementById("startBeacon").addEventListener("click", () => {
     let bcn = document.getElementById("startBeacon");
-    bcn.disabled=true;
+    bcn.disabled = true;
     interval = document.getElementById("beaconInterval").value;
     //Use class list to determine state of beacon, secondary == off
-    if (bcn.className.toLowerCase().indexOf('secondary') > 0) {
+    if (bcn.className.toLowerCase().indexOf("secondary") > 0) {
       //Stopped; let us start it
       sock.startBeacon(interval);
     } else {
@@ -1240,7 +1240,7 @@ var fileList = document.getElementById("dataModalFile").files;
     }
     config.beacon_interval = interval;
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    bcn.disabled=false;
+    bcn.disabled = false;
   });
 
   // sendscatter Switch clicked
@@ -2241,16 +2241,16 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
   // BEACON
   switch (arg.beacon_state) {
     case "True":
-      toggleClass("startBeacon","btn-outline-secondary",false);
-      toggleClass("startBeacon","btn-success",true);
-      if (document.getElementById("beaconInterval").disabled  == false) {
+      toggleClass("startBeacon", "btn-outline-secondary", false);
+      toggleClass("startBeacon", "btn-success", true);
+      if (document.getElementById("beaconInterval").disabled == false) {
         document.getElementById("beaconInterval").disabled = true;
       }
       break;
     default:
-      toggleClass("startBeacon","btn-outline-secondary",true);
-      toggleClass("startBeacon","btn-success",false);
-      
+      toggleClass("startBeacon", "btn-outline-secondary", true);
+      toggleClass("startBeacon", "btn-success", false);
+
       if (document.getElementById("beaconInterval").disabled == true) {
         document.getElementById("beaconInterval").disabled = false;
       }
diff --git a/gui/src/index.html b/gui/src/index.html
index 02a9cfee..02e1a2aa 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -249,7 +249,7 @@
 	 -->
     </nav>
 
-    <div id="blurdiv" style="-webkit-filter: blur(0px);filter:blur(0px)">
+    <div id="blurdiv" style="-webkit-filter: blur(0px); filter: blur(0px)">
       <!--beginn of blur div -->
       <!-------------------------------- MAIN AREA ---------------->
       <!-------------------------------- INFO TOASTS ---------------->
@@ -1377,10 +1377,7 @@
                         id="startBeacon"
                         class="btn btn-sm btn-outline-secondary"
                       >
-                        <i
-                          class="bi bi-soundwave"
-                          
-                        ></i>
+                        <i class="bi bi-soundwave"></i>
                       </button>
                     </div>
                   </div>
@@ -2329,25 +2326,25 @@
                     >Beacon interval</span
                   >
                   <select
-                  class="form-select form-select-sm"
-                  aria-label=".form-select-sm"
-                  id="beaconInterval"
-                  style="width: 6rem"
-                >
-                  <option value="5">5 secs</option>
-                  <option selected value="10">10 secs</option>
-                  <option value="15">15 secs</option>
-                  <option value="30">30 secs</option>
-                  <option value="45">45 secs</option>
-                  <option value="60">60 secs</option>
-                  <option value="90">90 secs</option>
-                  <option value="120">2 mins</option>
-                  <option value="300">5 mins</option>
-                  <option value="600">10 mins</option>
-                  <option value="900">15 mins</option>
-                  <option value="1800">30 mins</option>
-                  <option value="3600">60 mins</option>
-                </select>
+                    class="form-select form-select-sm"
+                    aria-label=".form-select-sm"
+                    id="beaconInterval"
+                    style="width: 6rem"
+                  >
+                    <option value="5">5 secs</option>
+                    <option selected value="10">10 secs</option>
+                    <option value="15">15 secs</option>
+                    <option value="30">30 secs</option>
+                    <option value="45">45 secs</option>
+                    <option value="60">60 secs</option>
+                    <option value="90">90 secs</option>
+                    <option value="120">2 mins</option>
+                    <option value="300">5 mins</option>
+                    <option value="600">10 mins</option>
+                    <option value="900">15 mins</option>
+                    <option value="1800">30 mins</option>
+                    <option value="3600">60 mins</option>
+                  </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <label class="input-group-text w-50"
@@ -2599,16 +2596,16 @@
                   role="toolbar"
                   aria-label="Toolbar with button groups"
                 >
-                <div class="btn-group">
-                  <i
-                    style="font-size: 1.5rem"
-                    class="btn bi bi-bookmarks"
-                    id="fdWww"
-                    data-bs-toggle="tooltip"
-                    title="FreeDATA website"
-                    role="button"
-                  ></i>
-                </div>
+                  <div class="btn-group">
+                    <i
+                      style="font-size: 1.5rem"
+                      class="btn bi bi-bookmarks"
+                      id="fdWww"
+                      data-bs-toggle="tooltip"
+                      title="FreeDATA website"
+                      role="button"
+                    ></i>
+                  </div>
                   <div class="btn-group">
                     <i
                       style="font-size: 1.5rem"

From e0e774444fdfbed43845ae83b940f1cbc7faa4f2 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 08:02:25 +0100
Subject: [PATCH 13/70] added hamlib settings tab, cleanup

---
 gui/src/index.html | 68 +++++++++++++++++++---------------------------
 1 file changed, 28 insertions(+), 40 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 02e1a2aa..db8e94e1 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -2143,6 +2143,20 @@
                   GUI
                 </button>
               </li>
+              <li class="nav-item" role="presentation">
+                <button
+                  class="nav-link"
+                  id="hamlib-tab"
+                  data-bs-toggle="tab"
+                  data-bs-target="#hamlib"
+                  type="button"
+                  role="tab"
+                  aria-controls="profile"
+                  aria-selected="false"
+                >
+                  HAMLIB
+                </button>
+              </li>
               <li class="nav-item" role="presentation">
                 <button
                   class="nav-link"
@@ -2162,7 +2176,7 @@
                   class="nav-link"
                   id="web-tab"
                   data-bs-toggle="tab"
-                  data-bs-target="#stats"
+                  data-bs-target="#web"
                   type="button"
                   role="tab"
                   aria-controls="messages"
@@ -2288,6 +2302,17 @@
                   </select>
                 </div>
               </div>
+
+              <div
+                class="tab-pane"
+                id="hamlib"
+                role="tabpanel"
+                aria-labelledby="hamlib-tab"
+                tabindex="0"
+              >
+                Hamlib...
+              </div>
+
               <!-- TNC Tab contents-->
               <div
                 class="tab-pane"
@@ -2437,7 +2462,7 @@
               <!-- Stats Tab content-->
               <div
                 class="tab-pane"
-                id="stats"
+                id="web"
                 role="tabpanel"
                 aria-labelledby="web-tab"
                 tabindex="0"
@@ -2528,44 +2553,7 @@
         </div>
       </div>
     </div>
-    <!-- HAMLIB ADVANCED SETTINGS MODAL -->
-    <div
-      class="modal fade"
-      data-bs-backdrop="static"
-      tabindex="-1"
-      id="advancedHamlibSettingsModal"
-    >
-      <div class="modal-dialog">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">Hamlib advanced settings</h5>
-            <button
-              type="button"
-              class="btn-close"
-              data-bs-dismiss="modal"
-              aria-label="Close"
-            ></button>
-          </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"
-              class="btn btn-sm btn-secondary"
-              data-bs-dismiss="modal"
-            >
-              Close
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
+
     <!-- info modal -->
     <!-- Modal -->
     <div

From c5a6dbcb72a68e4e9b64011b5e5d72d57ad3011e Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 08:26:29 +0100
Subject: [PATCH 14/70] first attempt removing hamlib settings to new place

---
 gui/preload-main.js |  233 ---------
 gui/src/index.html  | 1130 ++++++++++++++++++++-----------------------
 2 files changed, 524 insertions(+), 839 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index b6ce44f8..5380cc90 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -415,64 +415,34 @@ window.addEventListener("DOMContentLoaded", () => {
   // radio control element
   if (config.radiocontrol == "rigctld") {
     document.getElementById("radio-control-switch-disabled").checked = false;
-    document.getElementById("radio-control-switch-radio").checked = true;
-    document.getElementById("radio-control-switch-connect").checked = false;
     document.getElementById("radio-control-switch-network").checked = false;
 
     document.getElementById("radio-control-disabled").style.visibility =
       "hidden";
     document.getElementById("radio-control-disabled").style.display = "none";
 
-    document.getElementById("radio-control-radio").style.visibility = "visible";
-    document.getElementById("radio-control-radio").style.display = "100%";
-
-    document.getElementById("radio-control-connection").style.visibility =
-      "hidden";
-    document.getElementById("radio-control-connection").style.display = "none";
-
-    document.getElementById("radio-control-ptt").style.visibility = "hidden";
-    document.getElementById("radio-control-ptt").style.display = "none";
 
     document.getElementById("radio-control-network").style.visibility =
       "hidden";
     document.getElementById("radio-control-network").style.display = "none";
 
-    document.getElementById("radio-control-rigctld").style.visibility =
-      "hidden";
-    document.getElementById("radio-control-rigctld").style.display = "none";
-
     document.getElementById("radio-control-rigctld-info").style.visibility =
       "hidden";
     document.getElementById("radio-control-rigctld-info").style.display =
       "none";
   } else {
     document.getElementById("radio-control-switch-disabled").checked = true;
-    document.getElementById("radio-control-switch-radio").checked = false;
-    document.getElementById("radio-control-switch-connect").checked = false;
     document.getElementById("radio-control-switch-network").checked = false;
-    document.getElementById("radio-control-switch-rigctld").checked = false;
     document.getElementById(
       "radio-control-switch-rigctld-info"
     ).checked = false;
 
-    document.getElementById("radio-control-connection").style.visibility =
-      "hidden";
-    document.getElementById("radio-control-connection").style.display = "none";
 
-    document.getElementById("radio-control-ptt").style.visibility = "hidden";
-    document.getElementById("radio-control-ptt").style.display = "none";
 
     document.getElementById("radio-control-network").style.display = "none";
     document.getElementById("radio-control-network").style.visibility =
       "hidden";
 
-    document.getElementById("radio-control-radio").style.display = "none";
-    document.getElementById("radio-control-radio").style.visibility = "hidden";
-
-    document.getElementById("radio-control-rigctld").style.visibility =
-      "hidden";
-    document.getElementById("radio-control-rigctld").style.display = "none";
-
     document.getElementById("radio-control-rigctld-info").style.visibility =
       "hidden";
     document.getElementById("radio-control-rigctld-info").style.display =
@@ -549,25 +519,12 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "visible";
 
-      document.getElementById("radio-control-radio").style.display = "none";
-      document.getElementById("radio-control-radio").style.visibility =
-        "hidden";
 
-      document.getElementById("radio-control-connection").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-connection").style.display =
-        "none";
-
-      document.getElementById("radio-control-ptt").style.visibility = "hidden";
-      document.getElementById("radio-control-ptt").style.display = "none";
 
       document.getElementById("radio-control-network").style.display = "none";
       document.getElementById("radio-control-network").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld").style.display = "none";
 
       document.getElementById("radio-control-rigctld-info").style.visibility =
         "hidden";
@@ -578,125 +535,7 @@ window.addEventListener("DOMContentLoaded", () => {
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-  // radio settings event listener
-  document
-    .getElementById("radio-control-switch-radio")
-    .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Select your radio by searching for the name or ID.";
 
-      document.getElementById("radio-control-disabled").style.display = "none";
-      document.getElementById("radio-control-disabled").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-radio").style.display = "block";
-      document.getElementById("radio-control-radio").style.visibility =
-        "visible";
-
-      document.getElementById("radio-control-connection").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-connection").style.display =
-        "none";
-
-      document.getElementById("radio-control-ptt").style.visibility = "hidden";
-      document.getElementById("radio-control-ptt").style.display = "none";
-
-      document.getElementById("radio-control-network").style.display = "none";
-      document.getElementById("radio-control-network").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld").style.display = "none";
-
-      document.getElementById("radio-control-rigctld-info").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld-info").style.display =
-        "none";
-
-      config.radiocontrol = "rigctld";
-      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-
-  // radio settings 'connection' event listener
-  document
-    .getElementById("radio-control-switch-connect")
-    .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Setup the connection between rigctld and your radio";
-
-      document.getElementById("radio-control-disabled").style.display = "none";
-      document.getElementById("radio-control-disabled").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-radio").style.display = "none";
-      document.getElementById("radio-control-radio").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-connection").style.visibility =
-        "visible";
-      document.getElementById("radio-control-connection").style.display =
-        "block";
-
-      document.getElementById("radio-control-ptt").style.visibility = "hidden";
-      document.getElementById("radio-control-ptt").style.display = "none";
-
-      document.getElementById("radio-control-network").style.display = "none";
-      document.getElementById("radio-control-network").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld").style.display = "none";
-
-      document.getElementById("radio-control-rigctld-info").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld-info").style.display =
-        "none";
-
-      config.radiocontrol = "rigctld";
-      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-
-  // radio settings 'ptt' event listener
-  document
-    .getElementById("radio-control-switch-ptt")
-    .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Set your PTT related settings.";
-
-      document.getElementById("radio-control-disabled").style.display = "none";
-      document.getElementById("radio-control-disabled").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-radio").style.display = "none";
-      document.getElementById("radio-control-radio").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-connection").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-connection").style.display =
-        "none";
-
-      document.getElementById("radio-control-ptt").style.visibility = "visible";
-      document.getElementById("radio-control-ptt").style.display = "block";
-
-      document.getElementById("radio-control-network").style.display = "none";
-      document.getElementById("radio-control-network").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld").style.display = "none";
-
-      document.getElementById("radio-control-rigctld-info").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld-info").style.display =
-        "none";
-
-      config.radiocontrol = "rigctld";
-      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
 
   // // radio settings 'network' event listener
   document
@@ -709,66 +548,10 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-radio").style.display = "none";
-      document.getElementById("radio-control-radio").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-connection").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-connection").style.display =
-        "none";
-
-      document.getElementById("radio-control-ptt").style.visibility = "hidden";
-      document.getElementById("radio-control-ptt").style.display = "none";
-
       document.getElementById("radio-control-network").style.display = "block";
       document.getElementById("radio-control-network").style.visibility =
         "visible";
 
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld").style.display = "none";
-
-      document.getElementById("radio-control-rigctld-info").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld-info").style.display =
-        "none";
-
-      config.radiocontrol = "rigctld";
-      fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    });
-
-  // // radio settings 'rigctld' event listener
-  document
-    .getElementById("radio-control-switch-rigctld")
-    .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Define the rigctld path and port";
-
-      document.getElementById("radio-control-disabled").style.display = "none";
-      document.getElementById("radio-control-disabled").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-radio").style.display = "none";
-      document.getElementById("radio-control-radio").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-connection").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-connection").style.display =
-        "none";
-
-      document.getElementById("radio-control-ptt").style.visibility = "hidden";
-      document.getElementById("radio-control-ptt").style.display = "none";
-
-      document.getElementById("radio-control-network").style.display = "none";
-      document.getElementById("radio-control-network").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "visible";
-      document.getElementById("radio-control-rigctld").style.display = "block";
-
       document.getElementById("radio-control-rigctld-info").style.visibility =
         "hidden";
       document.getElementById("radio-control-rigctld-info").style.display =
@@ -789,26 +572,10 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-radio").style.display = "none";
-      document.getElementById("radio-control-radio").style.visibility =
-        "hidden";
-
-      document.getElementById("radio-control-connection").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-connection").style.display =
-        "none";
-
-      document.getElementById("radio-control-ptt").style.visibility = "hidden";
-      document.getElementById("radio-control-ptt").style.display = "none";
-
       document.getElementById("radio-control-network").style.display = "none";
       document.getElementById("radio-control-network").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-rigctld").style.visibility =
-        "hidden";
-      document.getElementById("radio-control-rigctld").style.display = "none";
-
       document.getElementById("radio-control-rigctld-info").style.visibility =
         "visible";
       document.getElementById("radio-control-rigctld-info").style.display =
diff --git a/gui/src/index.html b/gui/src/index.html
index db8e94e1..b532c12c 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -321,7 +321,7 @@
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
-                  aria-label="waterfall-scatter-switch toggle button group"
+                  aria-label="radio-control-switch-disabled"
                 >
                   <input
                     type="radio"
@@ -335,84 +335,16 @@
                     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>
+                    disabled
                   </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"
@@ -424,10 +356,7 @@
                     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>
+                    radio-control-switch-rigctld-info
                   </label>
                 </div>
                 <div
@@ -446,10 +375,7 @@
                     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>
+                    radio-control-switch-network
                   </label>
                 </div>
                 <div class="btn-group" role="group">
@@ -471,491 +397,6 @@
                 <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"
-                    />
-                    <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>
-                    </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"
-                    >
-                      <!--<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"
-                    >
-                      <option value="1200">1200</option>
-                      <option value="2400">2400</option>
-                      <option value="4800">4800</option>
-                      <option selected value="9600">9600</option>
-                      <option value="14400">14400</option>
-                      <option value="19200">19200</option>
-                      <option value="28800">28800</option>
-                      <option value="38400">38400</option>
-                      <option value="57600">57600</option>
-                      <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"
-                    >
-                      <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"
-                    >
-                      <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"
-                    >
-                      <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"
-                    >
-                      <!--<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"
-                    >
-                      <option value="NONE">NONE</option>
-                      <option value="RIG">RIG</option>
-                      <option value="USB">USB</option>
-                      <option value="RTS">Serial RTS</option>
-                      <option value="PARALLEL">Rig PARALLEL</option>
-                      <option value="MICDATA">Rig MICDATA</option>
-                      <option value="CM108">Rig CM108</option>
-                    </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"
-                    >
-                      <option value="NONE">NONE</option>
-                      <option value="RIG">RIG/CAT</option>
-                      <option value="DSR">DSR</option>
-                      <option value="CTS">CTS</option>
-                      <option value="CD">CD</option>
-                      <option value="PARALLEL">PARALLEL</option>
-                    </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"
-                    >
-                      <option value="OFF">OFF</option>
-                      <option value="ON">ON</option>
-                    </select>
-                  </div>
-                </div>
                 <!-- RADIO CONTROL NETWORK -->
                 <div id="radio-control-network">
                   <div class="input-group input-group-sm mb-1">
@@ -981,48 +422,8 @@
                     />
                   </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>
                 <!-- 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">
                     <button
                       class="btn btn-outline-success"
@@ -2154,7 +1555,7 @@
                   aria-controls="profile"
                   aria-selected="false"
                 >
-                  HAMLIB
+                  Hamlib
                 </button>
               </li>
               <li class="nav-item" role="presentation">
@@ -2311,6 +1712,523 @@
                 tabindex="0"
               >
                 Hamlib...
+                  <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">
+                      <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>
+                    </datalist>
+                  </div>
+                  <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"
+                    >
+                      <option value="1200">1200</option>
+                      <option value="2400">2400</option>
+                      <option value="4800">4800</option>
+                      <option selected value="9600">9600</option>
+                      <option value="14400">14400</option>
+                      <option value="19200">19200</option>
+                      <option value="28800">28800</option>
+                      <option value="38400">38400</option>
+                      <option value="57600">57600</option>
+                      <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"
+                    >
+                      <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"
+                    >
+                      <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"
+                    >
+                      <option value="None">None (Default)</option>
+                    </select>
+                  </div>
+
+                  <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"
+                    >
+                      <option value="NONE">NONE</option>
+                      <option value="RIG">RIG</option>
+                      <option value="USB">USB</option>
+                      <option value="RTS">Serial RTS</option>
+                      <option value="PARALLEL">Rig PARALLEL</option>
+                      <option value="MICDATA">Rig MICDATA</option>
+                      <option value="CM108">Rig CM108</option>
+                    </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"
+                    >
+                      <option value="NONE">NONE</option>
+                      <option value="RIG">RIG/CAT</option>
+                      <option value="DSR">DSR</option>
+                      <option value="CTS">CTS</option>
+                      <option value="CD">CD</option>
+                      <option value="PARALLEL">PARALLEL</option>
+                    </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"
+                    >
+                      <option value="OFF">OFF</option>
+                      <option value="ON">ON</option>
+                    </select>
+                  </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>
 
               <!-- TNC Tab contents-->

From 1cdc0b6261995e9fd0da677dfeb6a5be66f92797 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 08:35:05 +0100
Subject: [PATCH 15/70] sorted hamlib settings tab

---
 gui/src/index.html | 38 ++++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index b532c12c..eb3ba0bb 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -356,7 +356,7 @@
                     class="btn btn-sm btn-outline-secondary"
                     for="radio-control-switch-rigctld-info"
                   >
-                    radio-control-switch-rigctld-info
+                    Run locally
                   </label>
                 </div>
                 <div
@@ -375,7 +375,7 @@
                     class="btn btn-sm btn-outline-secondary"
                     for="radio-control-switch-network"
                   >
-                    radio-control-switch-network
+                    Network
                   </label>
                 </div>
                 <div class="btn-group" role="group">
@@ -1711,9 +1711,8 @@
                 aria-labelledby="hamlib-tab"
                 tabindex="0"
               >
-                Hamlib...
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">Cmd</span>
+                    <span class="input-group-text" id="basic-addon1">Rigctld command</span>
                     <input
                       type="text"
                       class="form-control"
@@ -1727,9 +1726,9 @@
                 <div class="input-group input-group-sm mb-1">
                     <span class="input-group-text" id="basic-addon1">
                       <i
-                        class="bi bi-projector-fill"
+                        class="bi bi-projector-fill me-2"
                         style="font-size: 0.8rem; color: black"
-                      ></i>
+                      ></i> Radio model
                     </span>
                     <input
                       class="form-control"
@@ -2018,7 +2017,7 @@
                       <i
                         class="bi bi-usb-symbol"
                         style="font-size: 1rem; color: black"
-                      ></i>
+                      ></i> Device Port
                     </span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
@@ -2036,12 +2035,16 @@
                       <!--<option selected value="/dev/ttyUSB0">/dev/ttyUSB0</option>
                                     <option value="/dev/ttyUSB1">/dev/ttyUSB1</option>-->
                     </select>
+
+                    </div>
+                    <div class="input-group input-group-sm mb-1">
+
                     <span class="input-group-text" id="basic-addon1"
                       ><i
                         class="bi bi-speedometer"
                         style="font-size: 1rem; color: black"
                       ></i
-                    ></span>
+                    > Serial Speed</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
                         class="form-check-sm form-check-input"
@@ -2067,7 +2070,7 @@
                     </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">Data bits</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
                         class="form-check-sm form-check-input"
@@ -2083,7 +2086,9 @@
                       <option value="7">7</option>
                       <option value="8">8</option>
                     </select>
-                    <span class="input-group-text" id="basic-addon1">Stop</span>
+                    </div>
+                    <div class="input-group input-group-sm mb-1">
+                    <span class="input-group-text" id="basic-addon1">Stop Bits</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
                         class="form-check-sm form-check-input"
@@ -2099,7 +2104,9 @@
                       <option value="1">1</option>
                       <option value="2">2</option>
                     </select>
-                    <span class="input-group-text" id="basic-addon1">HS</span>
+                      </div>
+                    <div class="input-group input-group-sm mb-1">
+                    <span class="input-group-text" id="basic-addon1">Serial Handshake</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
                         class="form-check-sm form-check-input"
@@ -2122,7 +2129,7 @@
                         class="bi bi-usb-symbol"
                         style="font-size: 1rem; color: black"
                       ></i
-                    ></span>
+                    >PTT Device Port</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
                         class="form-check-sm form-check-input"
@@ -2137,7 +2144,9 @@
                     >
                       <!--<option value="None">None</option>-->
                     </select>
-                    <span class="input-group-text" id="basic-addon1">Type</span>
+                    </div>
+                    <div class="input-group input-group-sm mb-1">
+                    <span class="input-group-text" id="basic-addon1">PTT Type</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input
                         class="form-check-sm form-check-input"
@@ -2182,7 +2191,8 @@
                       <option value="CD">CD</option>
                       <option value="PARALLEL">PARALLEL</option>
                     </select>
-
+</div>
+                    <div class="input-group input-group-sm mb-1">
                     <span class="input-group-text" id="basic-addon1">DTR</span>
                     <span class="input-group-text" id="basic-addon1">
                       <input

From b382db78376922976c94359cc5523f20f9300e0e Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 08:38:03 +0100
Subject: [PATCH 16/70] id="basic-addon1" cleanup

---
 gui/src/index.html | 136 +++++++++++++++++++++++----------------------
 1 file changed, 69 insertions(+), 67 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index eb3ba0bb..05f2e32a 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -69,7 +69,7 @@
             </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>
+            <span class="input-group-text" >TNC IP</span>
             <input
               type="text"
               class="form-control"
@@ -81,7 +81,7 @@
               aria-label="Username"
               aria-describedby="basic-addon1"
             />
-            <span class="input-group-text" id="basic-addon1">:</span>
+            <span class="input-group-text" >:</span>
             <input
               type="text"
               class="form-control"
@@ -278,7 +278,7 @@
               </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">
+                  <span class="input-group-text" >
                     <i
                       class="bi bi-mic-fill"
                       style="font-size: 1rem; color: black"
@@ -293,7 +293,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text" id="basic-addon1">
+                  <span class="input-group-text" >
                     <i
                       class="bi bi-volume-up"
                       style="font-size: 1rem; color: black"
@@ -400,7 +400,7 @@
                 <!-- 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"
+                    <span class="input-group-text" 
                       >Rigctld IP</span
                     >
                     <input
@@ -411,7 +411,7 @@
                       aria-label="Device IP"
                       aria-describedby="basic-addon1"
                     />
-                    <span class="input-group-text" id="basic-addon1">:</span>
+                    <span class="input-group-text" >:</span>
                     <input
                       type="text"
                       class="form-control"
@@ -473,7 +473,7 @@
                       data-bs-html="false"
                       title="Enter your callsign and save it"
                     >
-                      <span class="input-group-text" id="basic-addon1">
+                      <span class="input-group-text" >
                         <i
                           class="bi bi-person-bounding-box"
                           style="font-size: 1rem; color: black"
@@ -522,7 +522,7 @@
                       data-bs-html="false"
                       title="Enter your gridsquare and save it"
                     >
-                      <span class="input-group-text" id="basic-addon1">
+                      <span class="input-group-text" >
                         <i
                           class="bi bi-house-fill"
                           style="font-size: 1rem; color: black"
@@ -1080,7 +1080,7 @@
                     <div class="row">
                       <div class="col">
                         <div class="input-group input-group-sm">
-                          <span class="input-group-text" id="basic-addon1"
+                          <span class="input-group-text" 
                             >Mode</span
                           >
                           <select
@@ -1098,7 +1098,7 @@
                       </div>
                       <div class="col-auto">
                         <div class="input-group input-group-sm">
-                          <span class="input-group-text" id="basic-addon1"
+                          <span class="input-group-text" 
                             >Frames</span
                           >
                           <select
@@ -1379,7 +1379,7 @@
         </div>
         <div class="col-sm-3">
           <div class="input-group input-group-sm">
-            <span class="input-group-text" id="basic-addon1">
+            <span class="input-group-text" >
               <i
                 class="bi bi-speedometer2"
                 style="font-size: 1rem; color: black"
@@ -1398,7 +1398,7 @@
                 style="font-size: 1rem; color: black"
               ></i>
             </span>
-            <span class="input-group-text" id="basic-addon1">
+            <span class="input-group-text" >
               <i
                 class="bi bi-file-earmark-binary"
                 style="font-size: 1rem; color: black"
@@ -1415,7 +1415,7 @@
             >
             <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
@@ -1483,15 +1483,15 @@
           </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>
+              <span class="input-group-text" >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" >TX Level</span>
               <span class="input-group-text" id="audioLevelTXvalue">---</span>
-              <span class="input-group-text w-75" id="basic-addon1">
+              <span class="input-group-text w-75" >
                 <input
                   type="range"
                   class="form-range"
@@ -1612,7 +1612,7 @@
                 tabindex="0"
               >
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" id="basic-addon1"
+                  <span class="input-group-text w-50" 
                     >GUI theme</span
                   >
                   <select
@@ -1648,7 +1648,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" id="basic-addon1"
+                  <span class="input-group-text w-50" 
                     >Waterfall theme</span
                   >
                   <select
@@ -1690,7 +1690,7 @@
                   />
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" id="basic-addon1"
+                  <span class="input-group-text w-50" 
                     >Update channel</span
                   >
                   <select
@@ -1712,7 +1712,7 @@
                 tabindex="0"
               >
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">Rigctld command</span>
+                    <span class="input-group-text" >Rigctld command</span>
                     <input
                       type="text"
                       class="form-control"
@@ -1722,9 +1722,36 @@
                       aria-describedby="basic-addon1"
                     />
                   </div>
-
+                <hr class="m-2">
                 <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" 
+                      >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" 
+                      >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>
+                <hr class="m-2">
+                <div class="input-group input-group-sm mb-1">
+                    <span class="input-group-text" >
                       <i
                         class="bi bi-projector-fill me-2"
                         style="font-size: 0.8rem; color: black"
@@ -2013,13 +2040,13 @@
                     </datalist>
                   </div>
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >
                       <i
                         class="bi bi-usb-symbol"
                         style="font-size: 1rem; color: black"
                       ></i> Device Port
                     </span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2039,13 +2066,13 @@
                     </div>
                     <div class="input-group input-group-sm mb-1">
 
-                    <span class="input-group-text" id="basic-addon1"
+                    <span class="input-group-text" 
                       ><i
                         class="bi bi-speedometer"
                         style="font-size: 1rem; color: black"
                       ></i
                     > Serial Speed</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2070,8 +2097,8 @@
                     </select>
                   </div>
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">Data bits</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >Data bits</span>
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2088,8 +2115,8 @@
                     </select>
                     </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">Stop Bits</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >Stop Bits</span>
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2106,8 +2133,8 @@
                     </select>
                       </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">Serial Handshake</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >Serial Handshake</span>
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2124,13 +2151,13 @@
                   </div>
 
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1"
+                    <span class="input-group-text" 
                       ><i
                         class="bi bi-usb-symbol"
                         style="font-size: 1rem; color: black"
                       ></i
                     >PTT Device Port</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2146,8 +2173,8 @@
                     </select>
                     </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">PTT Type</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >PTT Type</span>
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2170,8 +2197,8 @@
                     </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">
+                    <span class="input-group-text" >DCD</span>
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2193,8 +2220,8 @@
                     </select>
 </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" id="basic-addon1">DTR</span>
-                    <span class="input-group-text" id="basic-addon1">
+                    <span class="input-group-text" >DTR</span>
+                    <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
                         type="checkbox"
@@ -2212,32 +2239,7 @@
                     </select>
                   </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>
 
@@ -2275,7 +2277,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" id="basic-addon1"
+                  <span class="input-group-text w-50" 
                     >Beacon interval</span
                   >
                   <select

From 5e8008324cf2c697336a921aa7299f32f073dc73 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 08:42:38 +0100
Subject: [PATCH 17/70] fixed width for hamlib settings

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

diff --git a/gui/src/index.html b/gui/src/index.html
index 05f2e32a..d58164d0 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1712,7 +1712,7 @@
                 tabindex="0"
               >
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >Rigctld command</span>
+                    <span class="input-group-text" style="width: 180px">Rigctld command</span>
                     <input
                       type="text"
                       class="form-control"
@@ -1724,7 +1724,7 @@
                   </div>
                 <hr class="m-2">
                 <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" 
+                    <span class="input-group-text" style="width: 180px"
                       >Rigctld Path</span
                     >
                     <input
@@ -1737,7 +1737,7 @@
                     />
                   </div>
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" 
+                    <span class="input-group-text" style="width: 180px"
                       >Rigctld Server Port</span
                     >
                     <input
@@ -1751,7 +1751,7 @@
                   </div>
                 <hr class="m-2">
                 <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >
+                    <span class="input-group-text" style="width: 180px">
                       <i
                         class="bi bi-projector-fill me-2"
                         style="font-size: 0.8rem; color: black"
@@ -2040,7 +2040,7 @@
                     </datalist>
                   </div>
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >
+                    <span class="input-group-text" style="width: 180px">
                       <i
                         class="bi bi-usb-symbol"
                         style="font-size: 1rem; color: black"
@@ -2066,7 +2066,7 @@
                     </div>
                     <div class="input-group input-group-sm mb-1">
 
-                    <span class="input-group-text" 
+                    <span class="input-group-text" style="width: 180px"
                       ><i
                         class="bi bi-speedometer"
                         style="font-size: 1rem; color: black"
@@ -2097,7 +2097,7 @@
                     </select>
                   </div>
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >Data bits</span>
+                    <span class="input-group-text" style="width: 180px">Data bits</span>
                     <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
@@ -2115,7 +2115,7 @@
                     </select>
                     </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >Stop Bits</span>
+                    <span class="input-group-text" style="width: 180px">Stop Bits</span>
                     <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
@@ -2133,7 +2133,7 @@
                     </select>
                       </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >Serial Handshake</span>
+                    <span class="input-group-text" style="width: 180px">Serial Handshake</span>
                     <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
@@ -2151,7 +2151,7 @@
                   </div>
 
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" 
+                    <span class="input-group-text" style="width: 180px"
                       ><i
                         class="bi bi-usb-symbol"
                         style="font-size: 1rem; color: black"
@@ -2173,7 +2173,7 @@
                     </select>
                     </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >PTT Type</span>
+                    <span class="input-group-text" style="width: 180px">PTT Type</span>
                     <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
@@ -2197,7 +2197,7 @@
                     </select>
                   </div>
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >DCD</span>
+                    <span class="input-group-text" style="width: 180px">DCD</span>
                     <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"
@@ -2220,7 +2220,7 @@
                     </select>
 </div>
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" >DTR</span>
+                    <span class="input-group-text" style="width: 180px">DTR</span>
                     <span class="input-group-text" >
                       <input
                         class="form-check-sm form-check-input"

From d0c8af26231411f42cfcc015d6006b2e437a27ba Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 07:44:27 +0000
Subject: [PATCH 18/70] Prettified Code!

---
 gui/preload-main.js |    8 -
 gui/src/index.html  | 1108 +++++++++++++++++++++----------------------
 2 files changed, 548 insertions(+), 568 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 5380cc90..f1dd66fd 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -421,7 +421,6 @@ window.addEventListener("DOMContentLoaded", () => {
       "hidden";
     document.getElementById("radio-control-disabled").style.display = "none";
 
-
     document.getElementById("radio-control-network").style.visibility =
       "hidden";
     document.getElementById("radio-control-network").style.display = "none";
@@ -437,8 +436,6 @@ window.addEventListener("DOMContentLoaded", () => {
       "radio-control-switch-rigctld-info"
     ).checked = false;
 
-
-
     document.getElementById("radio-control-network").style.display = "none";
     document.getElementById("radio-control-network").style.visibility =
       "hidden";
@@ -519,13 +516,10 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "visible";
 
-
-
       document.getElementById("radio-control-network").style.display = "none";
       document.getElementById("radio-control-network").style.visibility =
         "hidden";
 
-
       document.getElementById("radio-control-rigctld-info").style.visibility =
         "hidden";
       document.getElementById("radio-control-rigctld-info").style.display =
@@ -535,8 +529,6 @@ window.addEventListener("DOMContentLoaded", () => {
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-
-
   // // radio settings 'network' event listener
   document
     .getElementById("radio-control-switch-network")
diff --git a/gui/src/index.html b/gui/src/index.html
index d58164d0..83558e43 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -69,7 +69,7 @@
             </label>
           </div>
           <div class="input-group input-group-sm me-2" id="remote-tnc-field">
-            <span class="input-group-text" >TNC IP</span>
+            <span class="input-group-text">TNC IP</span>
             <input
               type="text"
               class="form-control"
@@ -81,7 +81,7 @@
               aria-label="Username"
               aria-describedby="basic-addon1"
             />
-            <span class="input-group-text" >:</span>
+            <span class="input-group-text">:</span>
             <input
               type="text"
               class="form-control"
@@ -278,7 +278,7 @@
               </div>
               <div class="card-body p-2 mb-1">
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text" >
+                  <span class="input-group-text">
                     <i
                       class="bi bi-mic-fill"
                       style="font-size: 1rem; color: black"
@@ -293,7 +293,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text" >
+                  <span class="input-group-text">
                     <i
                       class="bi bi-volume-up"
                       style="font-size: 1rem; color: black"
@@ -337,14 +337,12 @@
                   >
                     disabled
                   </label>
-
                 </div>
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
                   aria-label="radio-control-switch-rigctld"
                 >
-
                   <input
                     type="radio"
                     class="btn-check"
@@ -400,9 +398,7 @@
                 <!-- RADIO CONTROL NETWORK -->
                 <div id="radio-control-network">
                   <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" 
-                      >Rigctld IP</span
-                    >
+                    <span class="input-group-text">Rigctld IP</span>
                     <input
                       type="text"
                       class="form-control"
@@ -411,7 +407,7 @@
                       aria-label="Device IP"
                       aria-describedby="basic-addon1"
                     />
-                    <span class="input-group-text" >:</span>
+                    <span class="input-group-text">:</span>
                     <input
                       type="text"
                       class="form-control"
@@ -473,7 +469,7 @@
                       data-bs-html="false"
                       title="Enter your callsign and save it"
                     >
-                      <span class="input-group-text" >
+                      <span class="input-group-text">
                         <i
                           class="bi bi-person-bounding-box"
                           style="font-size: 1rem; color: black"
@@ -522,7 +518,7 @@
                       data-bs-html="false"
                       title="Enter your gridsquare and save it"
                     >
-                      <span class="input-group-text" >
+                      <span class="input-group-text">
                         <i
                           class="bi bi-house-fill"
                           style="font-size: 1rem; color: black"
@@ -1080,9 +1076,7 @@
                     <div class="row">
                       <div class="col">
                         <div class="input-group input-group-sm">
-                          <span class="input-group-text" 
-                            >Mode</span
-                          >
+                          <span class="input-group-text">Mode</span>
                           <select
                             class="form-select form-select-sm"
                             aria-label=".form-select-sm"
@@ -1098,9 +1092,7 @@
                       </div>
                       <div class="col-auto">
                         <div class="input-group input-group-sm">
-                          <span class="input-group-text" 
-                            >Frames</span
-                          >
+                          <span class="input-group-text">Frames</span>
                           <select
                             class="form-select form-select-sm"
                             aria-label=".form-select-sm"
@@ -1379,7 +1371,7 @@
         </div>
         <div class="col-sm-3">
           <div class="input-group input-group-sm">
-            <span class="input-group-text" >
+            <span class="input-group-text">
               <i
                 class="bi bi-speedometer2"
                 style="font-size: 1rem; color: black"
@@ -1398,7 +1390,7 @@
                 style="font-size: 1rem; color: black"
               ></i>
             </span>
-            <span class="input-group-text" >
+            <span class="input-group-text">
               <i
                 class="bi bi-file-earmark-binary"
                 style="font-size: 1rem; color: black"
@@ -1415,7 +1407,6 @@
             >
             <span
               class="input-group-text"
-              
               data-bs-toggle="tooltip"
               title="Indicates if a session is active"
               ><span class="bi bi-chat-fill" id="spnConnectedWith"></span
@@ -1483,15 +1474,15 @@
           </div>
           <div class="modal-body">
             <div class="input-group input-group-sm mb-1">
-              <span class="input-group-text" >Test-Frame</span>
+              <span class="input-group-text">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" >TX Level</span>
+              <span class="input-group-text">TX Level</span>
               <span class="input-group-text" id="audioLevelTXvalue">---</span>
-              <span class="input-group-text w-75" >
+              <span class="input-group-text w-75">
                 <input
                   type="range"
                   class="form-range"
@@ -1612,9 +1603,7 @@
                 tabindex="0"
               >
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" 
-                    >GUI theme</span
-                  >
+                  <span class="input-group-text w-50">GUI theme</span>
                   <select
                     class="form-select form-select-sm w-50"
                     id="theme_selector"
@@ -1648,9 +1637,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" 
-                    >Waterfall theme</span
-                  >
+                  <span class="input-group-text w-50">Waterfall theme</span>
                   <select
                     class="form-select form-select-sm w-50"
                     id="wftheme_selector"
@@ -1690,9 +1677,7 @@
                   />
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" 
-                    >Update channel</span
-                  >
+                  <span class="input-group-text w-50">Update channel</span>
                   <select
                     class="form-select form-select-sm w-50"
                     id="update_channel_selector"
@@ -1711,536 +1696,541 @@
                 aria-labelledby="hamlib-tab"
                 tabindex="0"
               >
-                  <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">Rigctld command</span>
-                    <input
-                      type="text"
-                      class="form-control"
-                      placeholder="Command"
-                      id="hamlib_rigctld_command"
-                      aria-label="Device Port"
-                      aria-describedby="basic-addon1"
-                    />
-                  </div>
-                <hr class="m-2">
                 <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px"
-                      >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" style="width: 180px"
-                      >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>
-                <hr class="m-2">
+                  <span class="input-group-text" style="width: 180px"
+                    >Rigctld command</span
+                  >
+                  <input
+                    type="text"
+                    class="form-control"
+                    placeholder="Command"
+                    id="hamlib_rigctld_command"
+                    aria-label="Device Port"
+                    aria-describedby="basic-addon1"
+                  />
+                </div>
+                <hr class="m-2" />
                 <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">
-                      <i
-                        class="bi bi-projector-fill me-2"
-                        style="font-size: 0.8rem; color: black"
-                      ></i> Radio model
-                    </span>
+                  <span class="input-group-text" style="width: 180px"
+                    >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" style="width: 180px"
+                    >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>
+                <hr class="m-2" />
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px">
+                    <i
+                      class="bi bi-projector-fill me-2"
+                      style="font-size: 0.8rem; color: black"
+                    ></i>
+                    Radio model
+                  </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>
+                  </datalist>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px">
+                    <i
+                      class="bi bi-usb-symbol"
+                      style="font-size: 1rem; color: black"
+                    ></i>
+                    Device Port
+                  </span>
+                  <span class="input-group-text">
                     <input
-                      class="form-control"
-                      list="datalistOptions"
-                      id="hamlib_deviceid"
-                      placeholder="Search radio..."
-                      style="width: 7rem"
+                      class="form-check-sm form-check-input"
+                      type="checkbox"
+                      id="enable_hamlib_deviceport"
                     />
-                    <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>
-                    </datalist>
-                  </div>
-                  <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">
-                      <i
-                        class="bi bi-usb-symbol"
-                        style="font-size: 1rem; color: black"
-                      ></i> Device Port
-                    </span>
-                    <span class="input-group-text" >
-                      <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>
+                  </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>
-
-                    </div>
-                    <div class="input-group input-group-sm mb-1">
-
-                    <span class="input-group-text" style="width: 180px"
-                      ><i
-                        class="bi bi-speedometer"
-                        style="font-size: 1rem; color: black"
-                      ></i
-                    > Serial Speed</span>
-                    <span class="input-group-text" >
-                      <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>
-                      <option selected value="9600">9600</option>
-                      <option value="14400">14400</option>
-                      <option value="19200">19200</option>
-                      <option value="28800">28800</option>
-                      <option value="38400">38400</option>
-                      <option value="57600">57600</option>
-                      <option value="115200">115200</option>
-                    </select>
-                  </div>
-                  <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">Data bits</span>
-                    <span class="input-group-text" >
-                      <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>
-                    </div>
-                    <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">Stop Bits</span>
-                    <span class="input-group-text" >
-                      <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>
-                      </div>
-                    <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">Serial Handshake</span>
-                    <span class="input-group-text" >
-                      <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 class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px"
-                      ><i
-                        class="bi bi-usb-symbol"
-                        style="font-size: 1rem; color: black"
-                      ></i
-                    >PTT Device Port</span>
-                    <span class="input-group-text" >
-                      <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>
-                    </div>
-                    <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">PTT Type</span>
-                    <span class="input-group-text" >
-                      <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>
-                      <option value="RTS">Serial RTS</option>
-                      <option value="PARALLEL">Rig PARALLEL</option>
-                      <option value="MICDATA">Rig MICDATA</option>
-                      <option value="CM108">Rig CM108</option>
-                    </select>
-                  </div>
-                  <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">DCD</span>
-                    <span class="input-group-text" >
-                      <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>
-                      <option value="CTS">CTS</option>
-                      <option value="CD">CD</option>
-                      <option value="PARALLEL">PARALLEL</option>
-                    </select>
-</div>
-                    <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text" style="width: 180px">DTR</span>
-                    <span class="input-group-text" >
-                      <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>
-                    </select>
-                  </div>
-
-
+                  </select>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    ><i
+                      class="bi bi-speedometer"
+                      style="font-size: 1rem; color: black"
+                    ></i>
+                    Serial Speed</span
+                  >
+                  <span class="input-group-text">
+                    <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>
+                    <option selected value="9600">9600</option>
+                    <option value="14400">14400</option>
+                    <option value="19200">19200</option>
+                    <option value="28800">28800</option>
+                    <option value="38400">38400</option>
+                    <option value="57600">57600</option>
+                    <option value="115200">115200</option>
+                  </select>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    >Data bits</span
+                  >
+                  <span class="input-group-text">
+                    <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>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    >Stop Bits</span
+                  >
+                  <span class="input-group-text">
+                    <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>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    >Serial Handshake</span
+                  >
+                  <span class="input-group-text">
+                    <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 class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    ><i
+                      class="bi bi-usb-symbol"
+                      style="font-size: 1rem; color: black"
+                    ></i
+                    >PTT Device Port</span
+                  >
+                  <span class="input-group-text">
+                    <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>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    >PTT Type</span
+                  >
+                  <span class="input-group-text">
+                    <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>
+                    <option value="RTS">Serial RTS</option>
+                    <option value="PARALLEL">Rig PARALLEL</option>
+                    <option value="MICDATA">Rig MICDATA</option>
+                    <option value="CM108">Rig CM108</option>
+                  </select>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px">DCD</span>
+                  <span class="input-group-text">
+                    <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>
+                    <option value="CTS">CTS</option>
+                    <option value="CD">CD</option>
+                    <option value="PARALLEL">PARALLEL</option>
+                  </select>
+                </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px">DTR</span>
+                  <span class="input-group-text">
+                    <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>
+                  </select>
+                </div>
               </div>
 
               <!-- TNC Tab contents-->
@@ -2277,9 +2267,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text w-50" 
-                    >Beacon interval</span
-                  >
+                  <span class="input-group-text w-50">Beacon interval</span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"

From 8f7f510e5f0022cb40144cb8e0cd058bdc200c37 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 11:13:42 +0100
Subject: [PATCH 19/70] removed hamlib enable/disable setting

---
 gui/main.js         |   8 ---
 gui/preload-main.js | 149 +++-----------------------------------------
 gui/src/index.html  |  77 ++++++-----------------
 3 files changed, 29 insertions(+), 205 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 68f1da60..080eda5c 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -53,21 +53,13 @@ const configDefaultSettings =
                   "mygrid": "JN40aa",\
                   "radiocontrol" : "disabled",\
                   "hamlib_deviceid": "RIG_MODEL_DUMMY_NOVFO",\
-                  "enable_hamlib_deviceport" : "False",\
                   "hamlib_deviceport": "/dev/ttyACM1",\
-                  "enable_hamlib_stop_bits" : "False",\
                   "hamlib_stop_bits" : "1",\
-                  "enable_hamlib_data_bits" : "False",\
                   "hamlib_data_bits" : "8",\
-                  "enable_hamlib_handshake" : "False",\
                   "hamlib_handshake" : "None",\
-                  "enable_hamlib_serialspeed" : "False",\
                   "hamlib_serialspeed" : "9600",\
-                  "enable_hamlib_pttprotocol" : "False",\
                   "hamlib_dtrstate" : "OFF",\
-                  "enable_hamlib_dtrstate" : "False",\
                   "hamlib_pttprotocol" : "USB",\
-                  "enable_hamlib_pttport" : "False",\
                   "hamlib_pttport": "/dev/ttyACM1",\
                   "hamlib_dcd": "None",\
                   "hamlbib_serialspeed_ptt": "9600",\
diff --git a/gui/preload-main.js b/gui/preload-main.js
index f1dd66fd..03cc5674 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -196,68 +196,6 @@ window.addEventListener("DOMContentLoaded", () => {
   // hamlib settings
   document.getElementById("hamlib_deviceid").value = config.hamlib_deviceid;
 
-  set_setting_switch(
-    "enable_hamlib_deviceport",
-    "hamlib_deviceport",
-    config.enable_hamlib_deviceport
-  );
-  set_setting_switch(
-    "enable_hamlib_ptt_port",
-    "hamlib_ptt_port",
-    config.enable_hamlib_ptt_port
-  );
-
-  document.getElementById("hamlib_serialspeed").value =
-    config.hamlib_serialspeed;
-  set_setting_switch(
-    "enable_hamlib_serialspeed",
-    "hamlib_serialspeed",
-    config.enable_hamlib_serialspeed
-  );
-
-  document.getElementById("hamlib_pttprotocol").value =
-    config.hamlib_pttprotocol;
-  set_setting_switch(
-    "enable_hamlib_pttprotocol",
-    "hamlib_pttprotocol",
-    config.enable_hamlib_pttprotocol
-  );
-
-  document.getElementById("hamlib_databits").value = config.hamlib_data_bits;
-  set_setting_switch(
-    "enable_hamlib_databits",
-    "hamlib_databits",
-    config.enable_hamlib_databits
-  );
-
-  document.getElementById("hamlib_stopbits").value = config.hamlib_stop_bits;
-  set_setting_switch(
-    "enable_hamlib_stopbits",
-    "hamlib_stopbits",
-    config.enable_hamlib_stopbits
-  );
-
-  document.getElementById("hamlib_handshake").value = config.hamlib_handshake;
-  set_setting_switch(
-    "enable_hamlib_handshake",
-    "hamlib_handshake",
-    config.enable_hamlib_handshake
-  );
-
-  document.getElementById("hamlib_dcd").value = config.hamlib_dcd;
-  set_setting_switch(
-    "enable_hamlib_dcd",
-    "hamlib_dcd",
-    config.enable_hamlib_dcd
-  );
-
-  document.getElementById("hamlib_dtrstate").value = config.hamlib_dtrstate;
-  set_setting_switch(
-    "enable_hamlib_dtrstate",
-    "hamlib_dtrstate",
-    config.enable_hamlib_dtrstate
-  );
-
   document.getElementById("hamlib_rigctld_ip").value = config.hamlib_rigctld_ip;
   document.getElementById("hamlib_rigctld_port").value =
     config.hamlib_rigctld_port;
@@ -577,75 +515,6 @@ window.addEventListener("DOMContentLoaded", () => {
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-  // radio settings 'enable hamlib deviceport' event listener
-  document
-    .getElementById("enable_hamlib_deviceport")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_deviceport", "hamlib_deviceport");
-    });
-
-  // radio settings 'enable hamlib serialspeed' event listener
-  document
-    .getElementById("enable_hamlib_serialspeed")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_serialspeed", "hamlib_serialspeed");
-    });
-
-  // radio settings 'enable hamlib data bits' event listener
-  document
-    .getElementById("enable_hamlib_databits")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_databits", "hamlib_databits");
-    });
-
-  // radio settings 'enable hamlib stop bits' event listener
-  document
-    .getElementById("enable_hamlib_stopbits")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_stopbits", "hamlib_stopbits");
-    });
-
-  // radio settings 'enable hamlib handshake' event listener
-  document
-    .getElementById("enable_hamlib_handshake")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_handshake", "hamlib_handshake");
-    });
-
-  // radio settings 'enable hamlib ptt port' event listener
-  document
-    .getElementById("enable_hamlib_ptt_port")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_ptt_port", "hamlib_ptt_port");
-    });
-
-  // radio settings 'enable hamlib ptt protocol' event listener
-  document
-    .getElementById("enable_hamlib_pttprotocol")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_pttprotocol", "hamlib_pttprotocol");
-    });
-  // radio settings 'enable hamlib dcd' event listener
-  document
-    .getElementById("enable_hamlib_dcd")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_dcd", "hamlib_dcd");
-    });
-
-  // radio settings 'enable hamlib dtr state' event listener
-  document
-    .getElementById("enable_hamlib_dtrstate")
-    .addEventListener("change", () => {
-      enable_setting("enable_hamlib_dtrstate", "hamlib_dtrstate");
-    });
-
-  /*
-document.getElementById('hamlib_rigctld_path').addEventListener('change', () => {
-var fileList = document.getElementById("dataModalFile").files;
-        console.log(fileList)
-
-})
-*/
 
   document
     .getElementById("hamlib_rigctld_path")
@@ -683,33 +552,33 @@ var fileList = document.getElementById("dataModalFile").files;
       paramList = paramList.concat("-m", hamlib_deviceid);
 
       // hamlib deviceport setting
-      if (document.getElementById("enable_hamlib_deviceport").checked) {
+      if (document.getElementById("hamlib_deviceport").value !== 'ignore') {
         var hamlib_deviceport =
           document.getElementById("hamlib_deviceport").value;
         paramList = paramList.concat("-r", hamlib_deviceport);
       }
 
       // hamlib serialspeed setting
-      if (document.getElementById("enable_hamlib_serialspeed").checked) {
+      if (document.getElementById("hamlib_serialspeed").value !== 'ignore') {
         var hamlib_serialspeed =
           document.getElementById("hamlib_serialspeed").value;
         paramList = paramList.concat("-s", hamlib_serialspeed);
       }
 
       // hamlib databits setting
-      if (document.getElementById("enable_hamlib_databits").checked) {
+      if (document.getElementById("hamlib_databits").value !== 'ignore') {
         var hamlib_databits = document.getElementById("hamlib_databits").value;
         paramList = paramList.concat("--set-conf=data_bits=" + hamlib_databits);
       }
 
       // hamlib stopbits setting
-      if (document.getElementById("enable_hamlib_stopbits").checked) {
+      if (document.getElementById("hamlib_stopbits").value !== 'ignore') {
         var hamlib_stopbits = document.getElementById("hamlib_stopbits").value;
         paramList = paramList.concat("--set-conf=stop_bits=" + hamlib_stopbits);
       }
 
       // hamlib handshake setting
-      if (document.getElementById("enable_hamlib_handshake").checked) {
+      if (document.getElementById("hamlib_handshake").value !== 'ignore') {
         var hamlib_handshake =
           document.getElementById("hamlib_handshake").value;
         paramList = paramList.concat(
@@ -718,26 +587,26 @@ var fileList = document.getElementById("dataModalFile").files;
       }
 
       // hamlib dcd setting
-      if (document.getElementById("enable_hamlib_dcd").checked) {
+      if (document.getElementById("hamlib_dcd").value !== 'ignore') {
         var hamlib_dcd = document.getElementById("hamlib_dcd").value;
         paramList = paramList.concat("--dcd-type=" + hamlib_dcd);
       }
 
       // hamlib ptt port
-      if (document.getElementById("enable_hamlib_ptt_port").checked) {
+      if (document.getElementById("hamlib_ptt_port").value !== 'ignore') {
         var hamlib_ptt_port = document.getElementById("hamlib_ptt_port").value;
         paramList = paramList.concat("-p", hamlib_ptt_port);
       }
 
       // hamlib ptt type
-      if (document.getElementById("enable_hamlib_pttprotocol").checked) {
+      if (document.getElementById("hamlib_pttprotocol").value !== 'ignore') {
         var hamlib_ptt_type =
           document.getElementById("hamlib_pttprotocol").value;
         paramList = paramList.concat("--ptt-type=" + hamlib_ptt_type);
       }
 
       // hamlib dtr state
-      if (document.getElementById("enable_hamlib_dtrstate").checked) {
+      if (document.getElementById("hamlib_dtrstate").value !== 'ignore') {
         var hamlib_dtrstate = document.getElementById("hamlib_dtrstate").value;
         paramList = paramList.concat("--set-conf=dtr_state=" + hamlib_dtrstate);
       }
diff --git a/gui/src/index.html b/gui/src/index.html
index 83558e43..1c81812f 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -2031,12 +2031,7 @@
                     ></i>
                     Device Port
                   </span>
-                  <span class="input-group-text">
-                    <input
-                      class="form-check-sm form-check-input"
-                      type="checkbox"
-                      id="enable_hamlib_deviceport"
-                    />
+
                   </span>
                   <select
                     class="form-select form-select-sm"
@@ -2056,22 +2051,18 @@
                     ></i>
                     Serial Speed</span
                   >
-                  <span class="input-group-text">
-                    <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 selected value="ignore">-- ignore --</option>
                     <option value="1200">1200</option>
                     <option value="2400">2400</option>
                     <option value="4800">4800</option>
-                    <option selected value="9600">9600</option>
+                    <option value="9600">9600</option>
                     <option value="14400">14400</option>
                     <option value="19200">19200</option>
                     <option value="28800">28800</option>
@@ -2084,18 +2075,14 @@
                   <span class="input-group-text" style="width: 180px"
                     >Data bits</span
                   >
-                  <span class="input-group-text">
-                    <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 selected value="ignore">-- ignore --</option>
                     <option value="7">7</option>
                     <option value="8">8</option>
                   </select>
@@ -2104,18 +2091,14 @@
                   <span class="input-group-text" style="width: 180px"
                     >Stop Bits</span
                   >
-                  <span class="input-group-text">
-                    <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 selected value="ignore">-- ignore --</option>
                     <option value="1">1</option>
                     <option value="2">2</option>
                   </select>
@@ -2124,18 +2107,14 @@
                   <span class="input-group-text" style="width: 180px"
                     >Serial Handshake</span
                   >
-                  <span class="input-group-text">
-                    <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 selected value="ignore">-- ignore --</option>
                     <option value="None">None (Default)</option>
                   </select>
                 </div>
@@ -2148,31 +2127,21 @@
                     ></i
                     >PTT Device Port</span
                   >
-                  <span class="input-group-text">
-                    <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>-->
+                  > <option selected value="ignore">-- ignore --</option>
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
                     >PTT Type</span
                   >
-                  <span class="input-group-text">
-                    <input
-                      class="form-check-sm form-check-input"
-                      type="checkbox"
-                      id="enable_hamlib_pttprotocol"
-                    />
+
                   </span>
                   <select
                     class="form-select form-select-sm"
@@ -2180,6 +2149,7 @@
                     id="hamlib_pttprotocol"
                     style="width: 0.5rem"
                   >
+                     <option selected value="ignore">-- ignore --</option>
                     <option value="NONE">NONE</option>
                     <option value="RIG">RIG</option>
                     <option value="USB">USB</option>
@@ -2191,12 +2161,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">DCD</span>
-                  <span class="input-group-text">
-                    <input
-                      class="form-check-sm form-check-input"
-                      type="checkbox"
-                      id="enable_hamlib_dcd"
-                    />
+
                   </span>
                   <select
                     class="form-select form-select-sm"
@@ -2204,6 +2169,7 @@
                     id="hamlib_dcd"
                     style="width: 0.5rem"
                   >
+                     <option selected value="ignore">-- ignore --</option>
                     <option value="NONE">NONE</option>
                     <option value="RIG">RIG/CAT</option>
                     <option value="DSR">DSR</option>
@@ -2214,12 +2180,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">DTR</span>
-                  <span class="input-group-text">
-                    <input
-                      class="form-check-sm form-check-input"
-                      type="checkbox"
-                      id="enable_hamlib_dtrstate"
-                    />
+
                   </span>
                   <select
                     class="form-select form-select-sm"
@@ -2227,6 +2188,7 @@
                     id="hamlib_dtrstate"
                     style="width: 0.5rem"
                   >
+                     <option selected value="ignore">-- ignore --</option>
                     <option value="OFF">OFF</option>
                     <option value="ON">ON</option>
                   </select>
@@ -2248,6 +2210,7 @@
                     class="form-select form-select-sm"
                     id="tuning_range_fmin"
                   >
+                    
                     <option value="-50.0">-50.0</option>
                     <option value="-100.0">-100.0</option>
                     <option value="-150.0">-150.0</option>

From 66224cace9730433c6d9ed549e5e0ff72f1320a0 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 11:20:53 +0100
Subject: [PATCH 20/70] cleanup

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 03cc5674..fc6ec63c 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1183,13 +1183,9 @@ window.addEventListener("DOMContentLoaded", () => {
     config.hamlib_stop_bits = stop_bits;
     config.hamlib_handshake = handshake;
     config.hamlib_dcd = hamlib_dcd;
-    //config.deviceid_rigctl = deviceid_rigctl;
-    //config.serialspeed_rigctl = serialspeed_rigctl;
-    //config.pttprotocol_rigctl = pttprotocol_rigctl;
     config.hamlib_rigctld_port = rigctld_port;
     config.hamlib_rigctld_ip = rigctld_ip;
     config.hamlib_rigctld_server_port = hamlib_rigctld_server_port;
-    //config.deviceport_rigctl = deviceport_rigctl;
     config.enable_scatter = enable_scatter;
     config.enable_fft = enable_fft;
     config.enable_fsk = enable_fsk;
@@ -1203,19 +1199,6 @@ window.addEventListener("DOMContentLoaded", () => {
 
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
 
-    // collapse settings screen
-    // deactivated this part so start / stop is a little bit more smooth. We are getting problems because of network delay
-    /*
-        var collapseFirstRow = new bootstrap.Collapse(document.getElementById('collapseFirstRow'), {toggle: false})
-        collapseFirstRow.hide()
-        var collapseSecondRow = new bootstrap.Collapse(document.getElementById('collapseSecondRow'), {toggle: false})
-        collapseSecondRow.hide()
-        var collapseThirdRow = new bootstrap.Collapse(document.getElementById('collapseThirdRow'), {toggle: false})
-        collapseThirdRow.show() 
-        var collapseFourthRow = new bootstrap.Collapse(document.getElementById('collapseFourthRow'), {toggle: false})
-        collapseFourthRow.show() 
-        */
-
     daemon.startTNC(
       callsign_ssid,
       mygrid,
@@ -1257,37 +1240,8 @@ window.addEventListener("DOMContentLoaded", () => {
 
     daemon.stopTNC();
 
-    // collapse settings screen
-    // deactivated this part so start / stop is a little bit more smooth. We are getting problems because of network delay
-    /*
-        var collapseFirstRow = new bootstrap.Collapse(document.getElementById('collapseFirstRow'), {toggle: false})
-        collapseFirstRow.show()
-        var collapseSecondRow = new bootstrap.Collapse(document.getElementById('collapseSecondRow'), {toggle: false})
-        collapseSecondRow.show() 
-        
-        var collapseThirdRow = new bootstrap.Collapse(document.getElementById('collapseThirdRow'), {toggle: false})
-        collapseThirdRow.hide()
-        var collapseFourthRow = new bootstrap.Collapse(document.getElementById('collapseFourthRow'), {toggle: false})
-        collapseFourthRow.hide() 
-        */
   });
 
-  // openDataModule button clicked
-  // not necessesary at this time beacuse bootstrap handles this
-  // document.getElementById("openDataModule").addEventListener("click", () => {
-  //   var transmitFileSidebar = document.getElementById('transmitFileSidebar')
-  //   var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
-  //   bstransmitFileSidebar.show()
-  //})
-
-  // openReceivedFiles button clicked
-  // not necessesary at this time beacuse bootstrap handles this
-  //document.getElementById("openReceivedFiles").addEventListener("click", () => {
-  //   var transmitFileSidebar = document.getElementById('transmitFileSidebar')
-  //   var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
-  //   bstransmitFileSidebar.show()
-  //})
-
   // TEST HAMLIB
   document.getElementById("testHamlib").addEventListener("click", () => {
     var data_bits = document.getElementById("hamlib_databits").value;
@@ -1326,12 +1280,6 @@ window.addEventListener("DOMContentLoaded", () => {
 
   // START TRANSMISSION
   document.getElementById("startTransmission").addEventListener("click", () => {
-    //document.getElementById("transmitFileSidebar").style.width = "0px";
-    /* not neccessary at this time because handled by bootstap inside html
-            var transmitFileSidebar = document.getElementById('transmitFileSidebar')
-            var bstransmitFileSidebar = new bootstrap.Offcanvas(transmitFileSidebar)
-            bstransmitFileSidebar.show()   
-        */
 
     var fileList = document.getElementById("dataModalFile").files;
     console.log(fileList);

From 8bdf3df810b257242c31353517289d9bb023f9a4 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 11:37:02 +0100
Subject: [PATCH 21/70] cleanup

---
 gui/preload-main.js | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index fc6ec63c..998a8052 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2290,11 +2290,11 @@ ipcRenderer.on("action-update-rx-buffer", (event, arg) => {
       document.getElementById("dxCall").value.toUpperCase()
     ) {
       /*
-            // if we are sending data without doing a ping before, we don't have a grid locator available. This could be a future feature for the TNC!
-            if(arg.data[i]['DXGRID'] != ''){
-                document.getElementById("pingDistance").innerHTML = arg.stations[i]['DXGRID']
-            }
-            */
+        // if we are sending data without doing a ping before, we don't have a grid locator available. This could be a future feature for the TNC!
+        if(arg.data[i]['DXGRID'] != ''){
+            document.getElementById("pingDistance").innerHTML = arg.stations[i]['DXGRID']
+        }
+        */
       //document.getElementById("pingDB").innerHTML = arg.stations[i]['snr'];
       document.getElementById("dataModalPingDB").innerHTML =
         arg.stations[i]["snr"];
@@ -2324,11 +2324,11 @@ ipcRenderer.on("action-update-rx-buffer", (event, arg) => {
     dxCall.appendChild(dxCallText);
 
     /*
-                var dxGrid = document.createElement("td");
-                var dxGridText = document.createElement('span');
-                dxGridText.innerText = arg.data[i]['DXGRID']
-                dxGrid.appendChild(dxGridText);
-        */
+    var dxGrid = document.createElement("td");
+    var dxGridText = document.createElement('span');
+    dxGridText.innerText = arg.data[i]['DXGRID']
+    dxGrid.appendChild(dxGridText);
+    */
 
     console.log(arg.data);
 
@@ -2694,7 +2694,7 @@ ipcRenderer.on(
     displayToast(
       (type = "danger"),
       (icon = "bi-broadcast"),
-      (content = "protocoll version missmatch"),
+      (content = "protocol version missmatch"),
       (duration = 5000)
     );
   }
@@ -2853,6 +2853,7 @@ ipcRenderer.on("action-show-arq-toast-session-failed", (event, data) => {
 });
 
 // enable or disable a setting by given switch and element
+// not used at this time
 function enable_setting(enable_switch, enable_object) {
   if (document.getElementById(enable_switch).checked) {
     config[enable_switch] = true;
@@ -2867,6 +2868,7 @@ function enable_setting(enable_switch, enable_object) {
 }
 
 // enable or disable a setting switch
+// not used at this time
 function set_setting_switch(setting_switch, enable_object, state) {
   document.getElementById(setting_switch).checked = state;
   enable_setting(setting_switch, enable_object);

From cd6ab4f62f0a49ff1436fa2edb1d6dbf6f54e2ae Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 12:35:05 +0100
Subject: [PATCH 22/70] reduced socket errors

---
 gui/daemon.js | 1 -
 gui/sock.js   | 4 ----
 2 files changed, 5 deletions(-)

diff --git a/gui/daemon.js b/gui/daemon.js
index f091d7ae..10bab25b 100644
--- a/gui/daemon.js
+++ b/gui/daemon.js
@@ -58,7 +58,6 @@ daemon.on("error", function (err) {
     daemonLog.error("daemon connection error");
     daemonLog.info("Make sure the daemon is started.");
     daemonLog.info('Run "python daemon.py" in the tnc directory.');
-    daemonLog.debug(err);
 
     daemonShowConnectStateError = 0;
   }
diff --git a/gui/sock.js b/gui/sock.js
index f87e2ac3..486ee889 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -76,10 +76,6 @@ client.on("connect", function (data) {
 client.on("error", function (data) {
   if (tncShowConnectStateError == 1) {
     socketLog.error("TNC connection error");
-    socketLog.info("TNC is started by the GUI process.");
-    socketLog.debug(data);
-    // setTimeout( function() { exports.connectTNC(tnc_host, tnc_port); }, 2000 );
-
     tncShowConnectStateError = 0;
   }
   setTimeout(connectTNC, 500);

From 19a58a8a6ca145b6ac3e0f72be6bbe4d584fc5b2 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 14:44:13 +0100
Subject: [PATCH 23/70] first attempt with easy config reading

---
 gui/main.js         |  25 ++++++-----
 gui/preload-main.js | 107 +++++++++++++++++++++++++++++++++++++++-----
 gui/src/index.html  |   4 +-
 3 files changed, 111 insertions(+), 25 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 080eda5c..e317efdd 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -43,8 +43,7 @@ if (!fs.existsSync(configFolder)) {
 }
 
 // create config file if not exists with defaults
-const configDefaultSettings =
-  '{\
+const configDefaultSettings = '{\
                   "tnc_host": "127.0.0.1",\
                   "tnc_port": "3000",\
                   "daemon_host": "127.0.0.1",\
@@ -53,15 +52,19 @@ const configDefaultSettings =
                   "mygrid": "JN40aa",\
                   "radiocontrol" : "disabled",\
                   "hamlib_deviceid": "RIG_MODEL_DUMMY_NOVFO",\
-                  "hamlib_deviceport": "/dev/ttyACM1",\
-                  "hamlib_stop_bits" : "1",\
-                  "hamlib_data_bits" : "8",\
-                  "hamlib_handshake" : "None",\
-                  "hamlib_serialspeed" : "9600",\
-                  "hamlib_dtrstate" : "OFF",\
-                  "hamlib_pttprotocol" : "USB",\
-                  "hamlib_pttport": "/dev/ttyACM1",\
-                  "hamlib_dcd": "None",\
+                  "hamlib_deviceport": "ignore",\
+                  "hamlib_stop_bits": "ignore",\
+                  "hamlib_data_bits": "ignore",\
+                  "hamlib_handshake": "ignore",\
+                  "hamlib_serialspeed": "ignore",\
+                  "hamlib_dtrstate": "ignore",\
+                  "hamlib_pttprotocol": "ignore",\
+                  "hamlib_ptt_port": "ignore",\
+                  "hamlib_dcd": "ignore",\
+                  "hamlib_rigctld_port": "ignore",\
+                  "hamlib_rigctld_ip": "ignore",\
+                  "hamlib_rigctld_path": "ignore",\
+                  "hamlib_rigctld_server_port": "ignore",\
                   "hamlbib_serialspeed_ptt": "9600",\
                   "hamlib_rigctld_port" : "4532",\
                   "hamlib_rigctld_ip" : "127.0.0.1",\
diff --git a/gui/preload-main.js b/gui/preload-main.js
index 998a8052..ad378b13 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -41,6 +41,26 @@ const contrib = [
   "N1QM",
 ];
 
+//let elements = document.querySelectorAll('[id^="hamlib_"]'); // get all elements starting with...
+    const hamlib_elements = ["hamlib_deviceid",
+    "hamlib_deviceport",
+    "hamlib_stop_bits",
+    "hamlib_data_bits",
+    "hamlib_handshake",
+    "hamlib_serialspeed",
+    "hamlib_dtrstate",
+    "hamlib_pttprotocol",
+    "hamlib_ptt_port",
+    "hamlib_dcd",
+    "hamlib_rigctld_port",
+    "hamlib_rigctld_ip",
+    "hamlib_rigctld_path",
+    "hamlib_rigctld_server_port"
+    ]
+
+
+
+
 // SET dbfs LEVEL GLOBAL
 // this is an attempt of reducing CPU LOAD
 // we are going to check if we have unequal values before we start calculating again
@@ -179,6 +199,12 @@ window.addEventListener("DOMContentLoaded", () => {
   });
 
   // LOAD SETTINGS
+
+  // load settings by function
+  loadSettings(hamlib_elements);
+
+
+
   document.getElementById("tnc_adress").value = config.tnc_host;
   document.getElementById("tnc_port").value = config.tnc_port;
 
@@ -193,6 +219,10 @@ window.addEventListener("DOMContentLoaded", () => {
   document.getElementById("myCallSSID").value = ssid;
   document.getElementById("myGrid").value = config.mygrid;
 
+
+
+
+
   // hamlib settings
   document.getElementById("hamlib_deviceid").value = config.hamlib_deviceid;
 
@@ -541,6 +571,26 @@ window.addEventListener("DOMContentLoaded", () => {
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
+
+    // hamlib event listener for saving settings
+    hamlib_elements.forEach(function(elem) {
+    try{
+        document.getElementById(elem).addEventListener("change", function() {
+            config.elem = document.getElementById(elem).value;
+            fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+            console.log(config.elem)
+        });
+        } catch(e){
+        console.log(e)
+        console.log(elem)
+
+        }
+
+
+
+    });
+
+
   document
     .getElementById("hamlib_rigctld_start")
     .addEventListener("click", () => {
@@ -566,15 +616,15 @@ window.addEventListener("DOMContentLoaded", () => {
       }
 
       // hamlib databits setting
-      if (document.getElementById("hamlib_databits").value !== 'ignore') {
-        var hamlib_databits = document.getElementById("hamlib_databits").value;
-        paramList = paramList.concat("--set-conf=data_bits=" + hamlib_databits);
+      if (document.getElementById("hamlib_data_bits").value !== 'ignore') {
+        var hamlib_data_bits = document.getElementById("hamlib_data_bits").value;
+        paramList = paramList.concat("--set-conf=data_bits=" + hamlib_data_bits);
       }
 
       // hamlib stopbits setting
-      if (document.getElementById("hamlib_stopbits").value !== 'ignore') {
-        var hamlib_stopbits = document.getElementById("hamlib_stopbits").value;
-        paramList = paramList.concat("--set-conf=stop_bits=" + hamlib_stopbits);
+      if (document.getElementById("hamlib_stop_bits").value !== 'ignore') {
+        var hamlib_stop_bits = document.getElementById("hamlib_stop_bits").value;
+        paramList = paramList.concat("--set-conf=stop_bits=" + hamlib_stop_bits);
       }
 
       // hamlib handshake setting
@@ -1083,8 +1133,8 @@ window.addEventListener("DOMContentLoaded", () => {
     var tx_audio = document.getElementById("audio_output_selectbox").value;
 
     var pttport = document.getElementById("hamlib_ptt_port").value;
-    var data_bits = document.getElementById("hamlib_databits").value;
-    var stop_bits = document.getElementById("hamlib_stopbits").value;
+    var data_bits = document.getElementById("hamlib_data_bits").value;
+    var stop_bits = document.getElementById("hamlib_stop_bits").value;
     var handshake = document.getElementById("hamlib_handshake").value;
 
     if (document.getElementById("scatterSwitch").checked == true) {
@@ -1178,7 +1228,7 @@ window.addEventListener("DOMContentLoaded", () => {
     config.hamlib_deviceport = deviceport;
     config.hamlib_serialspeed = serialspeed;
     config.hamlib_pttprotocol = pttprotocol;
-    config.hamlib_pttport = pttport;
+    config.hamlib_ptt_port = pttport;
     config.hamlib_data_bits = data_bits;
     config.hamlib_stop_bits = stop_bits;
     config.hamlib_handshake = handshake;
@@ -1244,8 +1294,8 @@ window.addEventListener("DOMContentLoaded", () => {
 
   // TEST HAMLIB
   document.getElementById("testHamlib").addEventListener("click", () => {
-    var data_bits = document.getElementById("hamlib_databits").value;
-    var stop_bits = document.getElementById("hamlib_stopbits").value;
+    var data_bits = document.getElementById("hamlib_data_bits").value;
+    var stop_bits = document.getElementById("hamlib_stop_bits").value;
     var handshake = document.getElementById("hamlib_handshake").value;
     var pttport = document.getElementById("hamlib_ptt_port").value;
 
@@ -2152,7 +2202,7 @@ ipcRenderer.on("action-update-daemon-state", (event, arg) => {
         option.text = arg.serial_devices[i]["description"];
         option.value = arg.serial_devices[i]["port"];
         // set device from config if available
-        if (config.hamlib_pttport == option.value) {
+        if (config.hamlib_ptt_port == option.value) {
           option.setAttribute("selected", true);
         }
         document.getElementById("hamlib_ptt_port").add(option);
@@ -3032,3 +3082,36 @@ function displayToast(
     toastHTMLElement.remove();
   });
 }
+
+
+function loadSettings(elements){
+    elements.forEach(function(id) {
+        let element = document.getElementById(id);
+
+        if(element.tagName === 'SELECT') {
+            element.value = config.elem;
+
+            // add selected value
+            for(var i = 0, j = element.options.length; i < j; ++i) {
+                if(element.options[i].innerHTML === config.elem) {
+                   element.selectedIndex = i;
+                   break;
+                }
+            }
+
+        } else if (element.tagName === 'INPUT' && element.type === 'text') {
+            element.value = config.elem;
+
+        } else if (element.tagName === 'INPUT' && element.type === 'radio') {
+            element.value = config.elem;
+
+            if(config.elem === "True"){
+                element.checked = true;
+            } else {
+                element.checked = false;
+            }
+        }
+
+
+        });
+}
\ No newline at end of file
diff --git a/gui/src/index.html b/gui/src/index.html
index 1c81812f..2ea99977 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -2080,7 +2080,7 @@
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
-                    id="hamlib_databits"
+                    id="hamlib_data_bits"
                   >
                     <option selected value="ignore">-- ignore --</option>
                     <option value="7">7</option>
@@ -2096,7 +2096,7 @@
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
-                    id="hamlib_stopbits"
+                    id="hamlib_stop_bits"
                   >
                      <option selected value="ignore">-- ignore --</option>
                     <option value="1">1</option>

From 7e589c3beff7d263f9272b9bc27c252b90427cb9 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 15:08:13 +0100
Subject: [PATCH 24/70] added rigctld help field

---
 gui/preload-main.js | 58 +++++++++++++++++++--------------------
 gui/src/index.html  | 67 ++++++++++++++++++++++++++-------------------
 2 files changed, 68 insertions(+), 57 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index ad378b13..a8626ff3 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -383,34 +383,34 @@ window.addEventListener("DOMContentLoaded", () => {
   // radio control element
   if (config.radiocontrol == "rigctld") {
     document.getElementById("radio-control-switch-disabled").checked = false;
-    document.getElementById("radio-control-switch-network").checked = false;
+    document.getElementById("radio-control-switch-rigctld").checked = true;
+    document.getElementById("radio-control-switch-help").checked = false;
+
 
     document.getElementById("radio-control-disabled").style.visibility =
       "hidden";
     document.getElementById("radio-control-disabled").style.display = "none";
 
-    document.getElementById("radio-control-network").style.visibility =
+    document.getElementById("radio-control-help").style.visibility =
       "hidden";
-    document.getElementById("radio-control-network").style.display = "none";
+    document.getElementById("radio-control-help").style.display = "none";
 
-    document.getElementById("radio-control-rigctld-info").style.visibility =
-      "hidden";
-    document.getElementById("radio-control-rigctld-info").style.display =
-      "none";
+    document.getElementById("radio-control-rigctld").style.visibility =
+      "visible";
+    document.getElementById("radio-control-rigctld").style.display =
+      "block";
   } else {
     document.getElementById("radio-control-switch-disabled").checked = true;
-    document.getElementById("radio-control-switch-network").checked = false;
-    document.getElementById(
-      "radio-control-switch-rigctld-info"
-    ).checked = false;
+    document.getElementById("radio-control-switch-help").checked = false;
+        document.getElementById("radio-control-switch-rigctld").checked = false;
 
-    document.getElementById("radio-control-network").style.display = "none";
-    document.getElementById("radio-control-network").style.visibility =
+    document.getElementById("radio-control-help").style.display = "none";
+    document.getElementById("radio-control-help").style.visibility =
       "hidden";
 
-    document.getElementById("radio-control-rigctld-info").style.visibility =
+    document.getElementById("radio-control-rigctld").style.visibility =
       "hidden";
-    document.getElementById("radio-control-rigctld-info").style.display =
+    document.getElementById("radio-control-rigctld").style.display =
       "none";
   }
 
@@ -484,13 +484,13 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "visible";
 
-      document.getElementById("radio-control-network").style.display = "none";
-      document.getElementById("radio-control-network").style.visibility =
+      document.getElementById("radio-control-help").style.display = "none";
+      document.getElementById("radio-control-help").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-rigctld-info").style.visibility =
+      document.getElementById("radio-control-rigctld").style.visibility =
         "hidden";
-      document.getElementById("radio-control-rigctld-info").style.display =
+      document.getElementById("radio-control-rigctld").style.display =
         "none";
 
       config.radiocontrol = "disabled";
@@ -499,7 +499,7 @@ window.addEventListener("DOMContentLoaded", () => {
 
   // // radio settings 'network' event listener
   document
-    .getElementById("radio-control-switch-network")
+    .getElementById("radio-control-switch-help")
     .addEventListener("click", () => {
       document.getElementById("hamlib_info_field").innerHTML =
         "Set the ip and port of a rigctld session";
@@ -508,13 +508,13 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-network").style.display = "block";
-      document.getElementById("radio-control-network").style.visibility =
+      document.getElementById("radio-control-help").style.display = "block";
+      document.getElementById("radio-control-help").style.visibility =
         "visible";
 
-      document.getElementById("radio-control-rigctld-info").style.visibility =
+      document.getElementById("radio-control-rigctld").style.visibility =
         "hidden";
-      document.getElementById("radio-control-rigctld-info").style.display =
+      document.getElementById("radio-control-rigctld").style.display =
         "none";
 
       config.radiocontrol = "rigctld";
@@ -523,7 +523,7 @@ window.addEventListener("DOMContentLoaded", () => {
 
   // // radio settings 'rigctld' event listener
   document
-    .getElementById("radio-control-switch-rigctld-info")
+    .getElementById("radio-control-switch-rigctld")
     .addEventListener("click", () => {
       document.getElementById("hamlib_info_field").innerHTML =
         "Start and stop rigctld .";
@@ -532,13 +532,13 @@ window.addEventListener("DOMContentLoaded", () => {
       document.getElementById("radio-control-disabled").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-network").style.display = "none";
-      document.getElementById("radio-control-network").style.visibility =
+      document.getElementById("radio-control-help").style.display = "none";
+      document.getElementById("radio-control-help").style.visibility =
         "hidden";
 
-      document.getElementById("radio-control-rigctld-info").style.visibility =
+      document.getElementById("radio-control-rigctld").style.visibility =
         "visible";
-      document.getElementById("radio-control-rigctld-info").style.display =
+      document.getElementById("radio-control-rigctld").style.display =
         "block";
 
       config.radiocontrol = "rigctld";
diff --git a/gui/src/index.html b/gui/src/index.html
index 2ea99977..bea95a99 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -347,35 +347,16 @@
                     type="radio"
                     class="btn-check"
                     name="radio-control-switch"
-                    id="radio-control-switch-rigctld-info"
+                    id="radio-control-switch-rigctld"
                     autocomplete="off"
                   />
                   <label
                     class="btn btn-sm btn-outline-secondary"
-                    for="radio-control-switch-rigctld-info"
+                    for="radio-control-switch-rigctld"
                   >
                     Run locally
                   </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"
-                  >
-                    Network
-                  </label>
-                </div>
                 <div class="btn-group" role="group">
                   <button
                     type="button"
@@ -389,15 +370,38 @@
                     PTT Test
                   </button>
                 </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-help"
+                    autocomplete="off"
+                  />
+                  <label
+                    class="btn btn-sm btn-outline-secondary"
+                    for="radio-control-switch-help"
+                  >
+                    Help
+                  </label>
+                </div>
+
               </div>
               <div class="card-body p-2">
                 <!-- RADIO CONTROL DISABLED -->
                 <div id="radio-control-disabled">
                   hamlib/rigctld connection disabled
                 </div>
-                <!-- RADIO CONTROL NETWORK -->
-                <div id="radio-control-network">
+
+                <!-- RADIO CONTROL RIGCTLD INFO-->
+                <div id="radio-control-rigctld">
                   <div class="input-group input-group-sm mb-1">
+
+                    <div class="input-group input-group-sm mb-1">
                     <span class="input-group-text">Rigctld IP</span>
                     <input
                       type="text"
@@ -417,10 +421,8 @@
                       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">
+
+
                     <button
                       class="btn btn-outline-success"
                       type="button"
@@ -444,7 +446,17 @@
                       Stop
                     </button>
                   </div>
+
+
+
+
                 </div>
+
+                                <!-- RADIO CONTROL HELP -->
+                <div id="radio-control-help">
+                  ...
+                </div>
+
               </div>
               <div class="card-footer text-muted small" id="hamlib_info_field">
                 Select your radio and PTT settings. Start/Stop Hamlib Rigctld
@@ -2032,7 +2044,6 @@
                     Device Port
                   </span>
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"

From 0ecd7e65d567e764086400f7f537bb7ac133eaa6 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 15:23:53 +0100
Subject: [PATCH 25/70] updated rigctld

---
 gui/src/index.html | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index bea95a99..c0476774 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -337,7 +337,7 @@
                   >
                     disabled
                   </label>
-                </div>
+
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
@@ -354,7 +354,7 @@
                     class="btn btn-sm btn-outline-secondary"
                     for="radio-control-switch-rigctld"
                   >
-                    Run locally
+                    Hamlib
                   </label>
                 </div>
                 <div class="btn-group" role="group">
@@ -369,7 +369,9 @@
                   >
                     PTT Test
                   </button>
+
                 </div>
+                  </div>
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
@@ -386,7 +388,7 @@
                     class="btn btn-sm btn-outline-secondary"
                     for="radio-control-switch-help"
                   >
-                    Help
+                    <i class="bi bi-question-circle"></i>
                   </label>
                 </div>
 
@@ -402,7 +404,8 @@
                   <div class="input-group input-group-sm mb-1">
 
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text">Rigctld IP</span>
+                    <span class="input-group-text">Rigctld Network settings</span>
+                      <span class="input-group-text">IP</span>
                     <input
                       type="text"
                       class="form-control"
@@ -411,7 +414,7 @@
                       aria-label="Device IP"
                       aria-describedby="basic-addon1"
                     />
-                    <span class="input-group-text">:</span>
+                    <span class="input-group-text">Port</span>
                     <input
                       type="text"
                       class="form-control"
@@ -422,7 +425,7 @@
                     />
                   </div>
 
-
+<span class="input-group-text">Rigctld application</span>
                     <button
                       class="btn btn-outline-success"
                       type="button"
@@ -454,7 +457,12 @@
 
                                 <!-- RADIO CONTROL HELP -->
                 <div id="radio-control-help">
-                  ...
+                  <strong>VOX:</strong> disable rigctld usage
+                  <br>
+                  <strong>HAMLIB locally:</strong> configure in settings, then start/stop service.
+                  <br>
+                  <strong>HAMLIB remotely:</strong> Enter IP/Port, connection happens automatically.
+
                 </div>
 
               </div>
@@ -2063,7 +2071,6 @@
                     Serial Speed</span
                   >
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
@@ -2083,9 +2090,7 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text" style="width: 180px"
-                    >Data bits</span
-                  >
+                  <span class="input-group-text" style="width: 180px">Data bits</span>
 
                   </span>
                   <select
@@ -2103,7 +2108,6 @@
                     >Stop Bits</span
                   >
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
@@ -2119,7 +2123,6 @@
                     >Serial Handshake</span
                   >
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
@@ -2139,8 +2142,7 @@
                     >PTT Device Port</span
                   >
 
-                  </span>
-                  
+
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
@@ -2153,7 +2155,6 @@
                     >PTT Type</span
                   >
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
@@ -2173,7 +2174,6 @@
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">DCD</span>
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
@@ -2192,7 +2192,6 @@
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">DTR</span>
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"

From 3a36baabac5aae103158cc1103350ad7a30b9b0d Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 15:44:19 +0100
Subject: [PATCH 26/70] updated packages

---
 gui/package.json   | 16 ++++++++--------
 gui/src/index.html |  3 +--
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/gui/package.json b/gui/package.json
index 5790edc0..94e39d9d 100644
--- a/gui/package.json
+++ b/gui/package.json
@@ -35,28 +35,28 @@
     "bootstrap": "^5.2.3",
     "bootstrap-icons": "^1.10.3",
     "bootswatch": "^5.2.3",
-    "chart.js": "^4.2.0",
+    "chart.js": "^4.2.1",
     "chartjs-plugin-annotation": "^2.1.2",
     "electron-log": "^4.4.8",
     "electron-updater": "^5.3.0",
-    "emoji-picker-element": "^1.15.0",
+    "emoji-picker-element": "^1.15.1",
     "emoji-picker-element-data": "^1.3.0",
     "express-pouchdb": "^4.2.0",
     "mime": "^3.0.0",
-    "pouchdb": "^8.0.0",
-    "pouchdb-browser": "^8.0.0",
+    "pouchdb": "^8.0.1",
+    "pouchdb-browser": "^8.0.1",
     "pouchdb-express-router": "^0.0.11",
-    "pouchdb-find": "^8.0.0",
-    "pouchdb-replication": "^8.0.0",
+    "pouchdb-find": "^8.0.1",
+    "pouchdb-replication": "^8.0.1",
     "qth-locator": "^2.1.0",
     "utf8": "^3.0.0",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "electron": "^22.0.2",
+    "electron": "^23.0.0",
     "electron-builder": "^23.6.0",
     "@electron/notarize": "^1.2.3",
-    "electron-builder-notarize": "^1.5.0"
+    "electron-builder-notarize": "^1.5.1"
   },
   "build": {
     "productName": "FreeDATA",
diff --git a/gui/src/index.html b/gui/src/index.html
index c0476774..f678da67 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-bs-theme="dark">
   <head>
     <!-- Required meta tags -->
     <meta charset="utf-8" />
@@ -2092,7 +2092,6 @@
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">Data bits</span>
 
-                  </span>
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"

From 6683d0a1a7f9d804d2b1f20defb70bcddf4811ae Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 14:44:38 +0000
Subject: [PATCH 27/70] Prettified Code!

---
 gui/main.js         |   3 +-
 gui/preload-main.js | 188 +++++++++++++++++++-------------------------
 gui/src/index.html  | 144 +++++++++++++++++----------------
 3 files changed, 153 insertions(+), 182 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index e317efdd..6159cf40 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -43,7 +43,8 @@ if (!fs.existsSync(configFolder)) {
 }
 
 // create config file if not exists with defaults
-const configDefaultSettings = '{\
+const configDefaultSettings =
+  '{\
                   "tnc_host": "127.0.0.1",\
                   "tnc_port": "3000",\
                   "daemon_host": "127.0.0.1",\
diff --git a/gui/preload-main.js b/gui/preload-main.js
index a8626ff3..59e558bd 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -42,24 +42,22 @@ const contrib = [
 ];
 
 //let elements = document.querySelectorAll('[id^="hamlib_"]'); // get all elements starting with...
-    const hamlib_elements = ["hamlib_deviceid",
-    "hamlib_deviceport",
-    "hamlib_stop_bits",
-    "hamlib_data_bits",
-    "hamlib_handshake",
-    "hamlib_serialspeed",
-    "hamlib_dtrstate",
-    "hamlib_pttprotocol",
-    "hamlib_ptt_port",
-    "hamlib_dcd",
-    "hamlib_rigctld_port",
-    "hamlib_rigctld_ip",
-    "hamlib_rigctld_path",
-    "hamlib_rigctld_server_port"
-    ]
-
-
-
+const hamlib_elements = [
+  "hamlib_deviceid",
+  "hamlib_deviceport",
+  "hamlib_stop_bits",
+  "hamlib_data_bits",
+  "hamlib_handshake",
+  "hamlib_serialspeed",
+  "hamlib_dtrstate",
+  "hamlib_pttprotocol",
+  "hamlib_ptt_port",
+  "hamlib_dcd",
+  "hamlib_rigctld_port",
+  "hamlib_rigctld_ip",
+  "hamlib_rigctld_path",
+  "hamlib_rigctld_server_port",
+];
 
 // SET dbfs LEVEL GLOBAL
 // this is an attempt of reducing CPU LOAD
@@ -203,8 +201,6 @@ window.addEventListener("DOMContentLoaded", () => {
   // load settings by function
   loadSettings(hamlib_elements);
 
-
-
   document.getElementById("tnc_adress").value = config.tnc_host;
   document.getElementById("tnc_port").value = config.tnc_port;
 
@@ -219,10 +215,6 @@ window.addEventListener("DOMContentLoaded", () => {
   document.getElementById("myCallSSID").value = ssid;
   document.getElementById("myGrid").value = config.mygrid;
 
-
-
-
-
   // hamlib settings
   document.getElementById("hamlib_deviceid").value = config.hamlib_deviceid;
 
@@ -386,32 +378,27 @@ window.addEventListener("DOMContentLoaded", () => {
     document.getElementById("radio-control-switch-rigctld").checked = true;
     document.getElementById("radio-control-switch-help").checked = false;
 
-
     document.getElementById("radio-control-disabled").style.visibility =
       "hidden";
     document.getElementById("radio-control-disabled").style.display = "none";
 
-    document.getElementById("radio-control-help").style.visibility =
-      "hidden";
+    document.getElementById("radio-control-help").style.visibility = "hidden";
     document.getElementById("radio-control-help").style.display = "none";
 
     document.getElementById("radio-control-rigctld").style.visibility =
       "visible";
-    document.getElementById("radio-control-rigctld").style.display =
-      "block";
+    document.getElementById("radio-control-rigctld").style.display = "block";
   } else {
     document.getElementById("radio-control-switch-disabled").checked = true;
     document.getElementById("radio-control-switch-help").checked = false;
-        document.getElementById("radio-control-switch-rigctld").checked = false;
+    document.getElementById("radio-control-switch-rigctld").checked = false;
 
     document.getElementById("radio-control-help").style.display = "none";
-    document.getElementById("radio-control-help").style.visibility =
-      "hidden";
+    document.getElementById("radio-control-help").style.visibility = "hidden";
 
     document.getElementById("radio-control-rigctld").style.visibility =
       "hidden";
-    document.getElementById("radio-control-rigctld").style.display =
-      "none";
+    document.getElementById("radio-control-rigctld").style.display = "none";
   }
 
   // remote tnc
@@ -485,13 +472,11 @@ window.addEventListener("DOMContentLoaded", () => {
         "visible";
 
       document.getElementById("radio-control-help").style.display = "none";
-      document.getElementById("radio-control-help").style.visibility =
-        "hidden";
+      document.getElementById("radio-control-help").style.visibility = "hidden";
 
       document.getElementById("radio-control-rigctld").style.visibility =
         "hidden";
-      document.getElementById("radio-control-rigctld").style.display =
-        "none";
+      document.getElementById("radio-control-rigctld").style.display = "none";
 
       config.radiocontrol = "disabled";
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
@@ -514,8 +499,7 @@ window.addEventListener("DOMContentLoaded", () => {
 
       document.getElementById("radio-control-rigctld").style.visibility =
         "hidden";
-      document.getElementById("radio-control-rigctld").style.display =
-        "none";
+      document.getElementById("radio-control-rigctld").style.display = "none";
 
       config.radiocontrol = "rigctld";
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
@@ -533,19 +517,16 @@ window.addEventListener("DOMContentLoaded", () => {
         "hidden";
 
       document.getElementById("radio-control-help").style.display = "none";
-      document.getElementById("radio-control-help").style.visibility =
-        "hidden";
+      document.getElementById("radio-control-help").style.visibility = "hidden";
 
       document.getElementById("radio-control-rigctld").style.visibility =
         "visible";
-      document.getElementById("radio-control-rigctld").style.display =
-        "block";
+      document.getElementById("radio-control-rigctld").style.display = "block";
 
       config.radiocontrol = "rigctld";
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-
   document
     .getElementById("hamlib_rigctld_path")
     .addEventListener("click", () => {
@@ -571,25 +552,19 @@ window.addEventListener("DOMContentLoaded", () => {
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-
-    // hamlib event listener for saving settings
-    hamlib_elements.forEach(function(elem) {
-    try{
-        document.getElementById(elem).addEventListener("change", function() {
-            config.elem = document.getElementById(elem).value;
-            fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-            console.log(config.elem)
-        });
-        } catch(e){
-        console.log(e)
-        console.log(elem)
-
-        }
-
-
-
-    });
-
+  // hamlib event listener for saving settings
+  hamlib_elements.forEach(function (elem) {
+    try {
+      document.getElementById(elem).addEventListener("change", function () {
+        config.elem = document.getElementById(elem).value;
+        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+        console.log(config.elem);
+      });
+    } catch (e) {
+      console.log(e);
+      console.log(elem);
+    }
+  });
 
   document
     .getElementById("hamlib_rigctld_start")
@@ -602,33 +577,39 @@ window.addEventListener("DOMContentLoaded", () => {
       paramList = paramList.concat("-m", hamlib_deviceid);
 
       // hamlib deviceport setting
-      if (document.getElementById("hamlib_deviceport").value !== 'ignore') {
+      if (document.getElementById("hamlib_deviceport").value !== "ignore") {
         var hamlib_deviceport =
           document.getElementById("hamlib_deviceport").value;
         paramList = paramList.concat("-r", hamlib_deviceport);
       }
 
       // hamlib serialspeed setting
-      if (document.getElementById("hamlib_serialspeed").value !== 'ignore') {
+      if (document.getElementById("hamlib_serialspeed").value !== "ignore") {
         var hamlib_serialspeed =
           document.getElementById("hamlib_serialspeed").value;
         paramList = paramList.concat("-s", hamlib_serialspeed);
       }
 
       // hamlib databits setting
-      if (document.getElementById("hamlib_data_bits").value !== 'ignore') {
-        var hamlib_data_bits = document.getElementById("hamlib_data_bits").value;
-        paramList = paramList.concat("--set-conf=data_bits=" + hamlib_data_bits);
+      if (document.getElementById("hamlib_data_bits").value !== "ignore") {
+        var hamlib_data_bits =
+          document.getElementById("hamlib_data_bits").value;
+        paramList = paramList.concat(
+          "--set-conf=data_bits=" + hamlib_data_bits
+        );
       }
 
       // hamlib stopbits setting
-      if (document.getElementById("hamlib_stop_bits").value !== 'ignore') {
-        var hamlib_stop_bits = document.getElementById("hamlib_stop_bits").value;
-        paramList = paramList.concat("--set-conf=stop_bits=" + hamlib_stop_bits);
+      if (document.getElementById("hamlib_stop_bits").value !== "ignore") {
+        var hamlib_stop_bits =
+          document.getElementById("hamlib_stop_bits").value;
+        paramList = paramList.concat(
+          "--set-conf=stop_bits=" + hamlib_stop_bits
+        );
       }
 
       // hamlib handshake setting
-      if (document.getElementById("hamlib_handshake").value !== 'ignore') {
+      if (document.getElementById("hamlib_handshake").value !== "ignore") {
         var hamlib_handshake =
           document.getElementById("hamlib_handshake").value;
         paramList = paramList.concat(
@@ -637,26 +618,26 @@ window.addEventListener("DOMContentLoaded", () => {
       }
 
       // hamlib dcd setting
-      if (document.getElementById("hamlib_dcd").value !== 'ignore') {
+      if (document.getElementById("hamlib_dcd").value !== "ignore") {
         var hamlib_dcd = document.getElementById("hamlib_dcd").value;
         paramList = paramList.concat("--dcd-type=" + hamlib_dcd);
       }
 
       // hamlib ptt port
-      if (document.getElementById("hamlib_ptt_port").value !== 'ignore') {
+      if (document.getElementById("hamlib_ptt_port").value !== "ignore") {
         var hamlib_ptt_port = document.getElementById("hamlib_ptt_port").value;
         paramList = paramList.concat("-p", hamlib_ptt_port);
       }
 
       // hamlib ptt type
-      if (document.getElementById("hamlib_pttprotocol").value !== 'ignore') {
+      if (document.getElementById("hamlib_pttprotocol").value !== "ignore") {
         var hamlib_ptt_type =
           document.getElementById("hamlib_pttprotocol").value;
         paramList = paramList.concat("--ptt-type=" + hamlib_ptt_type);
       }
 
       // hamlib dtr state
-      if (document.getElementById("hamlib_dtrstate").value !== 'ignore') {
+      if (document.getElementById("hamlib_dtrstate").value !== "ignore") {
         var hamlib_dtrstate = document.getElementById("hamlib_dtrstate").value;
         paramList = paramList.concat("--set-conf=dtr_state=" + hamlib_dtrstate);
       }
@@ -1289,7 +1270,6 @@ window.addEventListener("DOMContentLoaded", () => {
     if (!confirm("Stop the TNC?")) return;
 
     daemon.stopTNC();
-
   });
 
   // TEST HAMLIB
@@ -1330,7 +1310,6 @@ window.addEventListener("DOMContentLoaded", () => {
 
   // START TRANSMISSION
   document.getElementById("startTransmission").addEventListener("click", () => {
-
     var fileList = document.getElementById("dataModalFile").files;
     console.log(fileList);
     var reader = new FileReader();
@@ -3083,35 +3062,30 @@ function displayToast(
   });
 }
 
+function loadSettings(elements) {
+  elements.forEach(function (id) {
+    let element = document.getElementById(id);
 
-function loadSettings(elements){
-    elements.forEach(function(id) {
-        let element = document.getElementById(id);
+    if (element.tagName === "SELECT") {
+      element.value = config.elem;
 
-        if(element.tagName === 'SELECT') {
-            element.value = config.elem;
-
-            // add selected value
-            for(var i = 0, j = element.options.length; i < j; ++i) {
-                if(element.options[i].innerHTML === config.elem) {
-                   element.selectedIndex = i;
-                   break;
-                }
-            }
-
-        } else if (element.tagName === 'INPUT' && element.type === 'text') {
-            element.value = config.elem;
-
-        } else if (element.tagName === 'INPUT' && element.type === 'radio') {
-            element.value = config.elem;
-
-            if(config.elem === "True"){
-                element.checked = true;
-            } else {
-                element.checked = false;
-            }
+      // add selected value
+      for (var i = 0, j = element.options.length; i < j; ++i) {
+        if (element.options[i].innerHTML === config.elem) {
+          element.selectedIndex = i;
+          break;
         }
+      }
+    } else if (element.tagName === "INPUT" && element.type === "text") {
+      element.value = config.elem;
+    } else if (element.tagName === "INPUT" && element.type === "radio") {
+      element.value = config.elem;
 
-
-        });
-}
\ No newline at end of file
+      if (config.elem === "True") {
+        element.checked = true;
+      } else {
+        element.checked = false;
+      }
+    }
+  });
+}
diff --git a/gui/src/index.html b/gui/src/index.html
index f678da67..6d4fa796 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -338,40 +338,39 @@
                     disabled
                   </label>
 
-                <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"
+                  <div
+                    class="btn-group btn-group-sm"
+                    role="group"
+                    aria-label="radio-control-switch-rigctld"
                   >
-                    Hamlib
-                  </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>
-
-                </div>
+                    <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"
+                    >
+                      Hamlib
+                    </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>
+                  </div>
+                </div>
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
@@ -391,7 +390,6 @@
                     <i class="bi bi-question-circle"></i>
                   </label>
                 </div>
-
               </div>
               <div class="card-body p-2">
                 <!-- RADIO CONTROL DISABLED -->
@@ -402,30 +400,31 @@
                 <!-- RADIO CONTROL RIGCTLD INFO-->
                 <div id="radio-control-rigctld">
                   <div class="input-group input-group-sm mb-1">
-
                     <div class="input-group input-group-sm mb-1">
-                    <span class="input-group-text">Rigctld Network settings</span>
+                      <span class="input-group-text"
+                        >Rigctld Network settings</span
+                      >
                       <span class="input-group-text">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">Port</span>
-                    <input
-                      type="text"
-                      class="form-control"
-                      placeholder="rigctld port"
-                      id="hamlib_rigctld_port"
-                      aria-label="Device Port"
-                      aria-describedby="basic-addon1"
-                    />
-                  </div>
+                      <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">Port</span>
+                      <input
+                        type="text"
+                        class="form-control"
+                        placeholder="rigctld port"
+                        id="hamlib_rigctld_port"
+                        aria-label="Device Port"
+                        aria-describedby="basic-addon1"
+                      />
+                    </div>
 
-<span class="input-group-text">Rigctld application</span>
+                    <span class="input-group-text">Rigctld application</span>
                     <button
                       class="btn btn-outline-success"
                       type="button"
@@ -449,22 +448,18 @@
                       Stop
                     </button>
                   </div>
-
-
-
-
                 </div>
 
-                                <!-- RADIO CONTROL HELP -->
+                <!-- RADIO CONTROL HELP -->
                 <div id="radio-control-help">
                   <strong>VOX:</strong> disable rigctld usage
-                  <br>
-                  <strong>HAMLIB locally:</strong> configure in settings, then start/stop service.
-                  <br>
-                  <strong>HAMLIB remotely:</strong> Enter IP/Port, connection happens automatically.
-
+                  <br />
+                  <strong>HAMLIB locally:</strong> configure in settings, then
+                  start/stop service.
+                  <br />
+                  <strong>HAMLIB remotely:</strong> Enter IP/Port, connection
+                  happens automatically.
                 </div>
-
               </div>
               <div class="card-footer text-muted small" id="hamlib_info_field">
                 Select your radio and PTT settings. Start/Stop Hamlib Rigctld
@@ -2090,7 +2085,9 @@
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
-                  <span class="input-group-text" style="width: 180px">Data bits</span>
+                  <span class="input-group-text" style="width: 180px"
+                    >Data bits</span
+                  >
 
                   <select
                     class="form-select form-select-sm"
@@ -2112,7 +2109,7 @@
                     aria-label=".form-select-sm"
                     id="hamlib_stop_bits"
                   >
-                     <option selected value="ignore">-- ignore --</option>
+                    <option selected value="ignore">-- ignore --</option>
                     <option value="1">1</option>
                     <option value="2">2</option>
                   </select>
@@ -2127,7 +2124,7 @@
                     aria-label=".form-select-sm"
                     id="hamlib_handshake"
                   >
-                     <option selected value="ignore">-- ignore --</option>
+                    <option selected value="ignore">-- ignore --</option>
                     <option value="None">None (Default)</option>
                   </select>
                 </div>
@@ -2141,12 +2138,12 @@
                     >PTT Device Port</span
                   >
 
-
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"
                     id="hamlib_ptt_port"
-                  > <option selected value="ignore">-- ignore --</option>
+                  >
+                    <option selected value="ignore">-- ignore --</option>
                   </select>
                 </div>
                 <div class="input-group input-group-sm mb-1">
@@ -2160,7 +2157,7 @@
                     id="hamlib_pttprotocol"
                     style="width: 0.5rem"
                   >
-                     <option selected value="ignore">-- ignore --</option>
+                    <option selected value="ignore">-- ignore --</option>
                     <option value="NONE">NONE</option>
                     <option value="RIG">RIG</option>
                     <option value="USB">USB</option>
@@ -2179,7 +2176,7 @@
                     id="hamlib_dcd"
                     style="width: 0.5rem"
                   >
-                     <option selected value="ignore">-- ignore --</option>
+                    <option selected value="ignore">-- ignore --</option>
                     <option value="NONE">NONE</option>
                     <option value="RIG">RIG/CAT</option>
                     <option value="DSR">DSR</option>
@@ -2197,7 +2194,7 @@
                     id="hamlib_dtrstate"
                     style="width: 0.5rem"
                   >
-                     <option selected value="ignore">-- ignore --</option>
+                    <option selected value="ignore">-- ignore --</option>
                     <option value="OFF">OFF</option>
                     <option value="ON">ON</option>
                   </select>
@@ -2219,7 +2216,6 @@
                     class="form-select form-select-sm"
                     id="tuning_range_fmin"
                   >
-                    
                     <option value="-50.0">-50.0</option>
                     <option value="-100.0">-100.0</option>
                     <option value="-150.0">-150.0</option>

From 951dce8adfef86d550487bc43beabb2b1be3cd7f Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 15:59:46 +0100
Subject: [PATCH 28/70] fixed config file reading

---
 gui/preload-main.js | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 59e558bd..696e494a 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -552,13 +552,13 @@ window.addEventListener("DOMContentLoaded", () => {
       fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
     });
 
-  // hamlib event listener for saving settings
+  // hamlib bulk event listener for saving settings
   hamlib_elements.forEach(function (elem) {
     try {
       document.getElementById(elem).addEventListener("change", function () {
-        config.elem = document.getElementById(elem).value;
-        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-        console.log(config.elem);
+        config[elem] = document.getElementById(elem).value;
+          fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+          console.log(config);
       });
     } catch (e) {
       console.log(e);
@@ -566,6 +566,7 @@ window.addEventListener("DOMContentLoaded", () => {
     }
   });
 
+
   document
     .getElementById("hamlib_rigctld_start")
     .addEventListener("click", () => {
@@ -3067,25 +3068,29 @@ function loadSettings(elements) {
     let element = document.getElementById(id);
 
     if (element.tagName === "SELECT") {
-      element.value = config.elem;
+      element.value = config[id];
 
       // add selected value
       for (var i = 0, j = element.options.length; i < j; ++i) {
-        if (element.options[i].innerHTML === config.elem) {
+        if (element.options[i].innerHTML === config[id]) {
           element.selectedIndex = i;
           break;
         }
       }
-    } else if (element.tagName === "INPUT" && element.type === "text") {
-      element.value = config.elem;
-    } else if (element.tagName === "INPUT" && element.type === "radio") {
-      element.value = config.elem;
 
-      if (config.elem === "True") {
+
+    } else if (element.tagName === "INPUT" && element.type === "text") {
+      element.value = config[id];
+    } else if (element.tagName === "INPUT" && element.type === "radio") {
+      element.value = config[id];
+
+      if (config[id] === "True") {
         element.checked = true;
       } else {
         element.checked = false;
       }
+    } else {
+        console.log("nothing matched....")
     }
   });
 }

From 675cf88401c8b2f6bda8cf456b48a8ad12e31ecd Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 15:00:08 +0000
Subject: [PATCH 29/70] Prettified Code!

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 696e494a..2a8672ff 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -557,8 +557,8 @@ window.addEventListener("DOMContentLoaded", () => {
     try {
       document.getElementById(elem).addEventListener("change", function () {
         config[elem] = document.getElementById(elem).value;
-          fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-          console.log(config);
+        fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+        console.log(config);
       });
     } catch (e) {
       console.log(e);
@@ -566,7 +566,6 @@ window.addEventListener("DOMContentLoaded", () => {
     }
   });
 
-
   document
     .getElementById("hamlib_rigctld_start")
     .addEventListener("click", () => {
@@ -3077,8 +3076,6 @@ function loadSettings(elements) {
           break;
         }
       }
-
-
     } else if (element.tagName === "INPUT" && element.type === "text") {
       element.value = config[id];
     } else if (element.tagName === "INPUT" && element.type === "radio") {
@@ -3090,7 +3087,7 @@ function loadSettings(elements) {
         element.checked = false;
       }
     } else {
-        console.log("nothing matched....")
+      console.log("nothing matched....");
     }
   });
 }

From 20baeab65e29c2a8be7ef07587c21f480ad1fd40 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 11:14:20 -0500
Subject: [PATCH 30/70] Add strength info to tnc_message

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

diff --git a/gui/sock.js b/gui/sock.js
index 486ee889..812212c6 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -219,6 +219,7 @@ client.on("data", function (socketdata) {
           listen: data["listen"],
           audio_recording: data["audio_recording"],
           speed_list: data["speed_list"],
+          strength: data["strength"],
           //speed_table: [{"bpm" : 5200, "snr": -3, "timestamp":1673555399},{"bpm" : 2315, "snr": 12, "timestamp":1673555500}],
         };
 

From b9f306183150a33e77c10f14173de0676913b52b Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 11:16:30 -0500
Subject: [PATCH 31/70] Skip for loop iteration if json.parse throws error

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

diff --git a/gui/sock.js b/gui/sock.js
index 812212c6..2cc197b2 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -171,6 +171,8 @@ client.on("data", function (socketdata) {
           socketLog.info(e); // "SyntaxError
           socketLog.info(socketchunk[i]);
           socketchunk = "";
+          //If we're here, I don't think we want to process any data that may be in data variable
+          continue;
         }
       }
 

From 996de087670be0a922012b6d5136e8ae177f0547 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 11:28:23 -0500
Subject: [PATCH 32/70] Remove a few icons from rigctl settings

---
 gui/src/index.html | 21 ++-------------------
 1 file changed, 2 insertions(+), 19 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 6d4fa796..bcd405b0 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1703,7 +1703,7 @@
                   </select>
                 </div>
               </div>
-
+              <!--Rigctl tab contents-->
               <div
                 class="tab-pane"
                 id="hamlib"
@@ -1754,10 +1754,6 @@
                 <hr class="m-2" />
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">
-                    <i
-                      class="bi bi-projector-fill me-2"
-                      style="font-size: 0.8rem; color: black"
-                    ></i>
                     Radio model
                   </span>
                   <input
@@ -2040,10 +2036,6 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">
-                    <i
-                      class="bi bi-usb-symbol"
-                      style="font-size: 1rem; color: black"
-                    ></i>
                     Device Port
                   </span>
 
@@ -2059,11 +2051,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    ><i
-                      class="bi bi-speedometer"
-                      style="font-size: 1rem; color: black"
-                    ></i>
-                    Serial Speed</span
+                    >Serial Speed</span
                   >
 
                   <select
@@ -2131,13 +2119,8 @@
 
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    ><i
-                      class="bi bi-usb-symbol"
-                      style="font-size: 1rem; color: black"
-                    ></i
                     >PTT Device Port</span
                   >
-
                   <select
                     class="form-select form-select-sm"
                     aria-label=".form-select-sm"

From 2292898f1a741f178455890b781b95e0e830d992 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 17:45:03 +0100
Subject: [PATCH 33/70] introduced send fec command

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

diff --git a/gui/sock.js b/gui/sock.js
index 2cc197b2..a5794889 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -678,6 +678,13 @@ exports.sendTestFrame = function () {
   writeTncCommand(command);
 };
 
+// SEND FEC
+exports.sendFEC = function (mode, payload) {
+  command = '{"type" : "fec", "command" : "send_fec", "mode" : "' + mode + '", "payload" : "' + payload + '"}';
+  writeTncCommand(command);
+};
+
+
 // RECORD AUDIO
 exports.record_audio = function () {
   command = '{"type" : "set", "command" : "record_audio"}';

From 2f9c3d14c9da58c577540233c273fb372949cd76 Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 16:46:54 +0000
Subject: [PATCH 34/70] Prettified Code!

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

diff --git a/gui/sock.js b/gui/sock.js
index a5794889..2ab266d7 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -680,11 +680,15 @@ exports.sendTestFrame = function () {
 
 // SEND FEC
 exports.sendFEC = function (mode, payload) {
-  command = '{"type" : "fec", "command" : "send_fec", "mode" : "' + mode + '", "payload" : "' + payload + '"}';
+  command =
+    '{"type" : "fec", "command" : "send_fec", "mode" : "' +
+    mode +
+    '", "payload" : "' +
+    payload +
+    '"}';
   writeTncCommand(command);
 };
 
-
 // RECORD AUDIO
 exports.record_audio = function () {
   command = '{"type" : "set", "command" : "record_audio"}';

From b8cf7f2b3d69f64c30bba8ce807f80cc490f7632 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:00:33 +0100
Subject: [PATCH 35/70] updated fec transmit

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

diff --git a/gui/sock.js b/gui/sock.js
index 2ab266d7..14881b76 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -681,7 +681,7 @@ exports.sendTestFrame = function () {
 // SEND FEC
 exports.sendFEC = function (mode, payload) {
   command =
-    '{"type" : "fec", "command" : "send_fec", "mode" : "' +
+    '{"type" : "fec", "command" : "transmit", "mode" : "' +
     mode +
     '", "payload" : "' +
     payload +

From 966289c744156c26ba71685472f1d320452aab8e Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 12:11:19 -0500
Subject: [PATCH 36/70] Add ignore to ptt and cat settings

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 2a8672ff..474c443c 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2154,6 +2154,10 @@ ipcRenderer.on("action-update-daemon-state", (event, arg) => {
       arg.serial_devices.length
     ) {
       document.getElementById("hamlib_deviceport").innerHTML = "";
+      var ignore = document.createElement("option");
+      ignore.text = "-- ignore --";
+      ignore.value = "ignore";
+      document.getElementById("hamlib_deviceport").add(ignore);
       for (i = 0; i < arg.serial_devices.length; i++) {
         var option = document.createElement("option");
         option.text =
@@ -2161,12 +2165,10 @@ ipcRenderer.on("action-update-daemon-state", (event, arg) => {
           " -- " +
           arg.serial_devices[i]["description"];
         option.value = arg.serial_devices[i]["port"];
-        // set device from config if available
-        if (config.hamlib_deviceport == option.value) {
-          option.setAttribute("selected", true);
-        }
         document.getElementById("hamlib_deviceport").add(option);
       }
+      // set device from config if available
+      document.getElementById("hamlib_deviceport").value = config.hamlib_deviceport;
     }
   }
 
@@ -2176,16 +2178,21 @@ ipcRenderer.on("action-update-daemon-state", (event, arg) => {
       arg.serial_devices.length
     ) {
       document.getElementById("hamlib_ptt_port").innerHTML = "";
+      var ignore = document.createElement("option");
+      ignore.text = "-- ignore --";
+      ignore.value = "ignore";
+      document.getElementById("hamlib_ptt_port").add(ignore);
       for (i = 0; i < arg.serial_devices.length; i++) {
         var option = document.createElement("option");
-        option.text = arg.serial_devices[i]["description"];
-        option.value = arg.serial_devices[i]["port"];
-        // set device from config if available
-        if (config.hamlib_ptt_port == option.value) {
-          option.setAttribute("selected", true);
-        }
+        option.text =
+        arg.serial_devices[i]["port"] +
+        " -- " +
+        arg.serial_devices[i]["description"];
+      option.value = arg.serial_devices[i]["port"];
         document.getElementById("hamlib_ptt_port").add(option);
       }
+      // set device from config if available
+      document.getElementById("hamlib_ptt_port").value = config.hamlib_ptt_port;
     }
   }
 });

From 6195538fff913fdc7a1672d322f255164fda8f46 Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Sun, 12 Feb 2023 17:11:45 +0000
Subject: [PATCH 37/70] Prettified Code!

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 474c443c..cfbf0e07 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2168,7 +2168,8 @@ ipcRenderer.on("action-update-daemon-state", (event, arg) => {
         document.getElementById("hamlib_deviceport").add(option);
       }
       // set device from config if available
-      document.getElementById("hamlib_deviceport").value = config.hamlib_deviceport;
+      document.getElementById("hamlib_deviceport").value =
+        config.hamlib_deviceport;
     }
   }
 
@@ -2185,10 +2186,10 @@ ipcRenderer.on("action-update-daemon-state", (event, arg) => {
       for (i = 0; i < arg.serial_devices.length; i++) {
         var option = document.createElement("option");
         option.text =
-        arg.serial_devices[i]["port"] +
-        " -- " +
-        arg.serial_devices[i]["description"];
-      option.value = arg.serial_devices[i]["port"];
+          arg.serial_devices[i]["port"] +
+          " -- " +
+          arg.serial_devices[i]["description"];
+        option.value = arg.serial_devices[i]["port"];
         document.getElementById("hamlib_ptt_port").add(option);
       }
       // set device from config if available

From 8003a3c3955bed68519a34276589154d770d160d Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:28:10 +0100
Subject: [PATCH 38/70] introduced transmit is writing

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

diff --git a/gui/sock.js b/gui/sock.js
index 14881b76..19d7243a 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -689,6 +689,15 @@ exports.sendFEC = function (mode, payload) {
   writeTncCommand(command);
 };
 
+// SEND FEC IS WRITING
+exports.sendFecIsWriting = function (mycallsign) {
+  command =
+    '{"type" : "fec", "command" : "transmit_is_writing", "mycallsign" : "' +
+    mycallsign +
+    '"}';
+  writeTncCommand(command);
+};
+
 // RECORD AUDIO
 exports.record_audio = function () {
   command = '{"type" : "set", "command" : "record_audio"}';

From a22e4334a19dcd3a64ede9b99530ec41456e5cf0 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 12:40:50 -0500
Subject: [PATCH 39/70] Allow specifying custom rigctld cmdline arguments

---
 gui/main.js         |  5 +----
 gui/preload-main.js |  7 +++++++
 gui/src/index.html  | 13 +++++++++++++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 6159cf40..21aa6b42 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -62,15 +62,12 @@ const configDefaultSettings =
                   "hamlib_pttprotocol": "ignore",\
                   "hamlib_ptt_port": "ignore",\
                   "hamlib_dcd": "ignore",\
-                  "hamlib_rigctld_port": "ignore",\
-                  "hamlib_rigctld_ip": "ignore",\
-                  "hamlib_rigctld_path": "ignore",\
-                  "hamlib_rigctld_server_port": "ignore",\
                   "hamlbib_serialspeed_ptt": "9600",\
                   "hamlib_rigctld_port" : "4532",\
                   "hamlib_rigctld_ip" : "127.0.0.1",\
                   "hamlib_rigctld_path" : "",\
                   "hamlib_rigctld_server_port" : "4532",\
+                  "hamlib_rigctld_custom_args": "",\
                   "spectrum": "waterfall",\
                   "tnclocation": "localhost",\
                   "enable_scatter" : "False",\
diff --git a/gui/preload-main.js b/gui/preload-main.js
index cfbf0e07..0a6aa526 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -57,6 +57,7 @@ const hamlib_elements = [
   "hamlib_rigctld_ip",
   "hamlib_rigctld_path",
   "hamlib_rigctld_server_port",
+  "hamlib_rigctld_custom_args",
 ];
 
 // SET dbfs LEVEL GLOBAL
@@ -646,6 +647,12 @@ window.addEventListener("DOMContentLoaded", () => {
         "hamlib_rigctld_server_port"
       ).value;
       paramList = paramList.concat("-t", hamlib_rigctld_server_port);
+      
+      //Custom rigctld arguments to pass to rigctld
+      var hamlib_rigctld_custom_args = document.getElementById(
+        "hamlib_rigctld_custom_args"
+      ).value;
+      paramList = paramList.concat(hamlib_rigctld_custom_args);
 
       document.getElementById("hamlib_rigctld_command").value =
         paramList.join(" "); // join removes the commas
diff --git a/gui/src/index.html b/gui/src/index.html
index bcd405b0..405c2deb 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -2182,6 +2182,19 @@
                     <option value="ON">ON</option>
                   </select>
                 </div>
+                <div class="input-group input-group-sm mb-1">
+                  <span class="input-group-text" style="width: 180px"
+                    >Rigctld custom arguments</span
+                  >
+                  <input
+                    type="text"
+                    class="form-control"
+                    placeholder="not typically needed"
+                    id="hamlib_rigctld_custom_args"
+                    aria-label="Custom arguments"
+                    aria-describedby="basic-addon1"
+                  />
+                </div>
               </div>
 
               <!-- TNC Tab contents-->

From f5ad24cebd80213d747668e4c8ce2a4bc3e063c5 Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Sun, 12 Feb 2023 17:43:22 +0000
Subject: [PATCH 40/70] Prettified Code!

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 0a6aa526..12b7e9d8 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -647,7 +647,7 @@ window.addEventListener("DOMContentLoaded", () => {
         "hamlib_rigctld_server_port"
       ).value;
       paramList = paramList.concat("-t", hamlib_rigctld_server_port);
-      
+
       //Custom rigctld arguments to pass to rigctld
       var hamlib_rigctld_custom_args = document.getElementById(
         "hamlib_rigctld_custom_args"

From b28bda61558ccb6892bb5cdedfdc0bd1f486bbf8 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 12:56:09 -0500
Subject: [PATCH 41/70] Use consistent case in settings menu

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

diff --git a/gui/src/index.html b/gui/src/index.html
index 405c2deb..d4ad1954 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1727,7 +1727,7 @@
                 <hr class="m-2" />
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >Rigctld Path</span
+                    >Rigctld path</span
                   >
                   <input
                     type="text"
@@ -1740,7 +1740,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >Rigctld Server Port</span
+                    >Rigctld server port</span
                   >
                   <input
                     type="text"
@@ -2036,7 +2036,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px">
-                    Device Port
+                    Device port
                   </span>
 
                   <select
@@ -2051,7 +2051,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >Serial Speed</span
+                    >Serial speed</span
                   >
 
                   <select
@@ -2089,7 +2089,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >Stop Bits</span
+                    >Stop bits</span
                   >
 
                   <select
@@ -2104,7 +2104,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >Serial Handshake</span
+                    >Serial handshake</span
                   >
 
                   <select
@@ -2119,7 +2119,7 @@
 
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >PTT Device Port</span
+                    >PTT device port</span
                   >
                   <select
                     class="form-select form-select-sm"
@@ -2131,7 +2131,7 @@
                 </div>
                 <div class="input-group input-group-sm mb-1">
                   <span class="input-group-text" style="width: 180px"
-                    >PTT Type</span
+                    >PTT type</span
                   >
 
                   <select

From 002d866dc77e9b21ce8566c869883456f30a6d51 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 15:05:48 -0500
Subject: [PATCH 42/70] Clarify TNC rig control area/purpose

---
 gui/preload-main.js | 12 ++++++------
 gui/src/index.html  | 38 +++++++++++++++++++-------------------
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 12b7e9d8..ee3778de 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -465,8 +465,8 @@ window.addEventListener("DOMContentLoaded", () => {
   document
     .getElementById("radio-control-switch-disabled")
     .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Set hamlib related settings.";
+      //document.getElementById("hamlib_info_field").innerHTML =
+      //  "Disables TNC rig control";
 
       document.getElementById("radio-control-disabled").style.display = "block";
       document.getElementById("radio-control-disabled").style.visibility =
@@ -487,8 +487,8 @@ window.addEventListener("DOMContentLoaded", () => {
   document
     .getElementById("radio-control-switch-help")
     .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Set the ip and port of a rigctld session";
+      //document.getElementById("hamlib_info_field").innerHTML =
+      //  "Set the ip and port of a rigctld session";
 
       document.getElementById("radio-control-disabled").style.display = "none";
       document.getElementById("radio-control-disabled").style.visibility =
@@ -510,8 +510,8 @@ window.addEventListener("DOMContentLoaded", () => {
   document
     .getElementById("radio-control-switch-rigctld")
     .addEventListener("click", () => {
-      document.getElementById("hamlib_info_field").innerHTML =
-        "Start and stop rigctld .";
+      //document.getElementById("hamlib_info_field").innerHTML =
+      //  "Edit your rigctld settings and start and stop rigctld .";
 
       document.getElementById("radio-control-disabled").style.display = "none";
       document.getElementById("radio-control-disabled").style.visibility =
diff --git a/gui/src/index.html b/gui/src/index.html
index d4ad1954..50405ee3 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -310,6 +310,7 @@
                 Please select audio device for RX and TX
               </div>
             </div>
+            <!--Start of TNC rig control pane-->
           </div>
           <div class="col">
             <div class="card text-dark mb-0">
@@ -317,7 +318,7 @@
                 <i
                   class="bi bi-projector"
                   style="font-size: 1rem; color: black"
-                ></i>
+                ></i><STRONG> TNC RIG CONTROL</STRONG>
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
@@ -329,13 +330,12 @@
                     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"
                   >
-                    disabled
+                    None
                   </label>
 
                   <div
@@ -357,19 +357,6 @@
                       Hamlib
                     </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>
-                  </div>
                 </div>
                 <div
                   class="btn-group btn-group-sm"
@@ -394,7 +381,8 @@
               <div class="card-body p-2">
                 <!-- RADIO CONTROL DISABLED -->
                 <div id="radio-control-disabled">
-                  hamlib/rigctld connection disabled
+                  <p class="small">TNC will not utilize rig control and features will be limited.
+                  While functional; it is recommended to configure hamlib.</p>
                 </div>
 
                 <!-- RADIO CONTROL RIGCTLD INFO-->
@@ -447,12 +435,24 @@
                     >
                       Stop
                     </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>
 
                 <!-- RADIO CONTROL HELP -->
                 <div id="radio-control-help">
-                  <strong>VOX:</strong> disable rigctld usage
+                  <strong>VOX:</strong> Use rig control mode 'none'
                   <br />
                   <strong>HAMLIB locally:</strong> configure in settings, then
                   start/stop service.
@@ -462,7 +462,7 @@
                 </div>
               </div>
               <div class="card-footer text-muted small" id="hamlib_info_field">
-                Select your radio and PTT settings. Start/Stop Hamlib Rigctld
+                Define TNC rig control mode (none/hamlib)
               </div>
             </div>
           </div>

From d9ab917a519e6b964817171db0bf2d35b040a04b Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Sun, 12 Feb 2023 20:06:39 +0000
Subject: [PATCH 43/70] Prettified Code!

---
 gui/src/index.html | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 50405ee3..7aff9caa 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -318,7 +318,8 @@
                 <i
                   class="bi bi-projector"
                   style="font-size: 1rem; color: black"
-                ></i><STRONG> TNC RIG CONTROL</STRONG>
+                ></i
+                ><strong> TNC RIG CONTROL</strong>
                 <div
                   class="btn-group btn-group-sm"
                   role="group"
@@ -381,8 +382,11 @@
               <div class="card-body p-2">
                 <!-- RADIO CONTROL DISABLED -->
                 <div id="radio-control-disabled">
-                  <p class="small">TNC will not utilize rig control and features will be limited.
-                  While functional; it is recommended to configure hamlib.</p>
+                  <p class="small">
+                    TNC will not utilize rig control and features will be
+                    limited. While functional; it is recommended to configure
+                    hamlib.
+                  </p>
                 </div>
 
                 <!-- RADIO CONTROL RIGCTLD INFO-->
@@ -435,18 +439,17 @@
                     >
                       Stop
                     </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>
+                    <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>
 

From 7f8ca3c744e2526a7d2478c747cfbf3eb6b1579e Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 17:39:13 +0100
Subject: [PATCH 44/70] first attempt FEC mode

---
 tnc/data_handler.py | 17 +++++++++++++++++
 tnc/sock.py         | 22 ++++++++++++++++++++++
 tnc/static.py       |  1 +
 3 files changed, 40 insertions(+)

diff --git a/tnc/data_handler.py b/tnc/data_handler.py
index ccbfed85..f70457c5 100644
--- a/tnc/data_handler.py
+++ b/tnc/data_handler.py
@@ -303,6 +303,10 @@ class DATA:
                 # [7] attempts
                 self.open_dc_and_transmit(data[1], data[2], data[3], data[4], data[5], data[6], data[7])
 
+            elif data[0] == "FEC":
+                # [1] DATA_OUT bytes
+                # [2] MODE str datac0/1/3...
+                self.send_fec_frame(data[1], data[2])
             else:
                 self.log.error(
                     "[TNC] worker_transmit: received invalid command:", data=data
@@ -3200,6 +3204,19 @@ class DATA:
             frame_to_tx=[test_frame], c2_mode=FREEDV_MODE.datac3.value
         )
 
+    def send_fec_frame(self, mode, payload) -> None:
+        """Send an empty test frame"""
+
+        mode_int = codec2.freedv_get_mode_value_by_name(mode)
+        payload_per_frame = modem.get_bytes_per_frame(mode_int) - 2
+        fec_payload_length = payload_per_frame - 1
+
+        fec_frame = bytearray(payload_per_frame)
+        fec_frame[:1] = bytes([FR_TYPE.FEC.value])
+        fec_frame[1:payload_per_frame] = bytes(payload[:fec_payload_length])
+        self.enqueue_frame_for_tx(
+            frame_to_tx=[fec_frame], c2_mode=codec2.FREEDV_MODE[mode].value
+        )
     def save_data_to_folder(self,
                             transmission_uuid,
                             timestamp,
diff --git a/tnc/sock.py b/tnc/sock.py
index 17a287f7..4661f346 100644
--- a/tnc/sock.py
+++ b/tnc/sock.py
@@ -251,6 +251,13 @@ class ThreadedTCPRequestHandler(socketserver.StreamRequestHandler):
                 else:
                     self.tnc_set_send_test_frame(received_json)
 
+            # TRANSMIT TEST FRAME
+            if received_json["type"] == "fec" and received_json["command"] == "transmit":
+                if TESTMODE:
+                    ThreadedTCPRequestHandler.tnc_fec_transmit(None, received_json)
+                else:
+                    self.tnc_fec_transmit(received_json)
+
             # CQ CQ CQ
             if received_json["command"] == "cqcqcq":
                 if TESTMODE:
@@ -423,6 +430,21 @@ class ThreadedTCPRequestHandler(socketserver.StreamRequestHandler):
                 command=received_json,
             )
 
+    def tnc_fec_transmit(self, received_json):
+        try:
+            mode = received_json["mode"]
+            payload = received_json["payload"]
+
+            DATA_QUEUE_TRANSMIT.put(["FEC", payload, mode])
+            command_response("fec_transmit", True)
+        except Exception as err:
+            command_response("fec_transmit", False)
+            log.warning(
+                "[SCK] Send fec frame command execution error",
+                e=err,
+                command=received_json,
+            )
+
     def tnc_cqcqcq(self, received_json):
         try:
             DATA_QUEUE_TRANSMIT.put(["CQ"])
diff --git a/tnc/static.py b/tnc/static.py
index 851dc10b..3b1cc508 100644
--- a/tnc/static.py
+++ b/tnc/static.py
@@ -157,5 +157,6 @@ class FRAME_TYPE(Enum):
     ARQ_DC_OPEN_ACK_N = 228
     ARQ_STOP = 249
     BEACON = 250
+    FEC = 251
     IDENT = 254
     TEST_FRAME = 255

From 4fde7a813eed64e94ea0798e55b7c82a7808ed39 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 17:48:01 +0100
Subject: [PATCH 45/70] updated fec transmit

---
 tnc/sock.py | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/tnc/sock.py b/tnc/sock.py
index 4661f346..1509c1de 100644
--- a/tnc/sock.py
+++ b/tnc/sock.py
@@ -433,7 +433,10 @@ class ThreadedTCPRequestHandler(socketserver.StreamRequestHandler):
     def tnc_fec_transmit(self, received_json):
         try:
             mode = received_json["mode"]
-            payload = received_json["payload"]
+            base64data = received_json["payload"]
+            if len(base64data) % 4:
+                raise TypeError
+            payload = base64.b64decode(base64data)
 
             DATA_QUEUE_TRANSMIT.put(["FEC", payload, mode])
             command_response("fec_transmit", True)

From 76c2a3ae53a2864f3ab4792bafe83541b0013c2e Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:08:32 +0100
Subject: [PATCH 46/70] updated fec transmit

---
 tnc/data_handler.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tnc/data_handler.py b/tnc/data_handler.py
index f70457c5..97024f56 100644
--- a/tnc/data_handler.py
+++ b/tnc/data_handler.py
@@ -3204,7 +3204,7 @@ class DATA:
             frame_to_tx=[test_frame], c2_mode=FREEDV_MODE.datac3.value
         )
 
-    def send_fec_frame(self, mode, payload) -> None:
+    def send_fec_frame(self, payload, mode) -> None:
         """Send an empty test frame"""
 
         mode_int = codec2.freedv_get_mode_value_by_name(mode)

From 736bea3449c149a5844c5d794faf10a3a38654b8 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:24:42 +0100
Subject: [PATCH 47/70] introduced transmit is writing

---
 tnc/data_handler.py | 16 ++++++++++++++++
 tnc/sock.py         | 22 +++++++++++++++++++++-
 tnc/static.py       |  1 +
 3 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/tnc/data_handler.py b/tnc/data_handler.py
index 97024f56..c3125a0a 100644
--- a/tnc/data_handler.py
+++ b/tnc/data_handler.py
@@ -307,6 +307,11 @@ class DATA:
                 # [1] DATA_OUT bytes
                 # [2] MODE str datac0/1/3...
                 self.send_fec_frame(data[1], data[2])
+
+            elif data[0] == "FEC_IS_WRITING":
+                # [1] DATA_OUT bytes
+                # [2] MODE str datac0/1/3...
+                self.send_fec_frame(data[1])
             else:
                 self.log.error(
                     "[TNC] worker_transmit: received invalid command:", data=data
@@ -3217,6 +3222,17 @@ class DATA:
         self.enqueue_frame_for_tx(
             frame_to_tx=[fec_frame], c2_mode=codec2.FREEDV_MODE[mode].value
         )
+
+    def send_fec_is_writing(self, mycallsign) -> None:
+        """Send an empty test frame"""
+
+        fec_frame = bytearray(14)
+        fec_frame[:1] = bytes([FR_TYPE.IS_WRITING.value])
+        fec_frame[1:7] = helpers.callsign_to_bytes(mycallsign)
+
+        self.enqueue_frame_for_tx(
+            frame_to_tx=[fec_frame], c2_mode=codec2.FREEDV_MODE["datac0"].value
+        )
     def save_data_to_folder(self,
                             transmission_uuid,
                             timestamp,
diff --git a/tnc/sock.py b/tnc/sock.py
index 1509c1de..ecdd48ef 100644
--- a/tnc/sock.py
+++ b/tnc/sock.py
@@ -251,13 +251,20 @@ class ThreadedTCPRequestHandler(socketserver.StreamRequestHandler):
                 else:
                     self.tnc_set_send_test_frame(received_json)
 
-            # TRANSMIT TEST FRAME
+            # TRANSMIT FEC FRAME
             if received_json["type"] == "fec" and received_json["command"] == "transmit":
                 if TESTMODE:
                     ThreadedTCPRequestHandler.tnc_fec_transmit(None, received_json)
                 else:
                     self.tnc_fec_transmit(received_json)
 
+            # TRANSMIT IS WRITING FRAME
+            if received_json["type"] == "fec" and received_json["command"] == "transmit_is_writing":
+                if TESTMODE:
+                    ThreadedTCPRequestHandler.tnc_fec_is_writing(None, received_json)
+                else:
+                    self.tnc_fec_is_writing(received_json)
+
             # CQ CQ CQ
             if received_json["command"] == "cqcqcq":
                 if TESTMODE:
@@ -448,6 +455,19 @@ class ThreadedTCPRequestHandler(socketserver.StreamRequestHandler):
                 command=received_json,
             )
 
+    def tnc_fec_is_writing(self, received_json):
+        try:
+            mycallsign = received_json["mycallsign"]
+            DATA_QUEUE_TRANSMIT.put(["FEC_IS_WRITING", mycallsign])
+            command_response("fec_is_writing", True)
+        except Exception as err:
+            command_response("fec_is_writing", False)
+            log.warning(
+                "[SCK] Send fec frame command execution error",
+                e=err,
+                command=received_json,
+            )
+
     def tnc_cqcqcq(self, received_json):
         try:
             DATA_QUEUE_TRANSMIT.put(["CQ"])
diff --git a/tnc/static.py b/tnc/static.py
index 3b1cc508..950403af 100644
--- a/tnc/static.py
+++ b/tnc/static.py
@@ -148,6 +148,7 @@ class FRAME_TYPE(Enum):
     QRV = 201
     PING = 210
     PING_ACK = 211
+    IS_WRITING = 215
     ARQ_SESSION_OPEN = 221
     ARQ_SESSION_HB = 222
     ARQ_SESSION_CLOSE = 223

From 5a6b4e319ecd5c6d7ce2ddb4ae38965c8d0ffbae Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:34:05 +0100
Subject: [PATCH 48/70] receive is writing frame

---
 tnc/data_handler.py | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/tnc/data_handler.py b/tnc/data_handler.py
index c3125a0a..70927256 100644
--- a/tnc/data_handler.py
+++ b/tnc/data_handler.py
@@ -200,6 +200,8 @@ class DATA:
             FR_TYPE.PING_ACK.value: (self.received_ping_ack, "PING ACK"),
             FR_TYPE.PING.value: (self.received_ping, "PING"),
             FR_TYPE.QRV.value: (self.received_qrv, "QRV"),
+            FR_TYPE.IS_WRITING.value: (self.received_is_writing, "IS_WRITING"),
+
         }
         self.command_dispatcher = {
             #"CONNECT": (self.arq_session_handler, "CONNECT"),
@@ -370,6 +372,7 @@ class DATA:
                         FR_TYPE.QRV.value,
                         FR_TYPE.PING.value,
                         FR_TYPE.BEACON.value,
+                        FR_TYPE.IS_WRITING.value,
                 ]
         ):
 
@@ -2799,6 +2802,27 @@ class DATA:
             static.FREQ_OFFSET,
             static.HAMLIB_FREQUENCY,
         )
+    def received_is_writing(self, data_in: bytes) -> None:
+        """
+        Called when we receive a IS WRITING frame
+        Args:
+          data_in:bytes:
+
+        """
+        # here we add the received station to the heard stations buffer
+        dxcallsign = helpers.bytes_to_callsign(bytes(data_in[1:7]))
+
+        self.send_data_to_socket_queue(
+            freedata="tnc-message",
+            fec="is_writing",
+            dxcallsign=str(dxcallsign, "UTF-8")
+        )
+
+        self.log.info(
+            "[TNC] IS_WRITING RCVD ["
+            + str(dxcallsign, "UTF-8")
+            + "] ",
+        )
 
     # ------------ CALCULATE TRANSFER RATES
     def calculate_transfer_rate_rx(

From 5a6deedb9afed235ea8bab987c0d12a113c15da5 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:38:00 +0100
Subject: [PATCH 49/70] fix for sending is writing frame

---
 tnc/data_handler.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tnc/data_handler.py b/tnc/data_handler.py
index 70927256..52637ede 100644
--- a/tnc/data_handler.py
+++ b/tnc/data_handler.py
@@ -313,7 +313,7 @@ class DATA:
             elif data[0] == "FEC_IS_WRITING":
                 # [1] DATA_OUT bytes
                 # [2] MODE str datac0/1/3...
-                self.send_fec_frame(data[1])
+                self.send_fec_is_writing(data[1])
             else:
                 self.log.error(
                     "[TNC] worker_transmit: received invalid command:", data=data

From 8703675cb305cd8c1e4d0b09f6989f00a288d79e Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Sun, 12 Feb 2023 19:07:59 +0100
Subject: [PATCH 50/70] drop is writing frame if channel busy

---
 tnc/data_handler.py | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/tnc/data_handler.py b/tnc/data_handler.py
index 52637ede..57d2c7aa 100644
--- a/tnc/data_handler.py
+++ b/tnc/data_handler.py
@@ -3254,9 +3254,14 @@ class DATA:
         fec_frame[:1] = bytes([FR_TYPE.IS_WRITING.value])
         fec_frame[1:7] = helpers.callsign_to_bytes(mycallsign)
 
-        self.enqueue_frame_for_tx(
-            frame_to_tx=[fec_frame], c2_mode=codec2.FREEDV_MODE["datac0"].value
-        )
+        # send burst only if channel not busy - but without waiting
+        # otherwise burst will be dropped
+        if not static.CHANNEL_BUSY:
+            self.enqueue_frame_for_tx(
+                frame_to_tx=[fec_frame], c2_mode=codec2.FREEDV_MODE["datac0"].value
+            )
+        else:
+            return False
     def save_data_to_folder(self,
                             transmission_uuid,
                             timestamp,

From e38fd63de7fe33618344dda3f80aeb921c9af80c Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 16:42:23 -0500
Subject: [PATCH 51/70] Sleep for a bit before checking if PTT is active

---
 tnc/daemon.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/tnc/daemon.py b/tnc/daemon.py
index 05df8493..e82718fe 100755
--- a/tnc/daemon.py
+++ b/tnc/daemon.py
@@ -190,6 +190,8 @@ class DAEMON:
         # hamlib_version = rig.hamlib_version
 
         hamlib.set_ptt(True)
+        #Allow a little time for network based rig to register PTT is active
+        time.sleep(.250);
         if hamlib.get_ptt():
             self.log.info("[DMN] Hamlib PTT", status="SUCCESS")
             response = {"command": "test_hamlib", "result": "SUCCESS"}

From cdb7315bbff35b1b34bb36f9a0839f8936d83a7d Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 18:15:12 -0500
Subject: [PATCH 52/70] Send fec message while typing message.

---
 gui/main.js         | 4 ++++
 gui/preload-chat.js | 7 +++++++
 gui/preload-main.js | 4 ++++
 3 files changed, 15 insertions(+)

diff --git a/gui/main.js b/gui/main.js
index 21aa6b42..53f52df9 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -411,6 +411,10 @@ ipcMain.on("run-tnc-command", (event, arg) => {
   win.webContents.send("run-tnc-command", arg);
 });
 
+ipcMain.on("tnc-fec-iswriting", (event, arg) => {
+  win.webContents.send("run-tnc-command-fec-iswriting");
+});
+
 ipcMain.on("request-update-rx-buffer", (event, arg) => {
   win.webContents.send("action-update-rx-buffer", arg);
 });
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 976bac6a..f155e19a 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -40,6 +40,7 @@ var file = "";
 var filename = "";
 var callsign_counter = 0;
 var selected_callsign = "";
+var lastIsWritingBroadcast = new Date().getTime();
 // -----------------------------------
 
 var chatDB = path.join(configFolder, "chatDB");
@@ -269,6 +270,12 @@ window.addEventListener("DOMContentLoaded", () => {
     textarea.rows = lines;
 
     console.log(textarea.value);
+    if (lastIsWritingBroadcast < new Date().getTime() - (5*1000))
+    {
+      //console.log("Sending FECIsWriting");
+      ipcRenderer.send("tnc-fec-iswriting");
+      lastIsWritingBroadcast = new Date().getTime();
+    }
   });
 
   document.getElementById("expand_textarea").addEventListener("click", () => {
diff --git a/gui/preload-main.js b/gui/preload-main.js
index ee3778de..bdf59d5f 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2431,6 +2431,10 @@ ipcRenderer.on("action-update-rx-buffer", (event, arg) => {
     });
   }
 });
+ipcRenderer.on('run-tnc-command-fec-iswriting',(event) => {
+  //console.log("Sending sendFecIsWriting");
+  sock.sendFecIsWriting(config.mycall);
+});
 
 ipcRenderer.on("run-tnc-command", (event, arg) => {
   if (arg.command == "save_my_call") {

From 9b72ac9de8c0cf6ab63f39336647614549a372a4 Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Sun, 12 Feb 2023 23:16:02 +0000
Subject: [PATCH 53/70] Prettified Code!

---
 gui/preload-chat.js | 3 +--
 gui/preload-main.js | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index f155e19a..1dde255f 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -270,8 +270,7 @@ window.addEventListener("DOMContentLoaded", () => {
     textarea.rows = lines;
 
     console.log(textarea.value);
-    if (lastIsWritingBroadcast < new Date().getTime() - (5*1000))
-    {
+    if (lastIsWritingBroadcast < new Date().getTime() - 5 * 1000) {
       //console.log("Sending FECIsWriting");
       ipcRenderer.send("tnc-fec-iswriting");
       lastIsWritingBroadcast = new Date().getTime();
diff --git a/gui/preload-main.js b/gui/preload-main.js
index bdf59d5f..d1d61b3d 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2431,7 +2431,7 @@ ipcRenderer.on("action-update-rx-buffer", (event, arg) => {
     });
   }
 });
-ipcRenderer.on('run-tnc-command-fec-iswriting',(event) => {
+ipcRenderer.on("run-tnc-command-fec-iswriting", (event) => {
   //console.log("Sending sendFecIsWriting");
   sock.sendFecIsWriting(config.mycall);
 });

From d2c2b71a0258bfa366226feed17fa9ccbf566819 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 18:36:27 -0500
Subject: [PATCH 54/70] Fix toast issue

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index d1d61b3d..53b3e8c0 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2775,7 +2775,7 @@ ipcRenderer.on(
   "action-show-arq-toast-transmission-transmitted",
   (event, data) => {
     console.log(data["data"][0]);
-    let content = `received cq from <strong>${dxcallsign}</strong> (${dxgrid})`;
+    //let content = `received cq from <strong>${dxcallsign}</strong> (${dxgrid})`;
     displayToast(
       (type = "success"),
       (icon = "bi-broadcast"),

From ed31503b0b8929274460b5b0ee357768cc24a9d9 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 19:13:14 -0500
Subject: [PATCH 55/70] First pass handling rx'd feciswriting, clean up sock.js

---
 gui/main.js         |   5 +
 gui/preload-main.js |  12 +-
 gui/sock.js         | 414 +++++++++++++++++++++++---------------------
 3 files changed, 236 insertions(+), 195 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 53f52df9..45029378 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -534,6 +534,11 @@ ipcMain.on("save-file-to-folder", (event, data) => {
 
 //tnc messages START --------------------------------------
 
+// FEC iswriting received
+ipcMain.on("request-show-fec-toast-iswriting", (event, data) => {
+  win.webContents.send("action-show-fec-toast-iswriting", data);
+});
+
 // CQ TRANSMITTING
 ipcMain.on("request-show-cq-toast-transmitting", (event, data) => {
   win.webContents.send("action-show-cq-toast-transmitting", data);
diff --git a/gui/preload-main.js b/gui/preload-main.js
index 53b3e8c0..720f2020 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -2574,7 +2574,17 @@ ipcRenderer.on("action-show-cq-toast-transmitting", (event, data) => {
     (duration = 5000)
   );
 });
-
+// fec iswriting received
+ipcRenderer.on("action-show-fec-toast-iswriting", (event, data) => {
+  let dxcallsign = data["data"][0]["dxcallsign"];
+  let content = `${dxcallsign}</strong> is typing`;
+  displayToast(
+    (type = "success"),
+    (icon = "bi-pencil-fill"),
+    (content = content),
+    (duration = 5000)
+  );
+});
 // CQ RECEIVED
 ipcRenderer.on("action-show-cq-toast-received", (event, data) => {
   let dxcallsign = data["data"][0]["dxcallsign"];
diff --git a/gui/sock.js b/gui/sock.js
index 19d7243a..b4b7f5ff 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -4,7 +4,7 @@ const { ipcRenderer } = require("electron");
 
 const log = require("electron-log");
 const socketLog = log.scope("tnc");
-const utf8 = require("utf8");
+//const utf8 = require("utf8");
 
 // https://stackoverflow.com/a/26227660
 var appDataFolder =
@@ -25,8 +25,8 @@ const split_char = "\0;\1;";
 // globals for getting new data only if available so we are saving bandwidth
 var rxBufferLengthTnc = 0;
 var rxBufferLengthGui = 0;
-var rxMsgBufferLengthTnc = 0;
-var rxMsgBufferLengthGui = 0;
+//var rxMsgBufferLengthTnc = 0;
+//var rxMsgBufferLengthGui = 0;
 
 // global to keep track of TNC connection error emissions
 var tncShowConnectStateError = 1;
@@ -168,7 +168,8 @@ client.on("data", function (socketdata) {
         try {
           data = JSON.parse(socketchunk[i]);
         } catch (e) {
-          socketLog.info(e); // "SyntaxError
+          socketLog.info("Throwing away data!!!!\n" + e); // "SyntaxError
+          //socketLog.info(e); // "SyntaxError
           socketLog.info(socketchunk[i]);
           socketchunk = "";
           //If we're here, I don't think we want to process any data that may be in data variable
@@ -180,7 +181,7 @@ client.on("data", function (socketdata) {
         //socketLog.info(data)
         // set length of RX Buffer to global variable
         rxBufferLengthTnc = data["rx_buffer_length"];
-        rxMsgBufferLengthTnc = data["rx_msg_buffer_length"];
+        //rxMsgBufferLengthTnc = data["rx_msg_buffer_length"];
 
         let Data = {
           mycallsign: data["mycallsign"],
@@ -232,224 +233,249 @@ client.on("data", function (socketdata) {
 
       // ----------- catch tnc messages START -----------
       if (data["freedata"] == "tnc-message") {
-        // update transmission status
-        /*
-                if (data['arq'] == 'transmission' && data['status'] == 'transmitting'){
 
-                    let state = {
-                        status: data['status'],
-                        uuid: data['uuid'],
-                        percent: data['percent'],
-                        bytesperminute: data['bytesperminute'],
-                    };
-
-                    ipcRenderer.send('request-update-transmission-status', state);
-                }
-                */
-
-        // CQ TRANSMITTING
-        if (data["cq"] == "transmitting") {
-          ipcRenderer.send("request-show-cq-toast-transmitting", {
+        switch (data["fec"]) {
+        
+          case "is_writing":
+            // CQ TRANSMITTING
+            ipcRenderer.send("request-show-fec-toast-iswriting", {
             data: [data],
+            });
+          break;
+         }
+        
+       switch (data["cq"]) {
+        
+        case "transmitting":
+          // CQ TRANSMITTING
+          ipcRenderer.send("request-show-cq-toast-transmitting", {
+          data: [data],
           });
-        }
-
-        // CQ RECEIVED
-        if (data["cq"] == "received") {
+        break;
+        
+        case "received":
+          // CQ RECEIVED
           ipcRenderer.send("request-show-cq-toast-received", { data: [data] });
-        }
-
-        // QRV TRANSMITTING
-        if (data["qrv"] == "transmitting") {
+          break;
+       }
+       
+       switch (data["qrv"]) {
+       
+        case "transmitting":
+          // QRV TRANSMITTING
           ipcRenderer.send("request-show-qrv-toast-transmitting", {
             data: [data],
           });
-        }
-
-        // QRV RECEIVED
-        if (data["qrv"] == "received") {
+        break;
+       
+        case "received":
+          // QRV RECEIVED
           ipcRenderer.send("request-show-qrv-toast-received", { data: [data] });
-        }
-
-        // BEACON TRANSMITTING
-        if (data["beacon"] == "transmitting") {
+          break;
+       }
+       
+       switch (data["beacon"]) {
+       
+        case "transmitting":
+          // BEACON TRANSMITTING
           ipcRenderer.send("request-show-beacon-toast-transmitting", {
             data: [data],
           });
-        }
-
-        // BEACON RECEIVED
-        if (data["beacon"] == "received") {
+        break;
+       
+        case "received":
+          // BEACON RECEIVED
           ipcRenderer.send("request-show-beacon-toast-received", {
             data: [data],
           });
           ipcRenderer.send("request-new-msg-received", { data: [data] });
-        }
-
-        // PING TRANSMITTING
-        if (data["ping"] == "transmitting") {
+          break;
+       }
+       
+       switch (data["ping"]) {
+       
+        case "transmitting":
+          // PING TRANSMITTING
           ipcRenderer.send("request-show-ping-toast-transmitting", {
             data: [data],
           });
-        }
-
-        // PING RECEIVED
-        if (data["ping"] == "received") {
+        break;
+       
+        case "received":
+          // PING RECEIVED
           ipcRenderer.send("request-show-ping-toast-received", {
             data: [data],
           });
           ipcRenderer.send("request-new-msg-received", { data: [data] });
-        }
-
-        // PING ACKNOWLEDGE
-        if (data["ping"] == "acknowledge") {
+          break;
+       
+          case "acknowledge":
+          // PING ACKNOWLEDGE
           ipcRenderer.send("request-show-ping-toast-received-ack", {
             data: [data],
           });
           ipcRenderer.send("request-new-msg-received", { data: [data] });
-        }
+          break;
+       }
 
-        // ARQ SESSION
+        // ARQ SESSION && freedata == tnc-message
         if (data["arq"] == "session") {
-          // ARQ OPEN
-          if (data["status"] == "connecting") {
-            ipcRenderer.send("request-show-arq-toast-session-connecting", {
-              data: [data],
-            });
-
-            // ARQ OPENING
-          } else if (data["status"] == "connected") {
-            ipcRenderer.send("request-show-arq-toast-session-connected", {
-              data: [data],
-            });
-
-            // ARQ OPENING
-          } else if (data["status"] == "waiting") {
-            ipcRenderer.send("request-show-arq-toast-session-waiting", {
-              data: [data],
-            });
-
-            // ARQ OPENING
-          } else if (data["status"] == "close") {
-            ipcRenderer.send("request-show-arq-toast-session-close", {
-              data: [data],
-            });
-
-            // ARQ OPENING
-          } else if (data["status"] == "failed") {
-            ipcRenderer.send("request-show-arq-toast-session-failed", {
-              data: [data],
-            });
-          }
-        }
-        // ARQ TRANSMISSION
-        if (data["arq"] == "transmission") {
-          // ARQ OPEN
-          if (data["status"] == "opened") {
-            ipcRenderer.send("request-show-arq-toast-datachannel-opened", {
-              data: [data],
-            });
-
-            // ARQ OPENING ISS
-          } else if (data["status"] == "opening" && data["irs"] == "False") {
-            ipcRenderer.send("request-show-arq-toast-datachannel-opening", {
-              data: [data],
-            });
-
-            // ARQ OPENING IRS
-          } else if (data["status"] == "opening" && data["irs"] == "True") {
-            ipcRenderer.send(
-              "request-show-arq-toast-datachannel-received-opener",
-              { data: [data] }
-            );
-
-            // ARQ WAITING
-          } 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") {
-            if (data["reason"] == "protocol version missmatch") {
-              ipcRenderer.send(
-                "request-show-arq-toast-transmission-failed-ver",
-                { data: [data] }
-              );
-            } else {
-              ipcRenderer.send("request-show-arq-toast-transmission-failed", {
+       
+          switch (data["status"]){
+       
+            case "connecting":
+              // ARQ Open
+              ipcRenderer.send("request-show-arq-toast-session-connecting", {
                 data: [data],
               });
-            }
-            ipcRenderer.send("request-update-transmission-status", {
-              data: [data],
-            });
-
-            // ARQ TRANSMISSION RECEIVED
-          } else if (data["status"] == "received") {
-            ipcRenderer.send("request-show-arq-toast-transmission-received", {
-              data: [data],
-            });
-            ipcRenderer.send("request-update-transmission-status", {
-              data: [data],
-            });
-
-            dataArray = [];
-            messageArray = [];
-
-            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_FD(data["data"]);
-            var splitted_data = encoded_data.split(split_char);
-
-            if (splitted_data[0] == "f") {
-              dataArray.push(data);
-            }
-
-            if (splitted_data[0] == "m") {
-              messageArray.push(data);
-              console.log(data);
-            }
-
-            rxBufferLengthGui = dataArray.length;
-            let Files = {
-              data: dataArray,
-            };
-            ipcRenderer.send("request-update-rx-buffer", Files);
-            ipcRenderer.send("request-new-msg-received", Files);
-
-            rxMsgBufferLengthGui = messageArray.length;
-            let Messages = {
-              data: messageArray,
-            };
-            ipcRenderer.send("request-new-msg-received", Messages);
-
-            // ARQ TRANSMISSION TRANSMITTING
-          } else if (data["status"] == "transmitting") {
-            ipcRenderer.send(
-              "request-show-arq-toast-transmission-transmitting",
-              { data: [data] }
-            );
-            ipcRenderer.send("request-update-transmission-status", {
-              data: [data],
-            });
-
-            // ARQ TRANSMISSION TRANSMITTED
-          } else if (data["status"] == "transmitted") {
-            ipcRenderer.send(
-              "request-show-arq-toast-transmission-transmitted",
-              { data: [data] }
-            );
-            ipcRenderer.send("request-update-transmission-status", {
-              data: [data],
-            });
+              break;
+       
+              case "connected":
+                // ARQ Opening
+                ipcRenderer.send("request-show-arq-toast-session-connected", {
+                  data: [data],
+                });
+              break;
+       
+              case "waiting":
+                // ARQ Opening
+                ipcRenderer.send("request-show-arq-toast-session-waiting", {
+                  data: [data],
+                });
+              break;
+       
+              case "close":
+                // ARQ Closing
+                ipcRenderer.send("request-show-arq-toast-session-close", {
+                  data: [data],
+                });
+              break;
+       
+              case "failed":
+                // ARQ Failed
+                ipcRenderer.send("request-show-arq-toast-session-failed", {
+                  data: [data],
+                });
+                break;
+          }
+        }
+        // ARQ TRANSMISSION && freedata == tnc-message
+        if (data["arq"] == "transmission") {
+          
+          switch (data["status"]) {
+          
+            case "opened":
+              // ARQ Open
+              ipcRenderer.send("request-show-arq-toast-datachannel-opened", {
+                data: [data],
+              });
+              break;
+          
+              case "opening":
+              // ARQ Opening IRS/ISS
+              if (data["irs"] == "False") {
+                ipcRenderer.send("request-show-arq-toast-datachannel-opening", {
+                  data: [data],
+                })} else {
+                ipcRenderer.send(
+                  "request-show-arq-toast-datachannel-received-opener",
+                  { data: [data] }
+                )};
+              break;
+          
+              case "waiting":
+              // ARQ waiting
+              ipcRenderer.send("request-show-arq-toast-datachannel-waiting", {
+                data: [data],
+              });
+              break;
+          
+              case "receiving":
+              // ARQ RX
+              ipcRenderer.send("request-update-reception-status", {
+                data: [data],
+              });
+              break;
+          
+              case "failed":
+              // ARQ TX Failed
+              if (data["reason"] == "protocol version missmatch") {
+                ipcRenderer.send(
+                  "request-show-arq-toast-transmission-failed-ver",
+                  { data: [data] }
+                );
+              } else {
+                ipcRenderer.send("request-show-arq-toast-transmission-failed", {
+                  data: [data],
+                });
+              }
+              ipcRenderer.send("request-update-transmission-status", {
+                data: [data],
+              });
+              break;
+          
+              case "received":
+                // ARQ Received
+                ipcRenderer.send("request-show-arq-toast-transmission-received", {
+                  data: [data],
+                });
+                ipcRenderer.send("request-update-transmission-status", {
+                  data: [data],
+                });
+    
+                dataArray = [];
+                messageArray = [];
+    
+                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_FD(data["data"]);
+                var splitted_data = encoded_data.split(split_char);
+    
+                if (splitted_data[0] == "f") {
+                  dataArray.push(data);
+                }
+    
+                if (splitted_data[0] == "m") {
+                  messageArray.push(data);
+                  console.log(data);
+                }
+    
+                rxBufferLengthGui = dataArray.length;
+                let Files = {
+                  data: dataArray,
+                };
+                ipcRenderer.send("request-update-rx-buffer", Files);
+                ipcRenderer.send("request-new-msg-received", Files);
+    
+                //rxMsgBufferLengthGui = messageArray.length;
+                let Messages = {
+                  data: messageArray,
+                };
+                ipcRenderer.send("request-new-msg-received", Messages);
+                break;
+          
+                case "transmitting":
+                  // ARQ transmitting
+                  ipcRenderer.send(
+                    "request-show-arq-toast-transmission-transmitting",
+                    { data: [data] }
+                  );
+                  ipcRenderer.send("request-update-transmission-status", {
+                    data: [data],
+                  });
+                  break;
+          
+                  case "transmitted":
+                    // ARQ transmitted
+                    ipcRenderer.send(
+                      "request-show-arq-toast-transmission-transmitted",
+                      { data: [data] }
+                    );
+                    ipcRenderer.send("request-update-transmission-status", {
+                      data: [data],
+                    });
+                    break;
           }
         }
       }
@@ -488,7 +514,7 @@ client.on("data", function (socketdata) {
         };
         ipcRenderer.send("request-update-rx-buffer", Files);
 
-        rxMsgBufferLengthGui = messageArray.length;
+        //rxMsgBufferLengthGui = messageArray.length;
         let Messages = {
           data: messageArray,
         };

From a6d028f57e86dd209f8c20dd63ece2827cf95460 Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Mon, 13 Feb 2023 00:13:55 +0000
Subject: [PATCH 56/70] Prettified Code!

---
 gui/sock.js | 358 ++++++++++++++++++++++++++--------------------------
 1 file changed, 177 insertions(+), 181 deletions(-)

diff --git a/gui/sock.js b/gui/sock.js
index b4b7f5ff..d8fd5218 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -233,171 +233,167 @@ client.on("data", function (socketdata) {
 
       // ----------- catch tnc messages START -----------
       if (data["freedata"] == "tnc-message") {
-
         switch (data["fec"]) {
-        
           case "is_writing":
             // CQ TRANSMITTING
             ipcRenderer.send("request-show-fec-toast-iswriting", {
-            data: [data],
+              data: [data],
             });
-          break;
-         }
-        
-       switch (data["cq"]) {
-        
-        case "transmitting":
-          // CQ TRANSMITTING
-          ipcRenderer.send("request-show-cq-toast-transmitting", {
-          data: [data],
-          });
-        break;
-        
-        case "received":
-          // CQ RECEIVED
-          ipcRenderer.send("request-show-cq-toast-received", { data: [data] });
-          break;
-       }
-       
-       switch (data["qrv"]) {
-       
-        case "transmitting":
-          // QRV TRANSMITTING
-          ipcRenderer.send("request-show-qrv-toast-transmitting", {
-            data: [data],
-          });
-        break;
-       
-        case "received":
-          // QRV RECEIVED
-          ipcRenderer.send("request-show-qrv-toast-received", { data: [data] });
-          break;
-       }
-       
-       switch (data["beacon"]) {
-       
-        case "transmitting":
-          // BEACON TRANSMITTING
-          ipcRenderer.send("request-show-beacon-toast-transmitting", {
-            data: [data],
-          });
-        break;
-       
-        case "received":
-          // BEACON RECEIVED
-          ipcRenderer.send("request-show-beacon-toast-received", {
-            data: [data],
-          });
-          ipcRenderer.send("request-new-msg-received", { data: [data] });
-          break;
-       }
-       
-       switch (data["ping"]) {
-       
-        case "transmitting":
-          // PING TRANSMITTING
-          ipcRenderer.send("request-show-ping-toast-transmitting", {
-            data: [data],
-          });
-        break;
-       
-        case "received":
-          // PING RECEIVED
-          ipcRenderer.send("request-show-ping-toast-received", {
-            data: [data],
-          });
-          ipcRenderer.send("request-new-msg-received", { data: [data] });
-          break;
-       
+            break;
+        }
+
+        switch (data["cq"]) {
+          case "transmitting":
+            // CQ TRANSMITTING
+            ipcRenderer.send("request-show-cq-toast-transmitting", {
+              data: [data],
+            });
+            break;
+
+          case "received":
+            // CQ RECEIVED
+            ipcRenderer.send("request-show-cq-toast-received", {
+              data: [data],
+            });
+            break;
+        }
+
+        switch (data["qrv"]) {
+          case "transmitting":
+            // QRV TRANSMITTING
+            ipcRenderer.send("request-show-qrv-toast-transmitting", {
+              data: [data],
+            });
+            break;
+
+          case "received":
+            // QRV RECEIVED
+            ipcRenderer.send("request-show-qrv-toast-received", {
+              data: [data],
+            });
+            break;
+        }
+
+        switch (data["beacon"]) {
+          case "transmitting":
+            // BEACON TRANSMITTING
+            ipcRenderer.send("request-show-beacon-toast-transmitting", {
+              data: [data],
+            });
+            break;
+
+          case "received":
+            // BEACON RECEIVED
+            ipcRenderer.send("request-show-beacon-toast-received", {
+              data: [data],
+            });
+            ipcRenderer.send("request-new-msg-received", { data: [data] });
+            break;
+        }
+
+        switch (data["ping"]) {
+          case "transmitting":
+            // PING TRANSMITTING
+            ipcRenderer.send("request-show-ping-toast-transmitting", {
+              data: [data],
+            });
+            break;
+
+          case "received":
+            // PING RECEIVED
+            ipcRenderer.send("request-show-ping-toast-received", {
+              data: [data],
+            });
+            ipcRenderer.send("request-new-msg-received", { data: [data] });
+            break;
+
           case "acknowledge":
-          // PING ACKNOWLEDGE
-          ipcRenderer.send("request-show-ping-toast-received-ack", {
-            data: [data],
-          });
-          ipcRenderer.send("request-new-msg-received", { data: [data] });
-          break;
-       }
+            // PING ACKNOWLEDGE
+            ipcRenderer.send("request-show-ping-toast-received-ack", {
+              data: [data],
+            });
+            ipcRenderer.send("request-new-msg-received", { data: [data] });
+            break;
+        }
 
         // ARQ SESSION && freedata == tnc-message
         if (data["arq"] == "session") {
-       
-          switch (data["status"]){
-       
+          switch (data["status"]) {
             case "connecting":
               // ARQ Open
               ipcRenderer.send("request-show-arq-toast-session-connecting", {
                 data: [data],
               });
               break;
-       
-              case "connected":
-                // ARQ Opening
-                ipcRenderer.send("request-show-arq-toast-session-connected", {
-                  data: [data],
-                });
+
+            case "connected":
+              // ARQ Opening
+              ipcRenderer.send("request-show-arq-toast-session-connected", {
+                data: [data],
+              });
               break;
-       
-              case "waiting":
-                // ARQ Opening
-                ipcRenderer.send("request-show-arq-toast-session-waiting", {
-                  data: [data],
-                });
+
+            case "waiting":
+              // ARQ Opening
+              ipcRenderer.send("request-show-arq-toast-session-waiting", {
+                data: [data],
+              });
               break;
-       
-              case "close":
-                // ARQ Closing
-                ipcRenderer.send("request-show-arq-toast-session-close", {
-                  data: [data],
-                });
+
+            case "close":
+              // ARQ Closing
+              ipcRenderer.send("request-show-arq-toast-session-close", {
+                data: [data],
+              });
+              break;
+
+            case "failed":
+              // ARQ Failed
+              ipcRenderer.send("request-show-arq-toast-session-failed", {
+                data: [data],
+              });
               break;
-       
-              case "failed":
-                // ARQ Failed
-                ipcRenderer.send("request-show-arq-toast-session-failed", {
-                  data: [data],
-                });
-                break;
           }
         }
         // ARQ TRANSMISSION && freedata == tnc-message
         if (data["arq"] == "transmission") {
-          
           switch (data["status"]) {
-          
             case "opened":
               // ARQ Open
               ipcRenderer.send("request-show-arq-toast-datachannel-opened", {
                 data: [data],
               });
               break;
-          
-              case "opening":
+
+            case "opening":
               // ARQ Opening IRS/ISS
               if (data["irs"] == "False") {
                 ipcRenderer.send("request-show-arq-toast-datachannel-opening", {
                   data: [data],
-                })} else {
+                });
+              } else {
                 ipcRenderer.send(
                   "request-show-arq-toast-datachannel-received-opener",
                   { data: [data] }
-                )};
+                );
+              }
               break;
-          
-              case "waiting":
+
+            case "waiting":
               // ARQ waiting
               ipcRenderer.send("request-show-arq-toast-datachannel-waiting", {
                 data: [data],
               });
               break;
-          
-              case "receiving":
+
+            case "receiving":
               // ARQ RX
               ipcRenderer.send("request-update-reception-status", {
                 data: [data],
               });
               break;
-          
-              case "failed":
+
+            case "failed":
               // ARQ TX Failed
               if (data["reason"] == "protocol version missmatch") {
                 ipcRenderer.send(
@@ -413,69 +409,69 @@ client.on("data", function (socketdata) {
                 data: [data],
               });
               break;
-          
-              case "received":
-                // ARQ Received
-                ipcRenderer.send("request-show-arq-toast-transmission-received", {
-                  data: [data],
-                });
-                ipcRenderer.send("request-update-transmission-status", {
-                  data: [data],
-                });
-    
-                dataArray = [];
-                messageArray = [];
-    
-                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_FD(data["data"]);
-                var splitted_data = encoded_data.split(split_char);
-    
-                if (splitted_data[0] == "f") {
-                  dataArray.push(data);
-                }
-    
-                if (splitted_data[0] == "m") {
-                  messageArray.push(data);
-                  console.log(data);
-                }
-    
-                rxBufferLengthGui = dataArray.length;
-                let Files = {
-                  data: dataArray,
-                };
-                ipcRenderer.send("request-update-rx-buffer", Files);
-                ipcRenderer.send("request-new-msg-received", Files);
-    
-                //rxMsgBufferLengthGui = messageArray.length;
-                let Messages = {
-                  data: messageArray,
-                };
-                ipcRenderer.send("request-new-msg-received", Messages);
-                break;
-          
-                case "transmitting":
-                  // ARQ transmitting
-                  ipcRenderer.send(
-                    "request-show-arq-toast-transmission-transmitting",
-                    { data: [data] }
-                  );
-                  ipcRenderer.send("request-update-transmission-status", {
-                    data: [data],
-                  });
-                  break;
-          
-                  case "transmitted":
-                    // ARQ transmitted
-                    ipcRenderer.send(
-                      "request-show-arq-toast-transmission-transmitted",
-                      { data: [data] }
-                    );
-                    ipcRenderer.send("request-update-transmission-status", {
-                      data: [data],
-                    });
-                    break;
+
+            case "received":
+              // ARQ Received
+              ipcRenderer.send("request-show-arq-toast-transmission-received", {
+                data: [data],
+              });
+              ipcRenderer.send("request-update-transmission-status", {
+                data: [data],
+              });
+
+              dataArray = [];
+              messageArray = [];
+
+              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_FD(data["data"]);
+              var splitted_data = encoded_data.split(split_char);
+
+              if (splitted_data[0] == "f") {
+                dataArray.push(data);
+              }
+
+              if (splitted_data[0] == "m") {
+                messageArray.push(data);
+                console.log(data);
+              }
+
+              rxBufferLengthGui = dataArray.length;
+              let Files = {
+                data: dataArray,
+              };
+              ipcRenderer.send("request-update-rx-buffer", Files);
+              ipcRenderer.send("request-new-msg-received", Files);
+
+              //rxMsgBufferLengthGui = messageArray.length;
+              let Messages = {
+                data: messageArray,
+              };
+              ipcRenderer.send("request-new-msg-received", Messages);
+              break;
+
+            case "transmitting":
+              // ARQ transmitting
+              ipcRenderer.send(
+                "request-show-arq-toast-transmission-transmitting",
+                { data: [data] }
+              );
+              ipcRenderer.send("request-update-transmission-status", {
+                data: [data],
+              });
+              break;
+
+            case "transmitted":
+              // ARQ transmitted
+              ipcRenderer.send(
+                "request-show-arq-toast-transmission-transmitted",
+                { data: [data] }
+              );
+              ipcRenderer.send("request-update-transmission-status", {
+                data: [data],
+              });
+              break;
           }
         }
       }

From 7cbc3a59496fa698de2d9ecfa2e47fa688c17840 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Sun, 12 Feb 2023 19:45:43 -0500
Subject: [PATCH 57/70] Fix comment

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

diff --git a/gui/sock.js b/gui/sock.js
index d8fd5218..0d844930 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -235,7 +235,7 @@ client.on("data", function (socketdata) {
       if (data["freedata"] == "tnc-message") {
         switch (data["fec"]) {
           case "is_writing":
-            // CQ TRANSMITTING
+            // RX'd FECiswriting
             ipcRenderer.send("request-show-fec-toast-iswriting", {
               data: [data],
             });

From ae12fc8266fdbbd4e8e52d4f554d37fc8deebde5 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Mon, 13 Feb 2023 17:11:07 -0500
Subject: [PATCH 58/70] Tooltips are no longer sticky

---
 gui/src/index.html | 108 +++++++++++++++++++++++++++++----------------
 1 file changed, 71 insertions(+), 37 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index 7aff9caa..e3f64116 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -36,7 +36,8 @@
             role="group"
             aria-label="local-remote-switch toggle button group"
             data-bs-placement="bottom"
-            data-bs-toggle="tooltip"
+             data-bs-toggle="tooltip"
+             data-bs-trigger="hover"
             data-bs-html="true"
             title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option."
           >
@@ -114,7 +115,8 @@
           class="btn btn-sm btn-outline-danger"
           id="stop_transmission_connection"
           type="button"
-          data-bs-toggle="tooltip"
+           data-bs-toggle="tooltip"
+           data-bs-trigger="hover"
           data-bs-html="false"
           title="Abort session and stop transmissions"
         >
@@ -129,7 +131,8 @@
             type="button"
             id="startTNC"
             class="btn btn-sm btn-outline-success"
-            data-bs-toggle="tooltip"
+             data-bs-toggle="tooltip"
+             data-bs-trigger="hover"
             data-bs-html="false"
             title="Start the TNC. Please set your audio and radio settings first!"
           >
@@ -139,7 +142,8 @@
             type="button"
             id="stopTNC"
             class="btn btn-sm btn-outline-danger"
-            data-bs-toggle="tooltip"
+             data-bs-toggle="tooltip"
+             data-bs-trigger="hover"
             data-bs-html="false"
             title="Stop the TNC."
           >
@@ -153,7 +157,8 @@
             id="openRFChat"
             type="button"
             data-bs-placement="bottom"
-            data-bs-toggle="tooltip"
+             data-bs-toggle="tooltip"
+             data-bs-trigger="hover"
             data-bs-html="false"
             title="Open the HF chat module. This is currently just a test and not finished, yet!"
           >
@@ -228,7 +233,7 @@
       <!--
 	<div class="btn-toolbar" role="toolbar">
 		
-<span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false"
+<span data-bs-placement="bottom"  data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false"
 			title="View the received files. This is currently under development!">
 			
 
@@ -236,12 +241,12 @@
 	   <i class="bi bi-file-earmark-arrow-up-fill" style="font-size: 1rem; color: white;"></i>
 	   <i class="bi bi-file-earmark-arrow-down-fill" style="font-size: 1rem; color: white;"></i>
 	   </button>
-	   </span> <span data-bs-placement="bottom" data-bs-toggle="tooltip" data-bs-html="false" title="Send files through HF. This is currently under development!">
+	   </span> <span data-bs-placement="bottom"  data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false" title="Send files through HF. This is currently under development!">
 	   <button class="btn btn-sm btn-primary me-2" id="openDataModule" data-bs-toggle="offcanvas" data-bs-target="#transmitFileSidebar" type="button" style="display: None;"> <strong>TX File </strong>
 	   <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"
+		</span> <span data-bs-placement="bottom"  data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="true"
 			title="Settings and Info">
 
 		</span>
@@ -444,7 +449,8 @@
                       id="testHamlib"
                       class="btn btn-sm btn-outline-secondary"
                       data-bs-placement="bottom"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       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."
                     >
@@ -483,7 +489,8 @@
                     <div
                       class="input-group input-group-sm mb-0"
                       data-bs-placement="bottom"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Enter your callsign and save it"
                     >
@@ -532,7 +539,8 @@
                     <div
                       class="input-group input-group-sm mb-0"
                       data-bs-placement="bottom"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Enter your gridsquare and save it"
                     >
@@ -726,7 +734,8 @@
                         id="sendPing"
                         type="button"
                         data-bs-placement="bottom"
-                        data-bs-toggle="tooltip"
+                         data-bs-toggle="tooltip"
+                         data-bs-trigger="hover"
                         data-bs-html="false"
                         title="Send a ping request to a remote station"
                       >
@@ -737,7 +746,8 @@
                         id="openARQSession"
                         type="button"
                         data-bs-placement="bottom"
-                        data-bs-toggle="tooltip"
+                         data-bs-toggle="tooltip"
+                         data-bs-trigger="hover"
                         data-bs-html="false"
                         title="connect to a remote station"
                       >
@@ -751,7 +761,8 @@
                         id="closeARQSession"
                         type="button"
                         data-bs-placement="bottom"
-                        data-bs-toggle="tooltip"
+                         data-bs-toggle="tooltip"
+                         data-bs-trigger="hover"
                         data-bs-html="false"
                         title="disconnect from a remote station"
                       >
@@ -766,7 +777,8 @@
                     <div
                       class="input-group input-group-sm mb-0"
                       data-bs-placement="bottom"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Send a CQ to the world"
                     >
@@ -783,7 +795,8 @@
                     <div
                       class="input-group input-group-sm"
                       data-bs-placement="bottom"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                        data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Toggle beacon mode. The interval can be set in settings. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses."
                     >
@@ -854,7 +867,8 @@
                   id="channel_busy"
                   type="button"
                   data-bs-placement="top"
-                  data-bs-toggle="tooltip"
+                   data-bs-toggle="tooltip"
+                   data-bs-trigger="hover"
                   data-bs-html="true"
                   title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
                 >
@@ -1178,7 +1192,8 @@
                 id="ptt_state"
                 type="button"
                 data-bs-placement="top"
-                data-bs-toggle="tooltip"
+                 data-bs-toggle="tooltip"
+                 data-bs-trigger="hover"
                 data-bs-html="true"
                 title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"
               >
@@ -1194,7 +1209,8 @@
                 id="busy_state"
                 type="button"
                 data-bs-placement="top"
-                data-bs-toggle="tooltip"
+                 data-bs-toggle="tooltip"
+                 data-bs-trigger="hover"
                 data-bs-html="true"
                 title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>"
               >
@@ -1210,7 +1226,8 @@
                 id="arq_session"
                 type="button"
                 data-bs-placement="top"
-                data-bs-toggle="tooltip"
+                 data-bs-toggle="tooltip"
+                 data-bs-trigger="hover"
                 data-bs-html="true"
                 title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"
               >
@@ -1226,7 +1243,8 @@
                 id="arq_state"
                 type="button"
                 data-bs-placement="top"
-                data-bs-toggle="tooltip"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover" 
                 data-bs-html="true"
                 title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"
               >
@@ -1242,7 +1260,8 @@
                 id="rigctld_state"
                 type="button"
                 data-bs-placement="top"
-                data-bs-toggle="tooltip"
+                 data-bs-toggle="tooltip"
+                 data-bs-trigger="hover"
                 data-bs-html="true"
                 title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>"
               >
@@ -1285,7 +1304,8 @@
                     id="saveFrequency"
                     type="button"
                     data-bs-placement="bottom"
-                    data-bs-toggle="tooltip"
+                     data-bs-toggle="tooltip"
+                     data-bs-trigger="hover"
                     data-bs-html="false"
                     title="save frequency"
                   >
@@ -1312,7 +1332,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                  data-bs-toggle="tooltip"
+                   data-bs-toggle="tooltip"
+                   data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set FM"
                   id="saveModeFM"
@@ -1323,7 +1344,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                  data-bs-toggle="tooltip"
+                   data-bs-toggle="tooltip"
+                   data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set AM"
                   type="button"
@@ -1335,7 +1357,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                  data-bs-toggle="tooltip"
+                   data-bs-toggle="tooltip"
+                   data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set LSB"
                   type="button"
@@ -1348,7 +1371,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                  data-bs-toggle="tooltip"
+                   data-bs-toggle="tooltip"
+                   data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set USB"
                   type="button"
@@ -1360,7 +1384,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                  data-bs-toggle="tooltip"
+                   data-bs-toggle="tooltip"
+                   data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set PKTUSB"
                   type="button"
@@ -1398,7 +1423,8 @@
             <span
               class="input-group-text"
               data-bs-placement="bottom"
-              data-bs-toggle="tooltip"
+               data-bs-toggle="tooltip"
+               data-bs-trigger="hover"
               data-bs-html="false"
               title="actual speed level"
             >
@@ -1418,21 +1444,24 @@
               class="input-group-text"
               id="total_bytes"
               data-bs-placement="bottom"
-              data-bs-toggle="tooltip"
+               data-bs-toggle="tooltip"
+               data-bs-trigger="hover"
               data-bs-html="false"
               title="total bytes processed"
               >---</span
             >
             <span
               class="input-group-text"
-              data-bs-toggle="tooltip"
+               data-bs-toggle="tooltip"
+               data-bs-trigger="hover"
               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"
+               data-bs-toggle="tooltip"
+               data-bs-trigger="hover"
               title="Connected with"
               >------</span
             >
@@ -2474,7 +2503,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-bookmarks"
                       id="fdWww"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       title="FreeDATA website"
                       role="button"
                     ></i>
@@ -2484,7 +2514,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-github"
                       id="ghUrl"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       title="Github"
                       role="button"
                     ></i>
@@ -2494,7 +2525,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-wikipedia"
                       id="wikiUrl"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       title="Wiki"
                       role="button"
                     ></i>
@@ -2504,7 +2536,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-envelope-at"
                       id="groupsioUrl"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       title="Groups.io"
                       role="button"
                     ></i>
@@ -2514,7 +2547,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-discord"
                       id="discordUrl"
-                      data-bs-toggle="tooltip"
+                       data-bs-toggle="tooltip"
+                       data-bs-trigger="hover"
                       title="Discord"
                       role="button"
                     ></i>

From 1478b11adec23d2339aeee42bc823d706753204d Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Mon, 13 Feb 2023 22:11:34 +0000
Subject: [PATCH 59/70] Prettified Code!

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

diff --git a/gui/src/index.html b/gui/src/index.html
index e3f64116..435e3bef 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -36,8 +36,8 @@
             role="group"
             aria-label="local-remote-switch toggle button group"
             data-bs-placement="bottom"
-             data-bs-toggle="tooltip"
-             data-bs-trigger="hover"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
             data-bs-html="true"
             title="Select a local or a remote location of your TNC daemon. Normally local is the preferred option."
           >
@@ -115,8 +115,8 @@
           class="btn btn-sm btn-outline-danger"
           id="stop_transmission_connection"
           type="button"
-           data-bs-toggle="tooltip"
-           data-bs-trigger="hover"
+          data-bs-toggle="tooltip"
+          data-bs-trigger="hover"
           data-bs-html="false"
           title="Abort session and stop transmissions"
         >
@@ -131,8 +131,8 @@
             type="button"
             id="startTNC"
             class="btn btn-sm btn-outline-success"
-             data-bs-toggle="tooltip"
-             data-bs-trigger="hover"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
             data-bs-html="false"
             title="Start the TNC. Please set your audio and radio settings first!"
           >
@@ -142,8 +142,8 @@
             type="button"
             id="stopTNC"
             class="btn btn-sm btn-outline-danger"
-             data-bs-toggle="tooltip"
-             data-bs-trigger="hover"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
             data-bs-html="false"
             title="Stop the TNC."
           >
@@ -157,8 +157,8 @@
             id="openRFChat"
             type="button"
             data-bs-placement="bottom"
-             data-bs-toggle="tooltip"
-             data-bs-trigger="hover"
+            data-bs-toggle="tooltip"
+            data-bs-trigger="hover"
             data-bs-html="false"
             title="Open the HF chat module. This is currently just a test and not finished, yet!"
           >
@@ -449,8 +449,8 @@
                       id="testHamlib"
                       class="btn btn-sm btn-outline-secondary"
                       data-bs-placement="bottom"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       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."
                     >
@@ -489,8 +489,8 @@
                     <div
                       class="input-group input-group-sm mb-0"
                       data-bs-placement="bottom"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Enter your callsign and save it"
                     >
@@ -539,8 +539,8 @@
                     <div
                       class="input-group input-group-sm mb-0"
                       data-bs-placement="bottom"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Enter your gridsquare and save it"
                     >
@@ -734,8 +734,8 @@
                         id="sendPing"
                         type="button"
                         data-bs-placement="bottom"
-                         data-bs-toggle="tooltip"
-                         data-bs-trigger="hover"
+                        data-bs-toggle="tooltip"
+                        data-bs-trigger="hover"
                         data-bs-html="false"
                         title="Send a ping request to a remote station"
                       >
@@ -746,8 +746,8 @@
                         id="openARQSession"
                         type="button"
                         data-bs-placement="bottom"
-                         data-bs-toggle="tooltip"
-                         data-bs-trigger="hover"
+                        data-bs-toggle="tooltip"
+                        data-bs-trigger="hover"
                         data-bs-html="false"
                         title="connect to a remote station"
                       >
@@ -761,8 +761,8 @@
                         id="closeARQSession"
                         type="button"
                         data-bs-placement="bottom"
-                         data-bs-toggle="tooltip"
-                         data-bs-trigger="hover"
+                        data-bs-toggle="tooltip"
+                        data-bs-trigger="hover"
                         data-bs-html="false"
                         title="disconnect from a remote station"
                       >
@@ -777,8 +777,8 @@
                     <div
                       class="input-group input-group-sm mb-0"
                       data-bs-placement="bottom"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Send a CQ to the world"
                     >
@@ -795,8 +795,8 @@
                     <div
                       class="input-group input-group-sm"
                       data-bs-placement="bottom"
-                       data-bs-toggle="tooltip"
-                        data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       data-bs-html="false"
                       title="Toggle beacon mode. The interval can be set in settings. While sending a beacon, you can receive ping requests and open a datachannel. If a datachannel is opened, the beacon pauses."
                     >
@@ -867,8 +867,8 @@
                   id="channel_busy"
                   type="button"
                   data-bs-placement="top"
-                   data-bs-toggle="tooltip"
-                   data-bs-trigger="hover"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover"
                   data-bs-html="true"
                   title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
                 >
@@ -1192,8 +1192,8 @@
                 id="ptt_state"
                 type="button"
                 data-bs-placement="top"
-                 data-bs-toggle="tooltip"
-                 data-bs-trigger="hover"
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
                 data-bs-html="true"
                 title="PTT state:<strong class='text-success'>RECEIVING</strong> / <strong class='text-danger'>TRANSMITTING</strong>"
               >
@@ -1209,8 +1209,8 @@
                 id="busy_state"
                 type="button"
                 data-bs-placement="top"
-                 data-bs-toggle="tooltip"
-                 data-bs-trigger="hover"
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
                 data-bs-html="true"
                 title="TNC busy state: <strong class='text-success'>IDLE</strong> / <strong class='text-danger'>BUSY</strong>"
               >
@@ -1226,8 +1226,8 @@
                 id="arq_session"
                 type="button"
                 data-bs-placement="top"
-                 data-bs-toggle="tooltip"
-                 data-bs-trigger="hover"
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
                 data-bs-html="true"
                 title="ARQ SESSION state: <strong class='text-warning'>OPEN</strong>"
               >
@@ -1243,8 +1243,8 @@
                 id="arq_state"
                 type="button"
                 data-bs-placement="top"
-                  data-bs-toggle="tooltip"
-                  data-bs-trigger="hover" 
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
                 data-bs-html="true"
                 title="DATA-CHANNEL state: <strong class='text-warning'>OPEN</strong>"
               >
@@ -1260,8 +1260,8 @@
                 id="rigctld_state"
                 type="button"
                 data-bs-placement="top"
-                 data-bs-toggle="tooltip"
-                 data-bs-trigger="hover"
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
                 data-bs-html="true"
                 title="rigctld state: <strong class='text-success'>CONNECTED</strong> / <strong class='text-secondary'>UNKNOWN</strong>"
               >
@@ -1304,8 +1304,8 @@
                     id="saveFrequency"
                     type="button"
                     data-bs-placement="bottom"
-                     data-bs-toggle="tooltip"
-                     data-bs-trigger="hover"
+                    data-bs-toggle="tooltip"
+                    data-bs-trigger="hover"
                     data-bs-html="false"
                     title="save frequency"
                   >
@@ -1332,8 +1332,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                   data-bs-toggle="tooltip"
-                   data-bs-trigger="hover"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set FM"
                   id="saveModeFM"
@@ -1344,8 +1344,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                   data-bs-toggle="tooltip"
-                   data-bs-trigger="hover"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set AM"
                   type="button"
@@ -1357,8 +1357,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                   data-bs-toggle="tooltip"
-                   data-bs-trigger="hover"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set LSB"
                   type="button"
@@ -1371,8 +1371,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                   data-bs-toggle="tooltip"
-                   data-bs-trigger="hover"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set USB"
                   type="button"
@@ -1384,8 +1384,8 @@
                   type="button"
                   class="btn btn-sm btn-secondary"
                   data-bs-placement="bottom"
-                   data-bs-toggle="tooltip"
-                   data-bs-trigger="hover"
+                  data-bs-toggle="tooltip"
+                  data-bs-trigger="hover"
                   data-bs-html="false"
                   title="set PKTUSB"
                   type="button"
@@ -1423,8 +1423,8 @@
             <span
               class="input-group-text"
               data-bs-placement="bottom"
-               data-bs-toggle="tooltip"
-               data-bs-trigger="hover"
+              data-bs-toggle="tooltip"
+              data-bs-trigger="hover"
               data-bs-html="false"
               title="actual speed level"
             >
@@ -1444,24 +1444,24 @@
               class="input-group-text"
               id="total_bytes"
               data-bs-placement="bottom"
-               data-bs-toggle="tooltip"
-               data-bs-trigger="hover"
+              data-bs-toggle="tooltip"
+              data-bs-trigger="hover"
               data-bs-html="false"
               title="total bytes processed"
               >---</span
             >
             <span
               class="input-group-text"
-               data-bs-toggle="tooltip"
-               data-bs-trigger="hover"
+              data-bs-toggle="tooltip"
+              data-bs-trigger="hover"
               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"
-               data-bs-trigger="hover"
+              data-bs-toggle="tooltip"
+              data-bs-trigger="hover"
               title="Connected with"
               >------</span
             >
@@ -2503,8 +2503,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-bookmarks"
                       id="fdWww"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       title="FreeDATA website"
                       role="button"
                     ></i>
@@ -2514,8 +2514,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-github"
                       id="ghUrl"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       title="Github"
                       role="button"
                     ></i>
@@ -2525,8 +2525,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-wikipedia"
                       id="wikiUrl"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       title="Wiki"
                       role="button"
                     ></i>
@@ -2536,8 +2536,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-envelope-at"
                       id="groupsioUrl"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       title="Groups.io"
                       role="button"
                     ></i>
@@ -2547,8 +2547,8 @@
                       style="font-size: 1.5rem"
                       class="btn bi bi-discord"
                       id="discordUrl"
-                       data-bs-toggle="tooltip"
-                       data-bs-trigger="hover"
+                      data-bs-toggle="tooltip"
+                      data-bs-trigger="hover"
                       title="Discord"
                       role="button"
                     ></i>

From 44e0779c68ee952f22d4bf1c47483e1d3568ab44 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Mon, 13 Feb 2023 22:49:26 -0500
Subject: [PATCH 60/70] Show iswriting in approriate chat window

---
 gui/main.js         |  3 ++-
 gui/preload-chat.js | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/gui/main.js b/gui/main.js
index 45029378..183cddb2 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -536,7 +536,8 @@ ipcMain.on("save-file-to-folder", (event, data) => {
 
 // FEC iswriting received
 ipcMain.on("request-show-fec-toast-iswriting", (event, data) => {
-  win.webContents.send("action-show-fec-toast-iswriting", data);
+  //win.webContents.send("action-show-fec-toast-iswriting", data);
+  chat.webContents.send('action-show-feciswriting',data);
 });
 
 // CQ TRANSMITTING
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 1dde255f..3c090880 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -470,6 +470,47 @@ ipcRenderer.on("action-update-transmission-status", (event, arg) => {
       console.log(data);
     });
 });
+
+//Render is typing message in correct chat window
+ipcRenderer.on("action-show-feciswriting",(event,arg) => {
+  //console.log("In action-show-feciswriting");
+  //console.log(arg);
+  let uuid = uuidv4.toString();
+  let dxcallsign = arg["data"][0]["dxcallsign"];
+  var new_message = `
+            <div class="m-auto mt-1 p-0 w-25 rounded bg-info bg-gradient" id="msg-${uuid}">         
+                <p class="text-small text-white mb-0 text-break" style="font-size: 0.7rem;"><i class="m-1 bi bi-pencil"></i><i id="msg-${uuid}-icon" class="m-1 bi bi-wifi-1"></i>${dxcallsign} is typing....</p>
+                
+            </div>
+        `;
+  var id = "chat-" + dxcallsign;
+  let chatwin = document.getElementById(id);
+  if (chatwin == undefined) {
+    //console.log("Element not found!!!!! :(");
+    return;
+  }
+  chatwin.insertAdjacentHTML("beforeend", new_message);
+  scrollMessagesToBottom();
+  let animIcon = document.getElementById("msg-" + uuid + "-icon");
+  //Remove notification after about 4.5 seconds hopefully enough time before a second notification can come in
+  setTimeout(function () {
+    animIcon.classList="m-1 bi bi-wifi-2";
+  }, 1000);
+  setTimeout(function () {
+    animIcon.classList="m-1 bi bi-wifi";
+  }, 2000);
+  setTimeout(function () {
+    animIcon.classList="m-1 bi bi-wifi-2";
+  }, 3000);
+  setTimeout(function () {
+    animIcon.classList="m-1 bi bi-wifi-1";
+  }, 4000);
+  setTimeout(() => {
+    let feciw = document.getElementById("msg-" + uuid)
+    feciw.remove();
+  }, 4500);
+});
+
 ipcRenderer.on("action-new-msg-received", (event, arg) => {
   console.log(arg.data);
 

From 4395d08a5e0b6cac3dc81cc057fb08b7eeaaff9b Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Tue, 14 Feb 2023 03:50:05 +0000
Subject: [PATCH 61/70] Prettified Code!

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

diff --git a/gui/main.js b/gui/main.js
index 183cddb2..3148fe7d 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -537,7 +537,7 @@ ipcMain.on("save-file-to-folder", (event, data) => {
 // FEC iswriting received
 ipcMain.on("request-show-fec-toast-iswriting", (event, data) => {
   //win.webContents.send("action-show-fec-toast-iswriting", data);
-  chat.webContents.send('action-show-feciswriting',data);
+  chat.webContents.send("action-show-feciswriting", data);
 });
 
 // CQ TRANSMITTING
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 3c090880..6715b856 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -472,7 +472,7 @@ ipcRenderer.on("action-update-transmission-status", (event, arg) => {
 });
 
 //Render is typing message in correct chat window
-ipcRenderer.on("action-show-feciswriting",(event,arg) => {
+ipcRenderer.on("action-show-feciswriting", (event, arg) => {
   //console.log("In action-show-feciswriting");
   //console.log(arg);
   let uuid = uuidv4.toString();
@@ -494,19 +494,19 @@ ipcRenderer.on("action-show-feciswriting",(event,arg) => {
   let animIcon = document.getElementById("msg-" + uuid + "-icon");
   //Remove notification after about 4.5 seconds hopefully enough time before a second notification can come in
   setTimeout(function () {
-    animIcon.classList="m-1 bi bi-wifi-2";
+    animIcon.classList = "m-1 bi bi-wifi-2";
   }, 1000);
   setTimeout(function () {
-    animIcon.classList="m-1 bi bi-wifi";
+    animIcon.classList = "m-1 bi bi-wifi";
   }, 2000);
   setTimeout(function () {
-    animIcon.classList="m-1 bi bi-wifi-2";
+    animIcon.classList = "m-1 bi bi-wifi-2";
   }, 3000);
   setTimeout(function () {
-    animIcon.classList="m-1 bi bi-wifi-1";
+    animIcon.classList = "m-1 bi bi-wifi-1";
   }, 4000);
   setTimeout(() => {
-    let feciw = document.getElementById("msg-" + uuid)
+    let feciw = document.getElementById("msg-" + uuid);
     feciw.remove();
   }, 4500);
 });

From 61bb7b7c22844f4739a4c61afe7393518ef8d065 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:18:08 +0100
Subject: [PATCH 62/70] introducing local noise level progressbar

---
 gui/preload-main.js | 19 +++++++++++
 gui/src/index.html  | 77 ++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 91 insertions(+), 5 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 720f2020..032914d0 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -64,6 +64,8 @@ const hamlib_elements = [
 // this is an attempt of reducing CPU LOAD
 // we are going to check if we have unequal values before we start calculating again
 var dbfs_level_raw = 0;
+var noise_level_raw = 0;
+
 
 //Global version variable
 var appVer = null;
@@ -1881,6 +1883,19 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
     dbfscntrl.setAttribute("style", "width:" + dbfs_level + "%;");
   }
 
+  // noise / strength
+  // https://www.moellerstudios.org/converting-amplitude-representations/
+  if (noise_level_raw != arg.strength) {
+    noise_level_raw = arg.strength;
+    noise_level = Math.pow(10, arg.strength / 20) * 100;
+
+    document.getElementById("noise_level_value").textContent =
+      Math.round(arg.strength) + " dB";
+    var noisecntrl = document.getElementById("noise_level");
+    noisecntrl.setAttribute("aria-valuenow", noise_level);
+    noisecntrl.setAttribute("style", "width:" + noise_level + "%;");
+  }
+
   // SET FREQUENCY
   // https://stackoverflow.com/a/2901298
   var freq = arg.frequency.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
@@ -3006,12 +3021,16 @@ function set_CPU_mode() {
   if (config.high_graphics.toUpperCase() == "FALSE") {
     toggleClass("dbfs_level", "disable-effects", true);
     toggleClass("dbfs_level", "progress-bar-striped", false);
+    toggleClass("noise_level", "disable-effects", true);
+    toggleClass("noise_level", "progress-bar-striped", false);
     toggleClass("waterfall", "disable-effects", true);
     toggleClass("transmission_progress", "disable-effects", true);
     toggleClass("transmission_progress", "progress-bar-striped", false);
   } else {
     toggleClass("dbfs_level", "disable-effects", false);
     toggleClass("dbfs_level", "progress-bar-striped", true);
+    toggleClass("noise_level", "disable-effects", false);
+    toggleClass("noise_level", "progress-bar-striped", true);
     toggleClass("waterfall", "disable-effects", false);
     toggleClass("transmission_progress", "disable-effects", false);
     toggleClass("transmission_progress", "progress-bar-striped", true);
diff --git a/gui/src/index.html b/gui/src/index.html
index 435e3bef..81418f2c 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -655,10 +655,15 @@
                 </button>
               </div>
               <div class="card-body p-2">
-                <div class="progress mb-0" style="height: 15px">
+                <div class="container">
+
+  <div class="row">
+    <div class="col-sm">
+
+      <div class="progress mb-0" style="height: 15px">
                   <div
                     class="progress-bar progress-bar-striped bg-primary force-gpu"
-                    id="dbfs_level"
+                    id="noise_level"
                     role="progressbar"
                     style="width: 0%"
                     aria-valuenow="0"
@@ -667,12 +672,12 @@
                   ></div>
                   <p
                     class="justify-content-center d-flex position-absolute w-100"
-                    id="dbfs_level_value"
+                    id="noise_level_value"
                   >
-                    dBFS
+                    S-Meter (dB)
                   </p>
                 </div>
-                <div class="progress mb-0" style="height: 5px">
+      <div class="progress mb-0" style="height: 5px">
                   <div
                     class="progress-bar progress-bar-striped bg-warning"
                     role="progressbar"
@@ -706,6 +711,68 @@
                     aria-valuemax="100"
                   ></div>
                 </div>
+    </div>
+    <div class="col-sm">
+
+      <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>
+      <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>
+
+
+    </div>
+
+  </div>
+</div>
+
+
               </div>
             </div>
           </div>

From 849bcabacd419df4669f1484c121952908ac382d Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 14:18:46 +0000
Subject: [PATCH 63/70] Prettified Code!

---
 gui/preload-main.js |   1 -
 gui/src/index.html  | 224 +++++++++++++++++++++-----------------------
 2 files changed, 108 insertions(+), 117 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 032914d0..36572b06 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -66,7 +66,6 @@ const hamlib_elements = [
 var dbfs_level_raw = 0;
 var noise_level_raw = 0;
 
-
 //Global version variable
 var appVer = null;
 
diff --git a/gui/src/index.html b/gui/src/index.html
index 81418f2c..dff1e1aa 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -656,123 +656,115 @@
               </div>
               <div class="card-body p-2">
                 <div class="container">
-
-  <div class="row">
-    <div class="col-sm">
-
-      <div class="progress mb-0" style="height: 15px">
-                  <div
-                    class="progress-bar progress-bar-striped bg-primary force-gpu"
-                    id="noise_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="noise_level_value"
-                  >
-                    S-Meter (dB)
-                  </p>
+                  <div class="row">
+                    <div class="col-sm">
+                      <div class="progress mb-0" style="height: 15px">
+                        <div
+                          class="progress-bar progress-bar-striped bg-primary force-gpu"
+                          id="noise_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="noise_level_value"
+                        >
+                          S-Meter (dB)
+                        </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>
+                    </div>
+                    <div class="col-sm">
+                      <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>
+                      <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>
+                    </div>
+                  </div>
                 </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>
-    </div>
-    <div class="col-sm">
-
-      <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>
-      <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>
-
-
-    </div>
-
-  </div>
-</div>
-
-
               </div>
             </div>
           </div>

From 06f0b5e3651fde4f393f25ad1d65526e617517ec Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:25:00 +0100
Subject: [PATCH 64/70] adjusted s-mter info

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 36572b06..dd57d2f3 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1889,7 +1889,7 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
     noise_level = Math.pow(10, arg.strength / 20) * 100;
 
     document.getElementById("noise_level_value").textContent =
-      Math.round(arg.strength) + " dB";
+      Math.round(arg.strength) + " dB (S-Meter)";
     var noisecntrl = document.getElementById("noise_level");
     noisecntrl.setAttribute("aria-valuenow", noise_level);
     noisecntrl.setAttribute("style", "width:" + noise_level + "%;");

From b335bd9176a23a84e4ce4acd0afc8ae75b77d964 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:31:08 +0100
Subject: [PATCH 65/70] improved readability of is writing message

---
 gui/preload-chat.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 6715b856..81ed84e5 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -478,8 +478,8 @@ ipcRenderer.on("action-show-feciswriting", (event, arg) => {
   let uuid = uuidv4.toString();
   let dxcallsign = arg["data"][0]["dxcallsign"];
   var new_message = `
-            <div class="m-auto mt-1 p-0 w-25 rounded bg-info bg-gradient" id="msg-${uuid}">         
-                <p class="text-small text-white mb-0 text-break" style="font-size: 0.7rem;"><i class="m-1 bi bi-pencil"></i><i id="msg-${uuid}-icon" class="m-1 bi bi-wifi-1"></i>${dxcallsign} is typing....</p>
+            <div class="m-auto mt-1 p-0 w-25 rounded bg-secondary bg-gradient" id="msg-${uuid}">
+                <p class="text-white mb-0 text-break" style="font-size: 0.7rem;"><i class="m-1 bi bi-pencil"></i><i id="msg-${uuid}-icon" class="m-1 bi bi-wifi-1"></i>${dxcallsign} is typing....</p>
                 
             </div>
         `;

From 023f0595df2b482a5f21ec1ecd796b2bc495fba4 Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:50:44 +0100
Subject: [PATCH 66/70] added chat tab for settings

---
 gui/preload-main.js |  2 +-
 gui/src/index.html  | 28 ++++++++++++++++++++++++++--
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index dd57d2f3..aeeaab4c 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1876,7 +1876,7 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
     dbfs_level = Math.pow(10, arg.dbfs_level / 20) * 100;
 
     document.getElementById("dbfs_level_value").textContent =
-      Math.round(arg.dbfs_level) + " dBFS";
+      Math.round(arg.dbfs_level) + " dBFS (Audio Level)";
     var dbfscntrl = document.getElementById("dbfs_level");
     dbfscntrl.setAttribute("aria-valuenow", dbfs_level);
     dbfscntrl.setAttribute("style", "width:" + dbfs_level + "%;");
diff --git a/gui/src/index.html b/gui/src/index.html
index dff1e1aa..b9707d8f 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -725,7 +725,7 @@
                           class="justify-content-center d-flex position-absolute w-100"
                           id="dbfs_level_value"
                         >
-                          dBFS
+                          dBFS (Audio Level)
                         </p>
                       </div>
                       <div class="progress mb-0" style="height: 5px">
@@ -1641,6 +1641,20 @@
                   GUI
                 </button>
               </li>
+              <li class="nav-item" role="presentation">
+                <button
+                  class="nav-link"
+                  id="chat-tab"
+                  data-bs-toggle="tab"
+                  data-bs-target="#chat"
+                  type="button"
+                  role="tab"
+                  aria-controls="home"
+                  aria-selected="true"
+                >
+                  Chat
+                </button>
+              </li>
               <li class="nav-item" role="presentation">
                 <button
                   class="nav-link"
@@ -1694,7 +1708,7 @@
                   aria-controls="settings"
                   aria-selected="false"
                 >
-                  Experimental
+                  Exp
                 </button>
               </li>
             </ul>
@@ -1794,6 +1808,16 @@
                   </select>
                 </div>
               </div>
+
+                            <div
+                class="tab-pane"
+                id="chat"
+                role="tabpanel"
+                aria-labelledby="chat-tab"
+                tabindex="0"
+              >
+                              ....
+                              </div>
               <!--Rigctl tab contents-->
               <div
                 class="tab-pane"

From fe991474c208b9bec95dc1b8535c966deba0923b Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 16:00:10 +0100
Subject: [PATCH 67/70] enable disable is writing message

---
 gui/main.js         |  3 ++-
 gui/preload-chat.js |  5 ++++-
 gui/preload-main.js | 16 ++++++++++++++++
 gui/src/index.html  | 16 +++++++++++++++-
 4 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/gui/main.js b/gui/main.js
index 3148fe7d..eb393979 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -88,7 +88,8 @@ const configDefaultSettings =
                   "wftheme": 2, \
                   "high_graphics" : "True",\
                   "explorer_stats" : "False", \
-                  "auto_tune" : "False" \
+                  "auto_tune" : "False", \
+                  "enable_is_writing" : "True" \
                   }';
 
 if (!fs.existsSync(configPath)) {
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index 81ed84e5..aee51a41 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -272,7 +272,10 @@ window.addEventListener("DOMContentLoaded", () => {
     console.log(textarea.value);
     if (lastIsWritingBroadcast < new Date().getTime() - 5 * 1000) {
       //console.log("Sending FECIsWriting");
-      ipcRenderer.send("tnc-fec-iswriting");
+      console.log(config.enable_is_writing)
+      if(config.enable_is_writing == "True"){
+        ipcRenderer.send("tnc-fec-iswriting");
+      }
       lastIsWritingBroadcast = new Date().getTime();
     }
   });
diff --git a/gui/preload-main.js b/gui/preload-main.js
index aeeaab4c..3ec3e9a0 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -242,6 +242,12 @@ window.addEventListener("DOMContentLoaded", () => {
     document.getElementById("scatterSwitch").checked = false;
   }
 
+  if (config.enable_is_writing == "True") {
+    document.getElementById("enable_is_writing").checked = true;
+  } else {
+    document.getElementById("enable_is_writing").checked = false;
+  }
+
   if (config.enable_fft == "True") {
     document.getElementById("fftSwitch").checked = true;
   } else {
@@ -1000,6 +1006,16 @@ window.addEventListener("DOMContentLoaded", () => {
     fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
   });
 
+  // enable is writing switch clicked
+  document.getElementById("enable_is_writing").addEventListener("click", () => {
+    if (document.getElementById("enable_is_writing").checked == true) {
+      config.enable_is_writing = "True";
+    } else {
+      config.enable_is_writing = "False";
+    }
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  });
+
   // Tuning range clicked
   document.getElementById("tuning_range_fmin").addEventListener("click", () => {
     var tuning_range_fmin = document.getElementById("tuning_range_fmin").value;
diff --git a/gui/src/index.html b/gui/src/index.html
index b9707d8f..03c812af 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1816,7 +1816,21 @@
                 aria-labelledby="chat-tab"
                 tabindex="0"
               >
-                              ....
+                              <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50">Enable "is typing"</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="enable_is_writing"
+                      />
+                      <label class="form-check-label" for="GraphicsSwitch"
+                        >Additional broadcast burst</label
+                      >
+                    </div>
+                  </label>
+                </div>
                               </div>
               <!--Rigctl tab contents-->
               <div

From d7beebcce71d1e46efe22421cf0391bbc101d064 Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:00:34 +0000
Subject: [PATCH 68/70] Prettified Code!

---
 gui/preload-chat.js |  4 ++--
 gui/src/index.html  | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index aee51a41..22cb979e 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -272,8 +272,8 @@ window.addEventListener("DOMContentLoaded", () => {
     console.log(textarea.value);
     if (lastIsWritingBroadcast < new Date().getTime() - 5 * 1000) {
       //console.log("Sending FECIsWriting");
-      console.log(config.enable_is_writing)
-      if(config.enable_is_writing == "True"){
+      console.log(config.enable_is_writing);
+      if (config.enable_is_writing == "True") {
         ipcRenderer.send("tnc-fec-iswriting");
       }
       lastIsWritingBroadcast = new Date().getTime();
diff --git a/gui/src/index.html b/gui/src/index.html
index 03c812af..e8606a98 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1809,15 +1809,17 @@
                 </div>
               </div>
 
-                            <div
+              <div
                 class="tab-pane"
                 id="chat"
                 role="tabpanel"
                 aria-labelledby="chat-tab"
                 tabindex="0"
               >
-                              <div class="input-group input-group-sm mb-1">
-                  <label class="input-group-text w-50">Enable "is typing"</label>
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50"
+                    >Enable "is typing"</label
+                  >
                   <label class="input-group-text bg-white w-50">
                     <div class="form-check form-switch form-check-inline">
                       <input
@@ -1831,7 +1833,7 @@
                     </div>
                   </label>
                 </div>
-                              </div>
+              </div>
               <!--Rigctl tab contents-->
               <div
                 class="tab-pane"

From 190f9b3d3a533754f790c02469fc7fc9629eeede Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Tue, 14 Feb 2023 16:13:48 -0500
Subject: [PATCH 69/70] Ignore empty strength values

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 3ec3e9a0..d232b32a 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1900,7 +1900,9 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
 
   // noise / strength
   // https://www.moellerstudios.org/converting-amplitude-representations/
-  if (noise_level_raw != arg.strength) {
+  
+  if (arg.strength != "" && noise_level_raw != arg.strength) {
+    //console.log(arg.strength);
     noise_level_raw = arg.strength;
     noise_level = Math.pow(10, arg.strength / 20) * 100;
 

From a08373b2136250c6477714d223d13ae00994d747 Mon Sep 17 00:00:00 2001
From: Mashintime <Mashintime@users.noreply.github.com>
Date: Tue, 14 Feb 2023 21:14:14 +0000
Subject: [PATCH 70/70] Prettified Code!

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

diff --git a/gui/preload-main.js b/gui/preload-main.js
index d232b32a..a3d9e677 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1900,7 +1900,7 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
 
   // noise / strength
   // https://www.moellerstudios.org/converting-amplitude-representations/
-  
+
   if (arg.strength != "" && noise_level_raw != arg.strength) {
     //console.log(arg.strength);
     noise_level_raw = arg.strength;