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] 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>