Add items to model, tehsession.json contains example

static/views/master/script.js

@@ -0,0 +1,55 @@
+var text = document.getElementById("msg").innerText
+msg = JSON.parse(text)
+
+document.getElementById("btn-leave-session").onclick = async (e) => await fetch('api/leave_session', {
+                    method: 'POST', body: JSON.stringify({})
+                });
+var session = msg.session;
+document.getElementById("session").innerText = session["name"];
+document.getElementById('label-username').innerText = msg.username;
+
+document.getElementById("btn-gen-item").onclick = async (e) => {
+    name = document.getElementById("input-gen-item-name").value;
+    description = document.getElementById("input-gen-item-description").value;
+    image = document.getElementById("input-gen-item-image").value;
+    if (Boolean(name)) {
+        await fetch('api/create_item', { method: 'POST', body: JSON.stringify(
+            {'name': name, 'description': description, 'image': image}
+        )});
+    }
+};
+var itemsdiv = document.getElementById("items");
+var items = msg.items;
+
+while (itemsdiv.children.length) itemsdiv.lastChild.remove();
+
+Object.keys(items).forEach( item => {
+    var item = items[item];
+    const itemdiv = document.createElement('div');
+    var name = item["name"]
+    var description = item["description"]
+    var image = item["image"] || "../static/empty.jpg"
+
+    namespan = document.createElement('b');
+    namespan.innerText = name;
+    namespan.style.display = "block"
+    namespan.style.textAlign = "center"
+
+    descriptionspan = document.createElement('span');
+    descriptionspan.innerText = description;
+    descriptionspan.style.display = "block"
+    descriptionspan.style.width = "8rem";
+
+    imageimg = document.createElement('img');
+    imageimg.src = image;
+    imageimg.style.width = "8rem";
+    imageimg.style.display = "block"
+
+    itemdiv.appendChild(namespan);
+    itemdiv.appendChild(imageimg);
+    itemdiv.appendChild(descriptionspan);
+    itemdiv.style.display = "inline-block"
+
+    itemsdiv.appendChild(itemdiv);
+    
+});

static/views/master/template.html

@@ -0,0 +1,12 @@
+Welcome to <b id="session"></b>, lobbymaster <span id="label-username"></span>
+<br><br>
+<button id="btn-leave-session">Leave Session</button>
+
+<div id="div-gen-item">
+    Name: <input id="input-gen-item-name" /> <br>
+    Description: <input id="input-gen-item-description" /> <br>
+    Image: <input id="input-gen-item-image" /> <br>
+    <button id="btn-gen-item">Create item</button>
+</div>
+<div id="items">
+</div>