diff --git a/package/gluon-status-page/javascript/status-page.js b/package/gluon-status-page/javascript/status-page.js
index 016e20eebb..bcd646228b 100644
--- a/package/gluon-status-page/javascript/status-page.js
+++ b/package/gluon-status-page/javascript/status-page.js
@@ -7,11 +7,12 @@
 'use strict';
 
 (function() {
-	var _ = JSON.parse(document.body.getAttribute('data-translations'));
+	const interfaces = {};
+	const _ = JSON.parse(document.body.getAttribute('data-translations'));
 
 	String.prototype.sprintf = function() {
-		var i = 0;
-		var args = arguments;
+		let i = 0;
+		const args = arguments;
 
 		return this.replace(/%s/g, function() {
 			return args[i++];
@@ -25,7 +26,7 @@
 	function formatNumber(d, digits) {
 		digits--;
 
-		for (var v = d; v >= 10 && digits > 0; v /= 10)
+		for (let v = d; v >= 10 && digits > 0; v /= 10)
 			digits--;
 
 		// avoid toPrecision as it might produce strings in exponential notation
@@ -37,10 +38,10 @@
 	}
 
 	function prettyPrefix(prefixes, step, d) {
-		var prefix = 0;
+		let prefix = 0;
 
 		if (d === undefined)
-			return "- ";
+			return '- ';
 
 		while (d > step && prefix < prefixes.length - 1) {
 			d /= step;
@@ -48,22 +49,22 @@
 		}
 
 		d = formatNumber(d, 3);
-		return d + " " + prefixes[prefix];
+		return d + ' ' + prefixes[prefix];
 	}
 
 	function prettySize(d) {
-		return prettyPrefix([ "", "K", "M", "G", "T" ], 1024, d);
+		return prettyPrefix([ '', 'K', 'M', 'G', 'T' ], 1024, d);
 	}
 
 	function prettyBits(d) {
-		return prettySize(8 * d) + "bps";
+		return prettySize(8 * d) + 'bps';
 	}
 
 	function prettyBytes(d) {
-		return prettySize(d) + "B";
+		return prettySize(d) + 'B';
 	}
 
-	var formats = {
+	const formats = {
 		'id': function(value) {
 			return value;
 		},
@@ -74,27 +75,27 @@
 			return _['%s used'].sprintf(formatNumber(100 * value, 3) + '%');
 		},
 		'memory': function(memory) {
-			var usage = 1 - memory.available / memory.total
+			const usage = 1 - memory.available / memory.total;
 			return formats.percent(usage);
 		},
 		'time': function(seconds) {
-			var minutes = Math.round(seconds / 60);
+			let minutes = Math.round(seconds / 60);
 
-			var days = Math.floor(minutes / 1440);
-			var hours = Math.floor((minutes % 1440) / 60);
+			const days = Math.floor(minutes / 1440);
+			const hours = Math.floor((minutes % 1440) / 60);
 			minutes = Math.floor(minutes % 60);
 
-			var out = '';
+			let out = '';
 
 			if (days === 1)
 				out += _['1 day'] + ', ';
 			else if (days > 1)
-				out += _['%s days'].sprintf(days) + ", ";
+				out += _['%s days'].sprintf(days) + ', ';
 
-			out += hours + ":";
+			out += hours + ':';
 
 			if (minutes < 10)
-				out += "0";
+				out += '0';
 
 			out += minutes;
 
@@ -102,12 +103,12 @@
 		},
 		'packetsDiff': function(packets, packetsPrev, diff) {
 			if (diff > 0)
-				return prettyPackets((packets-packetsPrev) / diff);
+				return prettyPackets((packets - packetsPrev) / diff);
 
 		},
 		'bytesDiff': function(bytes, bytesPrev, diff) {
 			if (diff > 0)
-				return prettyBits((bytes-bytesPrev) / diff);
+				return prettyBits((bytes - bytesPrev) / diff);
 		},
 		'bytes': function(bytes) {
 			return prettyBytes(bytes);
@@ -116,15 +117,15 @@
 			if (!addr)
 				return '';
 
-			for (var i in interfaces) {
-				var iface = interfaces[i];
-				var neigh = iface.lookup_neigh(addr);
+			for (const i in interfaces) {
+				const iface = interfaces[i];
+				const neigh = iface.lookup_neigh(addr);
 				if (!neigh)
 					continue;
 
-				var span = document.createElement('span');
+				const span = document.createElement('span');
 				span.appendChild(document.createTextNode('via '));
-				var a = document.createElement('a');
+				const a = document.createElement('a');
 				a.href = 'http://[' + neigh.get_addr() + ']/';
 				a.textContent = neigh.get_hostname();
 				span.appendChild(a);
@@ -137,7 +138,7 @@
 		'tq': function(value) {
 			return formatNumber(100/255 * value, 1) + '%';
 		}
-	}
+	};
 
 
 	function resolve_key(obj, key) {
@@ -150,10 +151,10 @@
 	}
 
 	function add_event_source(url, handler) {
-		var source = new EventSource(url);
-		var prev = {};
+		const source = new EventSource(url);
+		let prev = {};
 		source.onmessage = function(m) {
-			var data = JSON.parse(m.data);
+			const data = JSON.parse(m.data);
 			handler(data, prev);
 			prev = data;
 		}
@@ -165,12 +166,13 @@
 		}
 	}
 
-	var node_address = document.body.getAttribute('data-node-address');
+	const node_address = document.body.getAttribute('data-node-address');
 
-	var location;
+	let location;
 	try {
 		location = JSON.parse(document.body.getAttribute('data-node-location'));
 	} catch (e) {
+		console.error(e);
 	}
 
 
@@ -187,28 +189,28 @@
 			return peers;
 		}
 
-		var div = document.getElementById('mesh-vpn');
+		const div = document.getElementById('mesh-vpn');
 		if (!data) {
 			div.style.display = 'none';
 			return;
 		}
 
 		div.style.display = '';
-		var tbody = document.getElementById('mesh-vpn-peers');
+		const tbody = document.getElementById('mesh-vpn-peers');
 		while (tbody.lastChild)
 			tbody.removeChild(tbody.lastChild);
 
-		var peers = add_group([], data);
+		const peers = add_group([], data);
 		peers.sort();
 
-		peers.forEach(function (peer) {
-			var tr = document.createElement('tr');
+		peers.forEach(function(peer) {
+			const tr = document.createElement('tr');
 
-			var th = document.createElement('th');
+			const th = document.createElement('th');
 			th.textContent = peer[0];
 			tr.appendChild(th);
 
-			var td = document.createElement('td');
+			const td = document.createElement('td');
 			if (peer[1] && peer[1].established != null)
 				td.textContent = _['connected'] + ' (' + formats.time(peer[1].established) + ')';
 			else
@@ -219,21 +221,21 @@
 		});
 	}
 
-	var statisticsElems = document.querySelectorAll('[data-statistics]');
+	const statisticsElems = document.querySelectorAll('[data-statistics]');
 
 	add_event_source('/cgi-bin/dyn/statistics', function(data, dataPrev) {
-		var diff = data.uptime - dataPrev.uptime;
+		const diff = data.uptime - dataPrev.uptime;
 
 		statisticsElems.forEach(function(elem) {
-			var stat = elem.getAttribute('data-statistics');
-			var format = elem.getAttribute('data-format');
+			const stat = elem.getAttribute('data-statistics');
+			const format = elem.getAttribute('data-format');
 
-			var valuePrev = resolve_key(dataPrev, stat);
-			var value = resolve_key(data, stat);
+			const valuePrev = resolve_key(dataPrev, stat);
+			const value = resolve_key(data, stat);
 			try {
-				var format_result = formats[format](value, valuePrev, diff);
+				const format_result = formats[format](value, valuePrev, diff);
 				switch (typeof format_result) {
-					case "object":
+					case 'object':
 						if (elem.lastChild)
 							elem.removeChild(elem.lastChild);
 						elem.appendChild(format_result);
@@ -254,24 +256,22 @@
 	})
 
 	function haversine(lat1, lon1, lat2, lon2) {
-		var rad = Math.PI / 180;
+		const rad = Math.PI / 180;
 		lat1 *= rad; lon1 *= rad; lat2 *= rad; lon2 *= rad;
 
-		var R = 6372.8; // km
-		var dLat = lat2 - lat1;
-		var dLon = lon2 - lon1;
-		var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) * Math.cos(lat2);
-		var c = 2 * Math.asin(Math.sqrt(a));
+		const R = 6372.8; // km
+		const dLat = lat2 - lat1;
+		const dLon = lon2 - lon1;
+		const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) * Math.cos(lat2);
+		const c = 2 * Math.asin(Math.sqrt(a));
 		return R * c;
 	}
 
-	var interfaces = {};
-
 	function Signal(color) {
-		var canvas = document.createElement('canvas');
-		var ctx = canvas.getContext('2d');
-		var value = null;
-		var radius = 1.2;
+		const canvas = document.createElement('canvas');
+		const ctx = canvas.getContext('2d', {willReadFrequently: true});
+		let value = null;
+		const radius = 1.2;
 
 		function drawPixel(x, y) {
 			ctx.beginPath();
@@ -286,10 +286,12 @@
 			'highlight': false,
 
 			'resize': function(w, h) {
-				var lastImage;
+				let lastImage;
 				try {
 					lastImage = ctx.getImageData(0, 0, w, h);
-				} catch (e) {}
+				} catch (e) {
+					console.error(e);
+				}
 				canvas.width = w;
 				canvas.height = h;
 				if (lastImage)
@@ -297,7 +299,7 @@
 			},
 
 			'draw': function(x, scale) {
-				var y = scale(value);
+				const y = scale(value);
 
 				ctx.clearRect(x, 0, 5, canvas.height)
 
@@ -305,23 +307,23 @@
 					drawPixel(x, y)
 			},
 
-			'set': function (d) {
+			'set': function(d) {
 				value = d;
 			},
 		};
 	}
 
 	function SignalGraph() {
-		var min = -100, max = 0;
-		var i = 0;
+		const min = -100, max = 0;
+		let i = 0;
 
-		var signals = [];
+		const signals = [];
 
-		var canvas = document.createElement('canvas');
+		const canvas = document.createElement('canvas');
 		canvas.className = 'signalgraph';
 		canvas.height = 200;
 
-		var ctx = canvas.getContext('2d');
+		const ctx = canvas.getContext('2d');
 
 		function scaleInverse(n, min, max, height) {
 			return (min * n + max * (height - n)) / height;
@@ -332,7 +334,7 @@
 		}
 
 		function drawGrid() {
-			var nLines = Math.floor(canvas.height / 40);
+			const nLines = Math.floor(canvas.height / 40);
 			ctx.save();
 			ctx.lineWidth = 0.5;
 			ctx.strokeStyle = 'rgba(0, 0, 0, 0.25)';
@@ -342,11 +344,11 @@
 
 			ctx.beginPath();
 
-			for (var i = 0; i < nLines; i++) {
-				var y = canvas.height - i * 40;
+			for (let i = 0; i < nLines; i++) {
+				const y = canvas.height - i * 40;
 				ctx.moveTo(0, y - 0.5);
 				ctx.lineTo(canvas.width, y - 0.5);
-				var dBm = Math.round(scaleInverse(y, min, max, canvas.height)) + ' dBm';
+				const dBm = Math.round(scaleInverse(y, min, max, canvas.height)) + ' dBm';
 
 				ctx.save();
 				ctx.strokeStyle = 'rgba(255, 255, 255, 0.9)';
@@ -383,7 +385,7 @@
 
 			ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-			var highlight = false;
+			let highlight = false;
 			signals.forEach(function(signal) {
 				if (signal.highlight)
 					highlight = true;
@@ -417,15 +419,16 @@
 
 		window.addEventListener('resize', draw);
 
-		var last = 0;
+		let last = 0;
+
 		function step(timestamp) {
-			var delta = timestamp - last;
+			const delta = timestamp - last;
 
 			if (delta > 40) {
 				draw();
 				i = (i + 1) % canvas.width;
 				last = timestamp;
-			};
+			}
 
 			window.requestAnimationFrame(step);
 		}
@@ -447,34 +450,33 @@
 	}
 
 	function Neighbour(iface, addr, color, destroy) {
-		var th = iface.tbody.querySelector('tr');
-		var el = iface.tbody.insertRow();
+		const th = iface.tbody.querySelector('tr');
+		const el = iface.tbody.insertRow();
 
-		var tdHostname = el.insertCell();
+		const tdHostname = el.insertCell();
 		tdHostname.setAttribute('data-label', th.children[0].textContent);
 
 		if (iface.wireless) {
-			var marker = document.createElement("span");
-			marker.textContent = "⬤ ";
+			const marker = document.createElement('span');
+			marker.textContent = '⬤ ';
 			marker.style.color = color;
 			tdHostname.appendChild(marker);
 		}
 
-		var hostname = document.createElement("span");
-		var addr;
+		let hostname = document.createElement('span');
 		hostname.textContent = addr;
 		tdHostname.appendChild(hostname);
 
-		var meshAttrs = {};
+		const meshAttrs = {};
 
 		function add_attr(attr) {
-			var key = attr.getAttribute('data-key');
+			const key = attr.getAttribute('data-key');
 			if (!key)
 				return;
 
-			var suffix = attr.getAttribute('data-suffix') || '';
+			const suffix = attr.getAttribute('data-suffix') || '';
 
-			var td = el.insertCell();
+			const td = el.insertCell();
 			td.textContent = '-';
 			td.setAttribute('data-label', attr.textContent);
 
@@ -484,13 +486,14 @@
 			};
 		}
 
-		for (var i = 0; i < th.children.length; i++)
+		for (let i = 0; i < th.children.length; i++) {
 			add_attr(th.children[i]);
+		}
 
-		var tdSignal;
-		var tdDistance;
-		var tdInactive;
-		var signal;
+		let tdSignal;
+		let tdDistance;
+		let tdInactive;
+		let signal;
 
 		if (iface.wireless) {
 			tdSignal = el.insertCell();
@@ -518,19 +521,19 @@
 			iface.signalgraph.addSignal(signal);
 		}
 
-		el.onmouseenter = function () {
-			el.classList.add("highlight");
+		el.onmouseenter = function() {
+			el.classList.add('highlight');
 			if (signal)
 				signal.highlight = true;
 		};
 
-		el.onmouseleave = function () {
-			el.classList.remove("highlight");
+		el.onmouseleave = function() {
+			el.classList.remove('highlight');
 			if (signal)
 				signal.highlight = false;
 		};
 
-		var timeout;
+		let timeout;
 
 		function updated() {
 			if (timeout)
@@ -547,17 +550,18 @@
 		updated();
 
 		function address_to_groups(addr) {
-			if (addr.slice(0, 2) == '::')
+			if (addr.slice(0, 2) === '::')
 				addr = '0' + addr;
-			if (addr.slice(-2) == '::')
+			if (addr.slice(-2) === '::')
 				addr = addr + '0';
 
-			var parts = addr.split(':');
-			var n = parts.length;
-			var groups = [];
+			const parts = addr.split(':');
+			let n = parts.length;
+			/** @type number[] **/
+			const groups = [];
 
-			for (var i = 0; i < parts.length; i++) {
-				var part = parts[i];
+			for (let i = 0; i < parts.length; i++) {
+				const part = parts[i];
 				if (part === '') {
 					while (n++ <= 8)
 						groups.push(0);
@@ -567,17 +571,17 @@
 
 					groups.push(parseInt(part, 16));
 				}
-			};
+			}
 
 			return groups;
 		}
 
 		function address_to_binary(addr) {
-			var groups = address_to_groups(addr);
+			const groups = address_to_groups(addr);
 			if (!groups)
 				return;
 
-			var ret = '';
+			let ret = '';
 			groups.forEach(function(group) {
 				ret += ('0000000000000000' + group.toString(2)).slice(-16);
 			});
@@ -586,26 +590,26 @@
 		}
 
 		function common_length(a, b) {
-			var i;
-			for (i = 0; i < a.length && i < b.length; i++) {
-				if (a[i] !== b[i])
-				break;
+			const maxLength = Math.min(a.length, b.length);
+			for (let i = 0; i < maxLength; i++) {
+				if(a[i] !== b[i])
+					return i;
 			}
-			return i;
+			return maxLength;
 		}
 
 		function choose_address(addresses) {
-			var node_bin = address_to_binary(node_address);
+			const node_bin = address_to_binary(node_address);
 
 			if (!addresses || !addresses[0])
 				return;
 
 			addresses = addresses.map(function(addr) {
-				var addr_bin = address_to_binary(addr);
+				const addr_bin = address_to_binary(addr);
 				if (!addr_bin)
 					return [-1];
 
-				var common_prefix = 0;
+				let common_prefix = 0;
 				if (node_bin)
 					common_prefix = common_length(node_bin, addr_bin);
 
@@ -626,7 +630,7 @@
 
 			});
 
-			var address = addresses[0][2];
+			const address = addresses[0][2];
 			if (address && !/^fe80:/i.test(address))
 				return address;
 		}
@@ -642,7 +646,7 @@
 				addr = choose_address(nodeinfo.network.addresses);
 				if (addr) {
 					if (hostname.nodeName.toLowerCase() === 'span') {
-						var oldHostname = hostname;
+						const oldHostname = hostname;
 						hostname = document.createElement('a');
 						oldHostname.parentNode.replaceChild(hostname, oldHostname);
 					}
@@ -653,25 +657,25 @@
 				hostname.textContent = nodeinfo.hostname;
 
 				if (location && nodeinfo.location) {
-					var distance = haversine(
+					const distance = haversine(
 						location.latitude, location.longitude,
 						nodeinfo.location.latitude, nodeinfo.location.longitude
 					);
-					tdDistance.textContent = Math.round(distance * 1000) + " m"
+					tdDistance.textContent = Math.round(distance * 1000) + ' m'
 				}
 
 				updated();
 			},
 			'update_mesh': function(mesh) {
 				Object.keys(meshAttrs).forEach(function(key) {
-					var attr = meshAttrs[key];
+					const attr = meshAttrs[key];
 					attr.td.textContent = mesh[key] + attr.suffix;
 				});
 
 				updated();
 			},
 			'update_wifi': function(wifi) {
-				var inactiveLimit = 200;
+				const inactiveLimit = 200;
 
 				tdSignal.textContent = wifi.signal;
 				tdInactive.textContent = Math.round(wifi.inactive / 1000) + ' s';
@@ -685,39 +689,38 @@
 	}
 
 	function Interface(el, ifname, wireless) {
+		const neighs = {};
 
-		var neighs = {};
-
-		var signalgraph;
+		let signalgraph;
 		if (wireless) {
 			signalgraph = SignalGraph();
 			el.appendChild(signalgraph.el);
 		}
 
-		var info = {
+		const info = {
 			'tbody': el.querySelector('tbody'),
 			'signalgraph': signalgraph,
 			'ifname': ifname,
 			'wireless': wireless,
 		};
 
-		var nodeinfo_running = false;
-		var want_nodeinfo = {};
+		let nodeinfo_running = false;
+		const want_nodeinfo = {};
 
-		var graphColors = [];
+		let graphColors = [];
 		function get_color() {
 			if (!graphColors[0])
-				graphColors = ["#396AB1", "#DA7C30", "#3E9651", "#CC2529", "#535154", "#6B4C9A", "#922428", "#948B3D"];
+				graphColors = ['#396AB1', '#DA7C30', '#3E9651', '#CC2529', '#535154', '#6B4C9A', '#922428', '#948B3D'];
 
 			return graphColors.shift();
 		}
 
 		function neigh_addresses(nodeinfo) {
-			var addrs = [];
+			const addrs = [];
 
-			var mesh = nodeinfo.network.mesh;
+			const mesh = nodeinfo.network.mesh;
 			Object.keys(mesh).forEach(function(meshif) {
-				var ifaces = mesh[meshif].interfaces;
+				const ifaces = mesh[meshif].interfaces;
 				Object.keys(ifaces).forEach(function(ifaceType) {
 					ifaces[ifaceType].forEach(function(addr) {
 						addrs.push(addr);
@@ -734,12 +737,12 @@
 
 			nodeinfo_running = true;
 
-			var source = new EventSource('/cgi-bin/dyn/neighbours-nodeinfo?' + encodeURIComponent(ifname));
-			source.addEventListener("neighbour", function(m) {
+			const source = new EventSource('/cgi-bin/dyn/neighbours-nodeinfo?' + encodeURIComponent(ifname));
+			source.addEventListener('neighbour', function(m) {
 				try {
-					var data = JSON.parse(m.data);
+					const data = JSON.parse(m.data);
 					neigh_addresses(data).forEach(function(addr) {
-						var neigh = neighs[addr];
+						const neigh = neighs[addr];
 						if (neigh) {
 							delete want_nodeinfo[addr];
 							try {
@@ -758,7 +761,7 @@
 				source.close();
 				nodeinfo_running = false;
 
-				Object.keys(want_nodeinfo).forEach(function (addr) {
+				Object.keys(want_nodeinfo).forEach(function(addr) {
 					if (want_nodeinfo[addr] > 0) {
 						want_nodeinfo[addr]--;
 						load_nodeinfo();
@@ -772,7 +775,7 @@
 		}
 
 		function get_neigh(addr) {
-			var neigh = neighs[addr];
+			let neigh = neighs[addr];
 			if (!neigh) {
 				want_nodeinfo[addr] = 3;
 				neigh = neighs[addr] = Neighbour(info, addr, get_color(), function() {
@@ -787,8 +790,8 @@
 
 		if (wireless) {
 			add_event_source('/cgi-bin/dyn/stations?' + encodeURIComponent(ifname), function(data) {
-				Object.keys(data).forEach(function (addr) {
-					var wifi = data[addr];
+				Object.keys(data).forEach(function(addr) {
+					const wifi = data[addr];
 
 					get_neigh(addr).update_wifi(wifi);
 				});
@@ -802,19 +805,18 @@
 	}
 
 	document.querySelectorAll('[data-interface]').forEach(function(elem) {
-		var ifname = elem.getAttribute('data-interface');
-		var address = elem.getAttribute('data-interface-address');
-		var wireless = !!elem.getAttribute('data-interface-wireless');
+		const ifname = elem.getAttribute('data-interface');
+		const wireless = !!elem.getAttribute('data-interface-wireless');
 
 		interfaces[ifname] = Interface(elem, ifname, wireless);
 	});
 
-	var mesh_provider = document.body.getAttribute('data-mesh-provider');
+	const mesh_provider = document.body.getAttribute('data-mesh-provider');
 	if (mesh_provider) {
 		add_event_source(mesh_provider, function(data) {
-			Object.keys(data).forEach(function (addr) {
-				var mesh = data[addr];
-				var iface = interfaces[mesh.ifname];
+			Object.keys(data).forEach(function(addr) {
+				const mesh = data[addr];
+				const iface = interfaces[mesh.ifname];
 				if (!iface)
 					return;
 
diff --git a/package/gluon-status-page/javascript/status-page.min.js b/package/gluon-status-page/javascript/status-page.min.js
index 21e6837983..e87bc7068b 100644
--- a/package/gluon-status-page/javascript/status-page.min.js
+++ b/package/gluon-status-page/javascript/status-page.min.js
@@ -1 +1 @@
-"use strict";!function(){var r=JSON.parse(document.body.getAttribute("data-translations"));function i(t,e){return t.toFixed(e).replace(/\./,r["."])}function o(t,e){e--;for(var n=t;10<=n&&0<e;n/=10)e--;return i(t,e)}function a(t){var e=["","K","M","G","T"],n=1024,i=t,r=0;if(void 0===i)return"- ";for(;n<i&&r<e.length-1;)i/=n,r++;return(i=o(i,3))+" "+e[r]}String.prototype.sprintf=function(){var t=0,e=arguments;return this.replace(/%s/g,function(){return e[t++]})};var u={id:function(t){return t},decimal:function(t){return i(t,2)},percent:function(t){return r["%s used"].sprintf(o(100*t,3)+"%")},memory:function(t){t=1-t.available/t.total;return u.percent(t)},time:function(t){var t=Math.round(t/60),e=Math.floor(t/1440),n=Math.floor(t%1440/60),t=Math.floor(t%60),i="";return 1===e?i+=r["1 day"]+", ":1<e&&(i+=r["%s days"].sprintf(e)+", "),i+=n+":",t<10&&(i+="0"),i+=t},packetsDiff:function(t,e,n){if(0<n)return t=(t-e)/n,r["%s packets/s"].sprintf(i(t,0))},bytesDiff:function(t,e,n){if(0<n)return a(8*((t-e)/n))+"bps"},bytes:function(t){return a(t)+"B"},neighbour:function(t){if(!t)return"";for(var e in c){var n,i,r=c[e].lookup_neigh(t);if(r)return(n=document.createElement("span")).appendChild(document.createTextNode("via ")),(i=document.createElement("a")).href="http://["+r.get_addr()+"]/",i.textContent=r.get_hostname(),n.appendChild(i),n.appendChild(document.createTextNode(" ("+e+")")),n}return"via "+t+" (unknown iface)"},tq:function(t){return o(100/255*t,1)+"%"}};function s(e,t){return t.split("/").forEach(function(t){e=e&&e[t]}),e}function d(t,e){var n=new EventSource(t),i={};n.onmessage=function(t){t=JSON.parse(t.data);e(t,i),i=t},n.onerror=function(){n.close(),window.setTimeout(function(){d(t,e)},3e3)}}var E,k=document.body.getAttribute("data-node-address");try{E=JSON.parse(document.body.getAttribute("data-node-location"))}catch(t){}function t(t){var e=document.getElementById("mesh-vpn");if(t){e.style.display="";for(var i=document.getElementById("mesh-vpn-peers");i.lastChild;)i.removeChild(i.lastChild);t=function e(n,i){return Object.keys(i.peers||{}).forEach(function(t){n.push([t,i.peers[t]])}),Object.keys(i.groups||{}).forEach(function(t){e(n,i.groups[t])}),n}([],t);t.sort(),t.forEach(function(t){var e=document.createElement("tr"),n=document.createElement("th"),n=(n.textContent=t[0],e.appendChild(n),document.createElement("td"));t[1]&&null!=t[1].established?n.textContent=r.connected+" ("+u.time(t[1].established)+")":n.textContent=r["not connected"],e.appendChild(n),i.appendChild(e)})}else e.style.display="none"}var e=document.querySelectorAll("[data-statistics]");d("/cgi-bin/dyn/statistics",function(o,a){var c=o.uptime-a.uptime;e.forEach(function(t){var e=t.getAttribute("data-statistics"),n=t.getAttribute("data-format"),i=s(a,e),e=s(o,e);try{var r=u[n](e,i,c);"object"==typeof r?(t.lastChild&&t.removeChild(t.lastChild),t.appendChild(r)):t.textContent=r}catch(t){console.error(t)}});try{t(o.mesh_vpn)}catch(t){console.error(t)}});var c={};function A(n){var i=document.createElement("canvas"),r=i.getContext("2d"),o=null;return{canvas:i,highlight:!1,resize:function(t,e){var n;try{n=r.getImageData(0,0,t,e)}catch(t){}i.width=t,i.height=e,n&&r.putImageData(n,0,0)},draw:function(t,e){var e=e(o);r.clearRect(t,0,5,i.height),e&&(t=t,e=e,r.beginPath(),r.fillStyle=n,r.arc(t,e,1.2,0,2*Math.PI,!1),r.closePath(),r.fill())},set:function(t){o=t}}}function h(){var o=-100,a=0,c=0,u=[],s=document.createElement("canvas"),l=(s.className="signalgraph",s.height=200,s.getContext("2d"));function d(){s.width=s.clientWidth,u.forEach(function(t){t.resize(s.width,s.height)})}function n(){if(0!==s.clientWidth){s.width!==s.clientWidth&&d(),l.clearRect(0,0,s.width,s.height);var e=!1,t=(u.forEach(function(t){t.highlight&&(e=!0)}),l.save(),u.forEach(function(t){e&&(l.globalAlpha=.2),t.highlight&&(l.globalAlpha=1),t.draw(c,function(t){return e=s.height,(1-(t-o)/(a-o))*e;var e}),l.drawImage(t.canvas,0,0)}),l.restore(),l.save(),l.beginPath(),l.strokeStyle="rgba(255, 180, 0, 0.15)",l.lineWidth=5,l.moveTo(c+2.5,0),l.lineTo(c+2.5,s.height),l.stroke(),Math.floor(s.height/40));l.save(),l.lineWidth=.5,l.strokeStyle="rgba(0, 0, 0, 0.25)",l.fillStyle="rgba(0, 0, 0, 0.5)",l.textAlign="end",l.textBaseline="bottom",l.beginPath();for(var n=0;n<t;n++){var i=s.height-40*n,r=(l.moveTo(0,i-.5),l.lineTo(s.width,i-.5),Math.round((r=s.height,(o*i+a*(r-i))/r))+" dBm");l.save(),l.strokeStyle="rgba(255, 255, 255, 0.9)",l.lineWidth=4,l.miterLimit=2,l.strokeText(r,s.width-5,i-2.5),l.fillText(r,s.width-5,i-2.5),l.restore()}l.stroke(),l.strokeStyle="rgba(0, 0, 0, 0.83)",l.lineWidth=1.5,l.strokeRect(.5,.5,s.width-1,s.height-1),l.restore()}}d(),window.addEventListener("resize",n);var i=0;return window.requestAnimationFrame(function t(e){40<e-i&&(n(),c=(c+1)%s.width,i=e),window.requestAnimationFrame(t)}),{el:s,addSignal:function(t){u.push(t),t.resize(s.width,s.height)},removeSignal:function(t){u.splice(u.indexOf(t),1)}}}function f(t,a,e,n){var i,r=t.tbody.querySelector("tr"),o=t.tbody.insertRow(),c=o.insertCell(),u=(c.setAttribute("data-label",r.children[0].textContent),t.wireless&&((i=document.createElement("span")).textContent="⬤ ",i.style.color=e,c.appendChild(i)),document.createElement("span")),s=(u.textContent=a,c.appendChild(u),{});for(var l,d,h,f,g,p,m,v,b,C=0;C<r.children.length;C++)l=r.children[C],f=h=d=void 0,(f=l.getAttribute("data-key"))&&(d=l.getAttribute("data-suffix")||"",(h=o.insertCell()).textContent="-",h.setAttribute("data-label",l.textContent),s[f]={td:h,suffix:d});function y(){b&&window.clearTimeout(b),b=window.setTimeout(function(){v&&t.signalgraph.removeSignal(v),o.parentNode.removeChild(o),n()},6e4)}function w(t){var e,t=function(t){"::"==(t="::"==t.slice(0,2)?"0"+t:t).slice(-2)&&(t+="0");for(var e=t.split(":"),n=e.length,i=[],r=0;r<e.length;r++){var o=e[r];if(""===o)for(;n++<=8;)i.push(0);else{if(!/^[a-f0-9]{1,4}$/i.test(o))return;i.push(parseInt(o,16))}}return i}(t);if(t)return e="",t.forEach(function(t){e+=("0000000000000000"+t.toString(2)).slice(-16)}),e}function x(t){var i=w(k);if(t&&t[0])return(t=t.map(function(t){var e,n=w(t);return n?(e=0,[e=i?function(t,e){for(var n=0;n<t.length&&n<e.length&&t[n]===e[n];n++);return n}(i,n):e,n,t]):[-1]})).sort(function(t,e){return t[0]<e[0]?1:t[0]>e[0]||t[1]<e[1]?-1:t[1]>e[1]?1:0}),(t=t[0][2])&&!/^fe80:/i.test(t)?t:void 0}return t.wireless&&((g=o.insertCell()).textContent="-",g.setAttribute("data-label",r.children[Object.keys(s).length+1].textContent),(p=o.insertCell()).textContent="-",p.setAttribute("data-label",r.children[Object.keys(s).length+2].textContent),(m=o.insertCell()).textContent="-",m.setAttribute("data-label",r.children[Object.keys(s).length+3].textContent),v=A(e),t.signalgraph.addSignal(v)),o.onmouseenter=function(){o.classList.add("highlight"),v&&(v.highlight=!0)},o.onmouseleave=function(){o.classList.remove("highlight"),v&&(v.highlight=!1)},y(),{get_hostname:function(){return u.textContent},get_addr:function(){return a},update_nodeinfo:function(t){var e,n,i,r,o;(a=x(t.network.addresses))&&("span"===u.nodeName.toLowerCase()&&(e=u,u=document.createElement("a"),e.parentNode.replaceChild(u,e)),u.href="http://["+a+"]/"),u.textContent=t.hostname,E&&t.location&&(e=E.latitude,n=E.longitude,i=t.location.latitude,t=t.location.longitude,r=Math.PI/180,o=(i*=r)-(e*=r),t=(t*=r)-(n*=r),r=Math.sin(o/2)*Math.sin(o/2)+Math.sin(t/2)*Math.sin(t/2)*Math.cos(e)*Math.cos(i),n=6372.8*(2*Math.asin(Math.sqrt(r))),p.textContent=Math.round(1e3*n)+" m"),y()},update_mesh:function(n){Object.keys(s).forEach(function(t){var e=s[t];e.td.textContent=n[t]+e.suffix}),y()},update_wifi:function(t){g.textContent=t.signal,m.textContent=Math.round(t.inactive/1e3)+" s",o.classList.toggle("inactive",200<t.inactive),v.set(200<t.inactive?null:t.signal),y()}}}function l(t,e,n){var i,o={},r=(n&&(i=h(),t.appendChild(i.el)),{tbody:t.querySelector("tbody"),signalgraph:i,ifname:e,wireless:n}),a=!1,c={},u=[];function s(){var t;a||(a=!0,(t=new EventSource("/cgi-bin/dyn/neighbours-nodeinfo?"+encodeURIComponent(e))).addEventListener("neighbour",function(t){try{var n=JSON.parse(t.data);i=[],r=n.network.mesh,Object.keys(r).forEach(function(t){var e=r[t].interfaces;Object.keys(e).forEach(function(t){e[t].forEach(function(t){i.push(t)})})}),i.forEach(function(t){var e=o[t];if(e){delete c[t];try{e.update_nodeinfo(n)}catch(t){console.error(t)}}})}catch(t){console.error(t)}var i,r},!1),t.onerror=function(){t.close(),a=!1,Object.keys(c).forEach(function(t){0<c[t]&&(c[t]--,s())})})}function l(t){var e=o[t];return e||(c[t]=3,e=o[t]=f(r,t,(u=u[0]?u:["#396AB1","#DA7C30","#3E9651","#CC2529","#535154","#6B4C9A","#922428","#948B3D"]).shift(),function(){delete c[t],delete o[t]}),s()),e}return n&&d("/cgi-bin/dyn/stations?"+encodeURIComponent(e),function(n){Object.keys(n).forEach(function(t){var e=n[t];l(t).update_wifi(e)})}),{get_neigh:l,lookup_neigh:function(t){return o[t]}}}document.querySelectorAll("[data-interface]").forEach(function(t){var e=t.getAttribute("data-interface"),n=(t.getAttribute("data-interface-address"),!!t.getAttribute("data-interface-wireless"));c[e]=l(t,e,n)});var n=document.body.getAttribute("data-mesh-provider");n&&d(n,function(i){Object.keys(i).forEach(function(t){var e=i[t],n=c[e.ifname];n&&n.get_neigh(t).update_mesh(e)})})}();
\ No newline at end of file
+"use strict";!function(){const r={},o=JSON.parse(document.body.getAttribute("data-translations"));function i(t,e){return t.toFixed(e).replace(/\./,o["."])}function a(e,n){n--;for(let t=e;10<=t&&0<n;t/=10)n--;return i(e,n)}function c(e){{var n=["","K","M","G","T"],i=1024,o=e;let t=0;if(void 0===o)return"- ";for(;i<o&&t<n.length-1;)o/=i,t++;return(o=a(o,3))+" "+n[t]}}String.prototype.sprintf=function(){let t=0;const e=arguments;return this.replace(/%s/g,function(){return e[t++]})};const l={id:function(t){return t},decimal:function(t){return i(t,2)},percent:function(t){return o["%s used"].sprintf(a(100*t,3)+"%")},memory:function(t){t=1-t.available/t.total;return l.percent(t)},time:function(t){var t=Math.round(t/60),e=Math.floor(t/1440),n=Math.floor(t%1440/60),t=Math.floor(t%60);let i="";return 1===e?i+=o["1 day"]+", ":1<e&&(i+=o["%s days"].sprintf(e)+", "),i+=n+":",t<10&&(i+="0"),i+=t},packetsDiff:function(t,e,n){if(0<n)return t=(t-e)/n,o["%s packets/s"].sprintf(i(t,0))},bytesDiff:function(t,e,n){if(0<n)return c(8*((t-e)/n))+"bps"},bytes:function(t){return c(t)+"B"},neighbour:function(t){if(!t)return"";for(const o in r){var e,n,i=r[o].lookup_neigh(t);if(i)return(e=document.createElement("span")).appendChild(document.createTextNode("via ")),(n=document.createElement("a")).href="http://["+i.get_addr()+"]/",n.textContent=i.get_hostname(),e.appendChild(n),e.appendChild(document.createTextNode(" ("+o+")")),e}return"via "+t+" (unknown iface)"},tq:function(t){return a(100/255*t,1)+"%"}};function s(e,t){return t.split("/").forEach(function(t){e=e&&e[t]}),e}function d(t,e){const n=new EventSource(t);let i={};n.onmessage=function(t){t=JSON.parse(t.data);e(t,i),i=t},n.onerror=function(){n.close(),window.setTimeout(function(){d(t,e)},3e3)}}const x=document.body.getAttribute("data-node-address");let E;try{E=JSON.parse(document.body.getAttribute("data-node-location"))}catch(t){console.error(t)}function t(t){var e=document.getElementById("mesh-vpn");if(t){e.style.display="";const i=document.getElementById("mesh-vpn-peers");for(;i.lastChild;)i.removeChild(i.lastChild);t=function e(n,i){return Object.keys(i.peers||{}).forEach(function(t){n.push([t,i.peers[t]])}),Object.keys(i.groups||{}).forEach(function(t){e(n,i.groups[t])}),n}([],t);t.sort(),t.forEach(function(t){var e=document.createElement("tr"),n=document.createElement("th"),n=(n.textContent=t[0],e.appendChild(n),document.createElement("td"));t[1]&&null!=t[1].established?n.textContent=o.connected+" ("+l.time(t[1].established)+")":n.textContent=o["not connected"],e.appendChild(n),i.appendChild(e)})}else e.style.display="none"}const e=document.querySelectorAll("[data-statistics]");function k(n){const i=document.createElement("canvas"),o=i.getContext("2d",{willReadFrequently:!0});let r=null;return{canvas:i,highlight:!1,resize:function(t,e){let n;try{n=o.getImageData(0,0,t,e)}catch(t){console.error(t)}i.width=t,i.height=e,n&&o.putImageData(n,0,0)},draw:function(t,e){var e=e(r);o.clearRect(t,0,5,i.height),e&&(t=t,e=e,o.beginPath(),o.fillStyle=n,o.arc(t,e,1.2,0,2*Math.PI,!1),o.closePath(),o.fill())},set:function(t){r=t}}}function h(){const l=-100,s=0;let u=0;const d=[],h=document.createElement("canvas"),f=(h.className="signalgraph",h.height=200,h.getContext("2d"));function t(){h.width=h.clientWidth,d.forEach(function(t){t.resize(h.width,h.height)})}function n(){if(0!==h.clientWidth){h.width!==h.clientWidth&&t(),f.clearRect(0,0,h.width,h.height);let e=!1;d.forEach(function(t){t.highlight&&(e=!0)}),f.save(),d.forEach(function(t){e&&(f.globalAlpha=.2),t.highlight&&(f.globalAlpha=1),t.draw(u,function(t){return t=t,e=l,n=s,i=h.height,(1-(t-e)/(n-e))*i;var e,n,i}),f.drawImage(t.canvas,0,0)}),f.restore(),f.save(),f.beginPath(),f.strokeStyle="rgba(255, 180, 0, 0.15)",f.lineWidth=5,f.moveTo(u+2.5,0),f.lineTo(u+2.5,h.height),f.stroke();var n,i,o,r=Math.floor(h.height/40);f.save(),f.lineWidth=.5,f.strokeStyle="rgba(0, 0, 0, 0.25)",f.fillStyle="rgba(0, 0, 0, 0.5)",f.textAlign="end",f.textBaseline="bottom",f.beginPath();for(let t=0;t<r;t++){var a=h.height-40*t,c=(f.moveTo(0,a-.5),f.lineTo(h.width,a-.5),Math.round((n=a,c=l,i=s,o=h.height,(c*n+i*(o-n))/o))+" dBm");f.save(),f.strokeStyle="rgba(255, 255, 255, 0.9)",f.lineWidth=4,f.miterLimit=2,f.strokeText(c,h.width-5,a-2.5),f.fillText(c,h.width-5,a-2.5),f.restore()}f.stroke(),f.strokeStyle="rgba(0, 0, 0, 0.83)",f.lineWidth=1.5,f.strokeRect(.5,.5,h.width-1,h.height-1),f.restore()}}t(),window.addEventListener("resize",n);let i=0;return window.requestAnimationFrame(function t(e){40<e-i&&(n(),u=(u+1)%h.width,i=e),window.requestAnimationFrame(t)}),{el:h,addSignal:function(t){d.push(t),t.resize(h.width,h.height)},removeSignal:function(t){d.splice(d.indexOf(t),1)}}}function f(t,a,e,n){var i=t.tbody.querySelector("tr");const o=t.tbody.insertRow();var r,c,l,s,u,d=o.insertCell();d.setAttribute("data-label",i.children[0].textContent),t.wireless&&((r=document.createElement("span")).textContent="⬤ ",r.style.color=e,d.appendChild(r));let h=document.createElement("span");h.textContent=a,d.appendChild(h);const f={};for(let t=0;t<i.children.length;t++)c=i.children[t],u=s=l=void 0,(u=c.getAttribute("data-key"))&&(l=c.getAttribute("data-suffix")||"",(s=o.insertCell()).textContent="-",s.setAttribute("data-label",c.textContent),f[u]={td:s,suffix:l});let g,p,m,b;t.wireless&&((g=o.insertCell()).textContent="-",g.setAttribute("data-label",i.children[Object.keys(f).length+1].textContent),(p=o.insertCell()).textContent="-",p.setAttribute("data-label",i.children[Object.keys(f).length+2].textContent),(m=o.insertCell()).textContent="-",m.setAttribute("data-label",i.children[Object.keys(f).length+3].textContent),b=k(e),t.signalgraph.addSignal(b)),o.onmouseenter=function(){o.classList.add("highlight"),b&&(b.highlight=!0)},o.onmouseleave=function(){o.classList.remove("highlight"),b&&(b.highlight=!1)};let v;function y(){v&&window.clearTimeout(v),v=window.setTimeout(function(){b&&t.signalgraph.removeSignal(b),o.parentNode.removeChild(o),n()},6e4)}function C(t){t=function(t){"::"===(t="::"===t.slice(0,2)?"0"+t:t).slice(-2)&&(t+="0");var e=t.split(":");let n=e.length;var i=[];for(let t=0;t<e.length;t++){var o=e[t];if(""===o)for(;n++<=8;)i.push(0);else{if(!/^[a-f0-9]{1,4}$/i.test(o))return;i.push(parseInt(o,16))}}return i}(t);if(t){let e="";return t.forEach(function(t){e+=("0000000000000000"+t.toString(2)).slice(-16)}),e}}function w(t){const i=C(x);if(t&&t[0])return(t=t.map(function(t){var e=C(t);if(!e)return[-1];let n=0;return[n=i?function(e,n){var i=Math.min(e.length,n.length);for(let t=0;t<i;t++)if(e[t]!==n[t])return t;return i}(i,e):n,e,t]})).sort(function(t,e){return t[0]<e[0]?1:t[0]>e[0]||t[1]<e[1]?-1:t[1]>e[1]?1:0}),(t=t[0][2])&&!/^fe80:/i.test(t)?t:void 0}return y(),{get_hostname:function(){return h.textContent},get_addr:function(){return a},update_nodeinfo:function(t){var e,n,i,o,r;(a=w(t.network.addresses))&&("span"===h.nodeName.toLowerCase()&&(e=h,h=document.createElement("a"),e.parentNode.replaceChild(h,e)),h.href="http://["+a+"]/"),h.textContent=t.hostname,E&&t.location&&(e=E.latitude,n=E.longitude,i=t.location.latitude,t=t.location.longitude,o=Math.PI/180,r=(i*=o)-(e*=o),t=(t*=o)-(n*=o),o=Math.sin(r/2)*Math.sin(r/2)+Math.sin(t/2)*Math.sin(t/2)*Math.cos(e)*Math.cos(i),n=6372.8*(2*Math.asin(Math.sqrt(o))),p.textContent=Math.round(1e3*n)+" m"),y()},update_mesh:function(n){Object.keys(f).forEach(function(t){var e=f[t];e.td.textContent=n[t]+e.suffix}),y()},update_wifi:function(t){g.textContent=t.signal,m.textContent=Math.round(t.inactive/1e3)+" s",o.classList.toggle("inactive",200<t.inactive),b.set(200<t.inactive?null:t.signal),y()}}}function u(t,e,n){const i={};let o;n&&(o=h(),t.appendChild(o.el));const r={tbody:t.querySelector("tbody"),signalgraph:o,ifname:e,wireless:n};let a=!1;const c={};let l=[];function s(){if(!a){a=!0;const t=new EventSource("/cgi-bin/dyn/neighbours-nodeinfo?"+encodeURIComponent(e));t.addEventListener("neighbour",function(t){try{const n=JSON.parse(t.data);!function(t){const n=[],i=t.network.mesh;return Object.keys(i).forEach(function(t){const e=i[t].interfaces;Object.keys(e).forEach(function(t){e[t].forEach(function(t){n.push(t)})})}),n}(n).forEach(function(t){var e=i[t];if(e){delete c[t];try{e.update_nodeinfo(n)}catch(t){console.error(t)}}})}catch(t){console.error(t)}},!1),t.onerror=function(){t.close(),a=!1,Object.keys(c).forEach(function(t){0<c[t]&&(c[t]--,s())})}}}function u(t){let e=i[t];return e||(c[t]=3,e=i[t]=f(r,t,(l=l[0]?l:["#396AB1","#DA7C30","#3E9651","#CC2529","#535154","#6B4C9A","#922428","#948B3D"]).shift(),function(){delete c[t],delete i[t]}),s()),e}return n&&d("/cgi-bin/dyn/stations?"+encodeURIComponent(e),function(n){Object.keys(n).forEach(function(t){var e=n[t];u(t).update_wifi(e)})}),{get_neigh:u,lookup_neigh:function(t){return i[t]}}}d("/cgi-bin/dyn/statistics",function(r,a){const c=r.uptime-a.uptime;e.forEach(function(t){var e=t.getAttribute("data-statistics"),n=t.getAttribute("data-format"),i=s(a,e),e=s(r,e);try{var o=l[n](e,i,c);"object"==typeof o?(t.lastChild&&t.removeChild(t.lastChild),t.appendChild(o)):t.textContent=o}catch(t){console.error(t)}});try{t(r.mesh_vpn)}catch(t){console.error(t)}}),document.querySelectorAll("[data-interface]").forEach(function(t){var e=t.getAttribute("data-interface"),n=!!t.getAttribute("data-interface-wireless");r[e]=u(t,e,n)});var n=document.body.getAttribute("data-mesh-provider");n&&d(n,function(i){Object.keys(i).forEach(function(t){var e=i[t],n=r[e.ifname];n&&n.get_neigh(t).update_mesh(e)})})}();
\ No newline at end of file