From 0a0603a338b5c876f7854cd663e9e0df90524a25 Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Sat, 17 Feb 2024 04:35:34 +0100
Subject: [PATCH] fix: improved widged example

---
 web/matrix_widget.html | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)
diff --git a/web/matrix_widget.html b/web/matrix_widget.html
index 40fe213..277ec04 100644
--- a/web/matrix_widget.html
+++ b/web/matrix_widget.html
@@ -7,7 +7,7 @@
 <body>
 	<div class="container">
 		<h3 id="loading">loading...</h3>
-		<p><table id="stats" class="w-100 align"></table></p>
+		<p style="margin:0"><table id="stats" class="w-100 align"></table></p>
 	</div>
 </body>
 <script>
@@ -16,23 +16,18 @@ let loading = document.getElementById("loading");
 let stats = document.getElementById("stats");
 async function pingServer() {
 	try {
-		let res = await fetch("https://api.fantabos.co/mumble/ping")
+		let res = await fetch("https://api.alemi.dev/mumble/ping?host=<<YOUR_SERVER_HERE>>")
 		let doc = await res.json()
 		stats.innerHTML = `
 		<tr>
 			<td><code>users</code> ${doc.users}/${doc.max_users}</td>
-			<td><code>bandwidth</code> ${doc.bandwidth}</td>
+			<td><code>net</code> ${doc.bandwidth/1000}kbps ~ ${doc.latency}ms</td>
 			<td><code>version</code> ${doc.version}</td>
-		</tr>
-		<tr>
-			<td><code>ping</code> ${doc.ping}</td>
-			<td><code>roundtrip</code> ${doc.roundtrip}</td>
-			<td><code>time</code> ${doc.time}</td>
 		</tr>`;
-		loading.remove();
 	} catch (e) {
-		loading.innerHTML = `error reaching api: ${e}`;
+		stats.innerHTML = `<tr><td><b>error reaching api</b>: <code>${e}</code></td></tr>`;
 	}
+	loading.remove();
 }
 pingServer()
 setInterval(pingServer, 1000 * 60);
