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 915f3d38..d8916fcc 100644 --- a/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js +++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js @@ -300,6 +300,7 @@ ui.getConnectedPeers = function () { ui.updateConnectedPeersHandler = function (peers) { ui.updateStatus(peers); ui.updateSpeed(peers); + ui.updateCoordsInfo(); $("peers").innerText = ""; if (peers) { var regexStrip = /%[^\]]*/gm; @@ -380,6 +381,7 @@ ui.updateSelfInfo = function () { return ui.getSelfInfo().then(function (info) { $("ipv6").innerText = info.address; $("subnet").innerText = info.subnet; + $("coordinates").innerText = ''.concat('[',info.coords.join(' '),']'); $("pub_key").innerText = info.key; $("priv_key").innerText = info.private_key; $("ipv6").innerText = info.address; @@ -389,6 +391,14 @@ ui.updateSelfInfo = function () { }); }; +ui.updateCoordsInfo = function () { + return ui.getSelfInfo().then(function (info) { + $("coordinates").innerText = ''.concat('[',info.coords.join(' '),']'); + }).catch(function (error) { + $("ipv6").innerText = error.message; + }); +}; + ui.sse = new EventSource('/api/sse'); function main() { @@ -401,7 +411,6 @@ function main() { }); 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 f7652047..8caa39bc 100644 --- a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js +++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js @@ -287,6 +287,7 @@ ui.getConnectedPeers = () => ui.updateConnectedPeersHandler = (peers) => { ui.updateStatus(peers); ui.updateSpeed(peers); + ui.updateCoordsInfo(); $("peers").innerText = ""; if(peers) { const regexStrip = /%[^\]]*/gm; @@ -358,6 +359,7 @@ ui.updateSelfInfo = () => .then((info) => { $("ipv6").innerText = info.address; $("subnet").innerText = info.subnet; + $("coordinates").innerText = ''.concat('[',info.coords.join(' '),']'); $("pub_key").innerText = info.key; $("priv_key").innerText = info.private_key; $("ipv6").innerText = info.address; @@ -366,6 +368,14 @@ ui.updateSelfInfo = () => $("ipv6").innerText = error.message; }); +ui.updateCoordsInfo = function () { + return ui.getSelfInfo().then(function (info) { + $("coordinates").innerText = ''.concat('[',info.coords.join(' '),']'); + }).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 @@
+