2 files changed, 15 insertions, 7 deletions

diff --git a/web/index.html b/web/index.html
index fe9529f..877da14 100644
--- a/web/index.html
+++ b/web/index.html
@@ -29,12 +29,9 @@
         <summary>
           <span>Systeeminformatie</span>
         </summary>
-        <table>
-          <tr>
-            <td class="help-cursor" title="Publicatietijdstip van ingeladen DATEX II-situatiepublicatie (van NDW)">Situatiepublicatie van</td>
-            <td id="situation-publication-of">&lt;onbekend&gt;</td>
-          </tr>
-        </table>
+        <div id="sysinfo-details">
+          <span>(Nog geen contact gelegd met server.)</span>
+        </div>
       </details>
     </div>
 
diff --git a/web/index.js b/web/index.js
index 1c2e34d..999e333 100644
--- a/web/index.js
+++ b/web/index.js
@@ -1,4 +1,5 @@
 const apiBaseUrl = "https://routemon-api.fautchen.eu";
+// const apiBaseUrl = "http://localhost:8284";
 
 const dialog = document.querySelector("dialog");
 const closeButton = document.querySelector("dialog button");
@@ -87,7 +88,17 @@ async function getSysinfo() {
     }
 
     const res = await rsp.json();
-    document.getElementById("situation-publication-of").innerText = new Date(res.using_publication_of).toLocaleString();
+    let rows = [
+        [el("span", { "class": "help-cursor",
+                      "title": "Publicatietijdstip van ingeladen DATEX II-situatiepublicatie (van NDW)" },
+            txt("Situatiepublicatie van")),
+         txt(new Date(res.using_publication_of).toLocaleString())],
+        [txt("Grootte LSE-index"),
+         txt(res.lse_index_size.toString())],
+        [txt("Grootte puntenindex"),
+         txt(res.p_index_size.toString())],
+    ];
+    document.getElementById("sysinfo-details").replaceChildren(tbl(rows));
 }
 
 async function load(gpxFile) {