From 6eb19e8c5bce364ce5ce2b4bd05fa605ead3f796 Mon Sep 17 00:00:00 2001
From: Marat Fayzullin <luarvique@gmail.com>
Date: Sat, 24 Jun 2023 00:27:37 -0400
Subject: [PATCH] Adding UTC clock to the receiver panel bottom.

---
 htdocs/css/openwebrx.css | 10 ++++++++++
 htdocs/index.html        |  1 +
 htdocs/openwebrx.js      | 12 ++++++++++++
 3 files changed, 23 insertions(+)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index d1313e59..a7f125ab 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -753,6 +753,16 @@ img.openwebrx-mirror-img
 	border-radius: 3px;
 }
 
+#openwebrx-clock-utc
+{
+	color: #aaa;
+	display: inline-block;
+	font-size: 10pt;
+	float: left;
+	margin-left: 5px;
+	font-family: 'roboto-mono';
+}
+
 #openwebrx-smeter-db
 {
 	color: #aaa;
diff --git a/htdocs/index.html b/htdocs/index.html
index 3ecfc16d..52adc4ce 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -268,6 +268,7 @@
                             <div id="openwebrx-smeter">
                                 <div class="openwebrx-smeter-bar"></div>
                             </div>
+                            <div id="openwebrx-clock-utc">00:00 UTC</div>
                             <div id="openwebrx-smeter-db">0 dB</div>
                         </div>
                     </div>
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 9c2e27b1..f50baf27 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -1596,6 +1596,10 @@ function openwebrx_init() {
     bookmarks = new BookmarkBar();
     scanner = new Scanner(bookmarks, 1000);
     initSliders();
+
+    // Run clock
+    setInterval(clock_changed, 60000);
+    clock_changed();
 }
 
 function initSliders() {
@@ -1995,3 +1999,11 @@ function nr_changed() {
         }
     }));
 }
+
+function clock_changed() {
+    // Display UTC clock
+    const now = new Date();
+    const hours = ("00" + now.getUTCHours()).slice(-2);
+    const minutes = ("00" + now.getUTCMinutes()).slice(-2);
+    $("#openwebrx-clock-utc").html(`${hours}:${minutes} UTC`);
+}