This repository was archived by the owner on Aug 13, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (138 loc) · 5.82 KB
/
index.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
131
132
133
134
135
136
137
138
139
140
<html>
<head>
<meta charset="UTF-8"/>
<title>Stratego</title>
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<link href='css/main.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='css/game.css' media='screen' rel='stylesheet' type='text/css'/>
</head>
<body>
<div id="backgroundback"><div id="background"></div></div>
<div id="connected" class="hide"><p>verbonden met server</p></div>
<div id="notconnected" class="hide"><p>nog niet verbonden met server</p></div>
<div id="login">
<div class="popupBackground">
<div class="form popup">
<div class="content">
<div>
<p id="errorLogin"></p>
<p>Vul je ApiKey in</p>
<input type="text" id="loginInput" name="FirstName">
</div>
<div>
<input type="button" id="loginClick" value="Inloggen">
</div>
</div>
</div>
</div>
</div>
<div id="lobby" class="hide">
<div class="popupBackground">
<div class="form popup">
<div id="lobbylist">
<div id="userinfo">
<p>naam: <span id="usernamelobby"></span></p>
</div>
<table id="gamelist">
<thead>
<tr>
<th>Tegen</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div id="lobbybuttons">
<div class="buttonslist">
<button id="buttoncreate">Nieuwe aanmaken</button>
<button id="buttonverwijderalles">Verwijder Alle games</button>
<button id="buttonjoin" disabled="disabled">meedoen</button>
<button id="buttonverwijderen" disabled="disabled">Verwijder game</button>
</div>
</div>
</div>
<div id="popupremovegame" class="popupBackground hide">
<div class="form popup">
<div class="content">
<p>Weet je zekker dat je deze wilt verwijderen?</p>
<button id="buttonyesdeleteone">Ja</button>
<button id="buttonnodeleteone">Nee</button>
<button class="buttonexitpopup">x</button>
</div>
</div>
</div>
<div id="popupremovegames" class="popupBackground hide">
<div class="form popup">
<div class="content">
<p>Weet je zekker dat je alle games wilt verwijderen?</p>
<button id="buttonyesdeleteall">Ja</button>
<button id="buttonnodeleteall">Nee</button>
<button class="buttonexitpopup">x</button>
</div>
</div>
</div>
<div id="popupnewgame" class="popupBackground hide">
<div class="form popup">
<div class="content">
<p>Wilt u een match met een computer of een echte speler?</p>
<h5>Er kan maar een game wachten op een nieuwe tegenstander tegelijk.</h5>
<button id="buttoncreateai">Computer</button>
<button id="buttoncreatereal">Echte speler</button>
<button class="buttonexitpopup">x</button>
</div>
</div>
</div>
</div>
</div>
<div id="game" class="hide">
<div class="popupBackground">
<div class="form popup">
<div class="gamestatus">
<p id="gamestatus">test0</p>
</div>
<div class="gameboard">
</div>
<div class="gamepawns">
</div>
<div id="saveBoard" class="hidden">
<input type="button" id="saveBoardButton" value="Boord is gereed">
</div>
</div>
<div id="lobbybackbutton"><p>Naar lobby</p></div>
<div id="popupGameWon" class="popupBackground hide">
<div class="form popup">
<div class="content">
<p>Je hebt gewonnen</p>
</div>
</div>
</div>
<div id="popupGameLost" class="popupBackground hide">
<div class="form popup">
<div class="content">
<p>Je hebt verloren</p>
</div>
</div>
</div>
</div>
<script src='js/socket.io.min.js' type='text/javascript' defer></script>
<script src='js/database.js' type='text/javascript' defer></script>
<script src='js/model/piece.js' type='text/javascript' defer></script>
<script src='js/model/square.js' type='text/javascript' defer></script>
<script src='js/model/player.js' type='text/javascript' defer></script>
<script src='js/model/board.js' type='text/javascript' defer></script>
<script src='js/model/game.js' type='text/javascript' defer></script>
<script src='js/model/lobby.js' type='text/javascript' defer></script>
<script src='js/model/account.js' type='text/javascript' defer></script>
<script src='js/view/board.js' type='text/javascript' defer></script>
<script src='js/view/game.js' type='text/javascript' defer></script>
<script src='js/view/lobby.js' type='text/javascript' defer></script>
<script src='js/view/login.js' type='text/javascript' defer></script>
<script src='js/controller/board.js' type='text/javascript' defer></script>
<script src='js/controller/game.js' type='text/javascript' defer></script>
<script src='js/controller/lobby.js' type='text/javascript' defer></script>
<script src='js/controller/main.js' type='text/javascript' defer></script>
</body>
</html>