1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
"use strict";
let evtsrc = null;
let timer = 0;
function confirm_delete(status) {
let warning = "Are you sure you want to DELETE this game?";
if (window.confirm(warning))
window.location.href = "/delete/" + game.game_id;
}
function send(url) {
fetch(url)
.then(r => r.text())
.then(t => window.error.textContent = (t === "SUCCESS") ? "" : t)
.catch(e => window.error.textContent = e );
start_event_source();
return void 0;
}
function start_event_source() {
if (!evtsrc || evtsrc.readyState === 2) {
console.log("STARTING EVENT SOURCE");
evtsrc = new EventSource("/join-events/" + game.game_id);
evtsrc.addEventListener("players", function (evt) {
console.log("PLAYERS:", evt.data);
players = JSON.parse(evt.data);
update();
});
evtsrc.addEventListener("ready", function (evt) {
console.log("READY:", evt.data);
ready = JSON.parse(evt.data);
update();
});
evtsrc.addEventListener("game", function (evt) {
console.log("GAME:", evt.data);
game = JSON.parse(evt.data);
if (game.status > 1) {
clearInterval(timer);
evtsrc.close();
}
update();
});
evtsrc.addEventListener("deleted", function (evt) {
console.log("DELETED");
window.location.href = '/info/' + game.title_id;
});
evtsrc.onerror = function (err) {
window.message.innerHTML = "Disconnected from server...";
};
}
}
function update() {
window.game_status.textContent = ["Open","Active","Finished","Abandoned"][game.status];
window.game_result.textContent = game.result || "\u2014";
for (let i = 0; i < roles.length; ++i) {
let role = roles[i];
let role_id = "role_" + role.replace(/ /g, "_");
if (game.random && game.status === 0)
role = "Random " + (i+1);
document.getElementById(role_id + "_name").textContent = role;
let player = players.find(p => p.role === role);
let element = document.getElementById(role_id);
if (player) {
if (game.status > 0) {
if (game.active === role || game.active === "Both" || game.active === "All")
element.className = "your_turn";
else
element.className = "";
if (player.user_id === user_id)
element.innerHTML = `<a href="/play/${game.game_id}/${role}">Play</a>`;
else
element.innerHTML = player.name;
} else {
if ((player.user_id === user_id) || (game.owner_id === user_id))
element.innerHTML = `<a class="red" href="javascript:send('/part/${game.game_id}/${role}')">\u274c</a> ${player.name}`;
else
element.innerHTML = player.name;
}
} else {
if (game.status === 0)
//element.innerHTML = `<a class="join" href="javascript:send('/join/${game.game_id}/${role}')">Join</a>`;
element.innerHTML = `<a class="join" onclick="send('/join/${game.game_id}/${role}')" href="javascript:void 0">Join</a>`;
else
element.innerHTML = "<i>Empty</i>";
}
}
let message = window.message;
if (game.status === 0) {
if (ready && (game.owner_id === user_id))
message.innerHTML = "Ready to start...";
else if (ready)
message.innerHTML = "Waiting for game to start...";
else
message.innerHTML = "Waiting for players to join...";
} else {
message.innerHTML = `<a class="play" href="/play/${game.game_id}/Observer">Observe</a>`;
}
if (game.owner_id === user_id) {
window.start_button.disabled = !ready;
window.start_button.classList = (game.status === 0) ? "" : "hide";
window.delete_button.classList = (game.status === 0 || solo) ? "" : "hide";
}
}
window.onload = function () {
update();
if (game.status < 2) {
start_event_source();
timer = setInterval(start_event_source, 15000);
}
}
|
