-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlobby.html
130 lines (120 loc) · 4.07 KB
/
lobby.html
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
{% extends "base.html" %}
{% block script %}
<script type="text/javascript" src="/javascript/lobby.js"></script>
<script type="text/javascript" src="/javascript/chat.js"></script>
{% endblock %}
{% block header %}
<div class="header">
<a href="/">Main</a>
</div>
{% endblock %}
{% block logo %}
<div class="logo">
<img src="images/logo.png" width="105px" height="111px"/>
<span id="lobbyStatus">Battle Lobby<br/>Contacting server...</span>
</div>
{% endblock %}
{% block content %}
<br/>
<img class="busy" src="/images/spin32.gif"/>
<div class="gameStuff">
<div class="playerTable">
<div class="playerTitle">Players</div>
<div class="playerList">
</div>
</div>
<div class="gameList">
<table class="gameTable zebra">
<tr class="gameTableHeader">
<th>Player 1</th>
<th>Player 2</th>
<th>Time</th>
<th>Action</th>
</tr>
</table>
</div>
</div>
<div class="offerGame">
<a class="btn" id="inviteFriend">Challenge a friend</a>
<a class="btn" id="offerNewGame">Offer public game</a>
</div>
<div class="chat">
</div>
Chat: <input type="text" id="chatInput" style="width:75%">
<a class="btn" id="sendLobbyChat">Send</a>
<div id="offerBlitzGameDialog" class="dialogContent">
<div class="dialogTitle">Offer Public Game</div>
<div class="dialogBody">
This will create an open game that any player can join.<br/><br/>
<form id="offerForm">
<div class="radioGroup">
<input type="radio" checked="checked" name="game_type" value="blitz-5" />Blitz Chess (5 minutes per side)<br/>
<input type="radio" name="game_type" value="blitz-10"/>Speed Chess (10 minutes per side)<br/>
<input type="radio" name="game_type" value="chess"/>Chess (regular chess - no time limits)<br/>
<input type="radio" name="game_type" value="dex" />Dex (Play the Turn-Based RPG)<br />
</div>
<div class="checkboxGroup">
<input type="checkbox" name="public" checked="checked" value="true"/>Allow spectators to watch this game
</div>
</form>
<div class="buttonBar">
<span>
<a class="btn" id="sendGameOffer">Offer Game</a>
<a class="btn" id="closeModal">Cancel</a>
</span>
</div>
</div>
</div>
<div id="joinDialog" class="dialogContent">
<div class="dialogTitle">Join game</div>
<div class="dialogBody">
You have been invited to a game of chess by <span id="inviter">friend</span>
</div>
<div class="buttonBar">
<a class="btn" id="joinGame">Accept invitation</a>
<a class="btn" id="closeModal">Return to lobby</a>
</div>
</div>
<div id="enterDialog" class="dialogContent">
<div class="dialogTitle">Enter Blitz game</div>
<div class="dialogBody">
You have an active Blitz game versus <span id="blitzOpponent">enemy</span>.
</div>
<div class="buttonBar">
<a class="btn" id="goGame">Go to game</a>
<a class="btn" id="closeModal">Return to lobby</a>
</div>
</div>
<div id="inviteFriendDialog" class="dialogContent">
<div class="dialogTitle">Challenge a friend</div>
<div class="dialogBody">
<form id="inviteForm">
<div class="error" style="display:none"></div>
<label>Friend's email address:</label></br>
<input id="email" name="email" type="text" style="width:50%" />
<br/>
<br/>
<label>Game type:</label><br/>
<div class="radioGroup">
<input type="radio" checked="checked" name="game_type" value="blitz-5" />Blitz Chess (5 minutes per side)<br/>
<input type="radio" name="game_type" value="blitz-10"/>Speed Chess (10 minutes per side)<br/>
<input type="radio" name="game_type" value="chess"/>Chess (regular chess - no time limits)<br/>
</div>
<div class="checkboxGroup">
<input type="checkbox" name="public" checked="checked" value="true"/>Allow spectators to watch this game
</div>
</form>
<div class="buttonBar">
<span>
<a class="btn" id="sendInvite">Send game invite</a>
<a class="btn" id="closeModal">Cancel</a>
</span>
</div>
</div>
</div>
{% endblock %}