From 10e3cd0ba220bd7f40cdd15a1c9363d42aa65d36 Mon Sep 17 00:00:00 2001
From: ModZero <modzero@modzero.xyz>
Date: Mon, 1 Jun 2020 16:24:57 +0200
Subject: [PATCH] A very bad implementation of a thing looking at the websocket

---
 templates/stuff.tera | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)
diff --git a/templates/stuff.tera b/templates/stuff.tera
index 3f5277b..081ac3a 100644
--- a/templates/stuff.tera
+++ b/templates/stuff.tera
@@ -6,7 +6,8 @@
 
     <body>
         <h1>Hello, world!</h1>
-        <ul>
+        <p id="iteration">Iteration: {{ iteration }}<p>
+        <ul id="objects">
         {% for object in objects %}
             <li>{{ object.name }} @ {{ object.x }}, {{ object.y }}</li>
         {% endfor %}
@@ -21,7 +22,17 @@
             }
 
             ws.onmessage = function(e) {
-                console.log("From Server:" + e.data);
+                const data = JSON.parse(e.data);
+
+                document.getElementById("iteration").innerText = `Iteration: ${data.iteration}`;
+                const ul = document.getElementById("objects");
+                while(ul.firstChild) { ul.removeChild(ul.lastChild) }
+                for (n in data.objects) {
+                    const ob = data.objects[n];
+                    const li = document.createElement("li");
+                    li.innerText = `${ob.name} @ ${ob.x}, ${ob.y}`;
+                    ul.append(li);
+                }
             };
         </script>
     </body>
