summaryrefslogtreecommitdiff
path: root/views/join.ejs
blob: b4e4718f75ee0c477d6734b99d183cc4781dd952 (plain)
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
<%- include('header', { title: game.title_name }) -%>
<style>
table { min-width: auto; }
th, td { min-width: 10em; }
a.red { text-decoration: none; color: brown; }
td a { text-decoration: underline; color: blue; }
.hide { display: none; }
</style>
<script>
let game = <%- JSON.stringify(game) %>;
let roles = <%- JSON.stringify(roles) %>;
let players = <%- JSON.stringify(players) %>;
let user_id = <%- user.user_id %>;
let ready = <%- ready %>;
</script>
<script src="/join.js"></script>
<p id="error" class="error"></p>

<a href="/info/<%= game.title_id %>"><img class="logo" src="/<%= game.title_id %>/cover.jpg"></a>

<div class="info">
<p>
Owner: <%= game.owner_name %>
<% if (game.private) { %>
(private)
<% } %>
<br>
Scenario: <%= game.scenario %>
<br>
Options: <%= game.options %>

<p>
<%= game.description || "No description." %>

<br clear=left>

<table class="small">
<tr>
<% roles.forEach((role) => { %>
<th class="command" id="role_<%= role.replace(/ /g, '_') %>_name"><%= role %></th>
<% }); %>
<tr>
<% roles.forEach((role) => { %>
<td class="command" id="role_<%= role.replace(/ /g, '_') %>">-</td>
<% }); %>
<tr>
<td class="command" id="message" colspan="<%= roles.length %>">-</td>
</table>

<p>
<button class="hide" id="delete_button" onclick="confirm_delete()">Delete</button>
<button class="hide" id="start_button" onclick="javascript:send('/start/<%= game.game_id %>')" disabled>Start!</button>