dominic/webpnp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Overhaul Model, Start Rendering of Lobby view

Browse Source
This commit is contained in:
Dominic Zimmer
2020-04-19 16:01:00 +02:00
parent cc35dec294
commit af2ef29585
5 changed files with 164 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
static/renderer.js
View File

@@ -2,36 +2,23 @@ const ws_url = new URL('ws', window.location.href);
ws_url.protocol = ws_url.protocol.replace('http', 'ws');
const ws = new WebSocket(ws_url.href);
ws.onmessage = function(event) {
const msg = JSON.parse(event.data);
console.log(msg);
if (msg.hasOwnProperty('session')) {
document.getElementById('active-session').innerText = msg.session["name"];
document.getElementById('btn-leave-session').style.display = "inline-block";
} else {
document.getElementById('active-session').innerText = "None";
document.getElementById('btn-leave-session').style.display = "none";
}
function draw_lobby(msg) {
if (msg.hasOwnProperty('username')) {
document.getElementById('label-username').innerText = msg.username;
}
if (msg.hasOwnProperty('sessions')) {
const sessions = document.getElementById('sessions');
if (msg.hasOwnProperty('allsessions')) {
const all_sessions = document.getElementById('all_sessions');
while (sessions.children.length) sessions.lastChild.remove();
while (all_sessions.children.length) all_sessions.lastChild.remove();
Object.keys(msg.sessions).forEach( session => {
session = msg.sessions[session];
var sessionid = session["id"];
var sessionname = session["name"];
var owned = session["owned"];
//for (let session in msg.allsessions) {
Object.keys(msg.allsessions).forEach( session => {
var sessionid = msg.allsessions[session]["id"]
var sessionname = msg.allsessions[session]["name"]
const tehsession = document.createElement('div');
const labelname = document.createElement('span');
owned = ("owner" in msg.allsessions[session]);
labelname.innerText = sessionname;
tehsession.appendChild(labelname);
@@ -99,5 +86,22 @@ ws.onmessage = function(event) {
all_sessions.appendChild(tehsession);
})
}
*/
}
ws.onmessage = function(event) {
const msg = JSON.parse(event.data);
console.log(msg);
var view = "lobby";
if (msg.hasOwnProperty('view')) {
view = msg.view;
}
if (view == "lobby") {
draw_lobby(msg);
} else if (view == "session") {
console.log("cant draw session yet");
}
};