From d6e00775655909f4b7b7caaa593e6b3a2b478ed1 Mon Sep 17 00:00:00 2001
From: Wim Brand <fornax@fornaxian.com>
Date: Tue, 15 Sep 2020 14:31:52 +0200
Subject: [PATCH] add pixelstore stats to admin page

---
 res/include/script/admin.js | 24 +++++++++++++++++++-----
 res/template/admin.html     | 15 +++++++++++++++
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/res/include/script/admin.js b/res/include/script/admin.js
index 98c6926..6aee650 100644
--- a/res/include/script/admin.js
+++ b/res/include/script/admin.js
@@ -181,17 +181,14 @@ function getStats(order) {
 	fetch(apiEndpoint+"/status").then(
 		resp => resp.json()
 	).then(resp => {
-		let t = document.getElementById("tstat_body")
-		t.innerHTML = ""
-		let c = document.getElementById("tconnstat_body")
-		c.innerHTML = ""
-
 		document.getElementById("file_stats_watchers").innerText = resp.stats_watcher_threads;
 		document.getElementById("file_stats_listeners").innerText = resp.stats_watcher_listeners;
 		document.getElementById("file_stats_avg").innerText = (
 			resp.stats_watcher_listeners / resp.stats_watcher_threads
 		).toPrecision(3);
 
+		let c = document.getElementById("tconnstat_body")
+		c.innerHTML = ""
 		resp.db_connection_stats.forEach(v => {
 			let row = document.createElement("tr")
 			row.innerHTML = `\
@@ -204,6 +201,21 @@ function getStats(order) {
 			c.appendChild(row)
 		})
 
+		let p = document.getElementById("tbody_peers")
+		p.innerHTML = ""
+		resp.peers.forEach(v => {
+			let row = document.createElement("tr")
+			row.innerHTML = `\
+			<td>${v.address}</td>
+			<td>${v.position}</td>
+			<td>${v.reachable}</td>
+			<td>${v.unreachable_count}</td>
+			<td>${formatDuration(v.latency)}</td>
+			<td>${formatDataVolume(v.free_space, 3)}</td>
+			<td>${formatDataVolume(v.min_free_space, 3)}</td>`
+			p.appendChild(row)
+		})
+
 		resp.query_statistics.sort((a, b) => {
 			if (typeof(a[order]) === "number") {
 				// Sort ints from high to low
@@ -214,6 +226,8 @@ function getStats(order) {
 			}
 		})
 
+		let t = document.getElementById("tstat_body")
+		t.innerHTML = ""
 		resp.query_statistics.forEach((v) => {
 			let callers = ""
 			v.callers.sort((a, b) => b.count - a.count)
diff --git a/res/template/admin.html b/res/template/admin.html
index 4121f72..02c688c 100644
--- a/res/template/admin.html
+++ b/res/template/admin.html
@@ -58,6 +58,21 @@
 						</thead>
 						<tbody id="tconnstat_body"></tbody>
 					</table>
+					<h3>Pixelstore peers</h3>
+					<table>
+						<thead>
+							<tr>
+								<td>Address</td>
+								<td>Pos.</td>
+								<td>Reachable</td>
+								<td>Err count</td>
+								<td>Latency</td>
+								<td>Free space</td>
+								<td>Min free space</td>
+							</tr>
+						</thead>
+						<tbody id="tbody_peers"></tbody>
+					</table>
 					<h3>Websocket statistics</h3>
 					<table>
 						<thead>