From e0ff9c99941a85c1526e0a1bf2472e3d2e8cdf91 Mon Sep 17 00:00:00 2001
From: vadym <vadym.vikulin@gmail.com>
Date: Wed, 21 Dec 2022 20:18:20 +0200
Subject: [PATCH] Added coords info foeld and update it with timer

---
 contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js | 11 ++++++++++-
 contrib/ui/mesh-ui/ui/assets/mesh-ui.js     | 10 ++++++++++
 contrib/ui/mesh-ui/ui/index.html            |  9 +++++++--
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js b/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js
index 3a1c20d0..bd35f6f3 100644
--- a/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js
+++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js
@@ -363,6 +363,7 @@ ui.updateConnectedPeers = function () {
     $("peers").innerText = error.message;
     ui.updateStatus();
     ui.updateSpeed();
+    ui.updateCoordsInfo();
   });
 };
 
@@ -384,6 +385,7 @@ ui.updateSelfInfo = function () {
   return ui.getSelfInfo().then(function (info) {
     $("ipv6").innerText = info.address;
     $("subnet").innerText = info.subnet;
+    $("coordinates").innerText = info.coords;
     $("pub_key").innerText = info.key;
     $("priv_key").innerText = info.private_key;
     $("ipv6").innerText = info.address;
@@ -393,6 +395,14 @@ ui.updateSelfInfo = function () {
   });
 };
 
+ui.updateCoordsInfo = function () {
+  return ui.getSelfInfo().then(function (info) {
+    $("coordinates").innerText = info.coords;
+  }).catch(function (error) {
+    $("ipv6").innerText = error.message;
+  });
+};
+
 ui.sse = new EventSource('/api/sse');
 
 function main() {
@@ -406,7 +416,6 @@ function main() {
     setInterval(ui.updateConnectedPeers, 5000);
 
     ui.updateSelfInfo();
-    //setInterval(ui.updateSelfInfo, 5000);
 
     ui.sse.addEventListener("ping", function (e) {
       var data = JSON.parse(e.data);
diff --git a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
index 37f17914..3669716b 100644
--- a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
+++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
@@ -343,6 +343,7 @@ ui.updateConnectedPeers = () =>
       $("peers").innerText = error.message;
       ui.updateStatus();
       ui.updateSpeed();
+      ui.updateCoordsInfo();
     });
 
 ui.lookupCountryCodeByAddress = (address) => {
@@ -361,6 +362,7 @@ ui.updateSelfInfo = () =>
     .then((info) => {
       $("ipv6").innerText = info.address;
       $("subnet").innerText = info.subnet;
+      $("coordinates").innerText = info.coords;
       $("pub_key").innerText = info.key;
       $("priv_key").innerText = info.private_key;
       $("ipv6").innerText = info.address;
@@ -369,6 +371,14 @@ ui.updateSelfInfo = () =>
       $("ipv6").innerText = error.message;
     });
 
+ui.updateCoordsInfo = function () {
+  return ui.getSelfInfo().then(function (info) {
+    $("coordinates").innerText = info.coords;
+  }).catch(function (error) {
+    $("ipv6").innerText = error.message;
+  });
+};
+
 ui.sse = new EventSource('/api/sse');
 
 function main() {
diff --git a/contrib/ui/mesh-ui/ui/index.html b/contrib/ui/mesh-ui/ui/index.html
index b006f4ea..c67918e3 100755
--- a/contrib/ui/mesh-ui/ui/index.html
+++ b/contrib/ui/mesh-ui/ui/index.html
@@ -132,15 +132,20 @@
         </div>
 
         <div class="container-ip">
+          <div class="item">Coordinates</div>
+          <div id="coordinates" class="item push-right">N/A</div>
+          <div class="item">
+            <a class="fas fa-copy" onclick="copy2clipboard(document.getElementById('coordinates').innerHTML);"></a>
+          </div>
+        </div>
 
+        <div class="container-ip">
           <div class="item">Peers</div>
           <div id="peers" class="item over">
-
           </div>
           <div class="item push-right">
             <a id="showAllPeersBtn" class="fas fa-edit"></a>
           </div>
-
         </div>
 
       </div>