forked from Sjorslinden/EindopdrachtFED2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (115 loc) · 3.53 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ultimate frisbee app!</title>
<link href="static/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<img src="media/images/skeleton.png" alt="Web App Skeleton" data-source="http://www.gettyicons.com/free-icon/119/halloween-icon-set/free-skull-icon-png/">
<h1>Ultimate Frisbee</h1>
<nav>
<ul>
<li><a href="#/game">Game</a></li>
<li><a href="#/ranking">Ranking</a></li>
<li><a href="#/schedule">Schedule</a></li>
<li><a href="#/updateScore">Form</a></li>
</ul>
</nav>
</header>
<article id="content" class="col">
<section data-route="game" class="active">
<h1 data-bind="title"></h1>
<table>
<tr>
<td>Ranking</td>
<td>Team</td>
<td>Score</td>
<td>Team</td>
<td>Score</td>
</tr>
</table>
<section>
<table>
<tr>
<td data-bind="id"></td>
<td data-bind="team_1"><span data-bind="name"></td>
<td data-bind="team_1_score"></td>
<td data-bind="team_2"><span data-bind="name"></td>
<td data-bind="team_2_score"></td>
</tr>
</table>
</section>
</section>
<section id="updateScore" data-route="updateScore">
<br><form method="post" onSubmit="APP.post.gameScore();return false" >
<h1 data-bind="start_time"></h1>
<label><input type="text" data-bind="team_1_score" id="team_1_score" placeholder="11 (statisch)"></label>
<label><input type="text" data-bind="team_2_score" id="team_2_score" placeholder="12 (statisch)"></label>
<label><input type="text" data-bind="id" id="game_id" placeholder="12 (statisch)"></label>
<input type="submit">
</form>
</section>
<section data-route="ranking">
<h1 data-bind="title"></h1>
<table>
<tr>
<td>Team</td>
<td>Win</td>
<td>Lost</td>
<td>Sw</td>
<td>Sl</td>
<td>Pw</td>
<td>Pl</td>
</tr>
</table>
<section data-bind="standings">
<table>
<tr>
<td data-bind="team"><span data-bind="name"></td>
<td data-bind="wins"></td>
<td data-bind="losses"></td>
<td data-bind="plus_minus"></td>
<td data-bind="points_allowed"></td>
<td data-bind="points_scored"></td>
<td data-bind="Pl"></td>
</tr>
</table>
</section>
</section>
<section data-route="schedule">
<h1 data-bind="title"></h1>
<table>
<tr>
<td>Data</td>
<td>Team 1</td>
<td>Team 1 score</td>
<td>Team 2</td>
<td>Team 2 score</td>
</tr>
</table>
<section data-bind="items">
<table>
<tr>
<td data-bind="date"></td>
<td data-bind="name"></td>
<td data-bind="team1Score"></td>
<td data-bind="team2"></td>
<td data-bind="team2Score"></td>
</tr>
</table>
</section>
</section>
</article>
</script>
<!-- Libs -->
<script src="static/js/lib/routie.min.js"></script>
<script src="static/js/lib/ready.min.js" type="text/javascript"></script>
<script src="static/js/lib/qwery.min.js" type="text/javascript"></script>
<script src="static/js/lib/transparancy.min.js" type="text/javascript"></script>
<script src="promise.js" type="text/javascript"></script>
<!-- Application -->
<script src="static/js/app.js"></script>
</body>
</html>