-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgridView.html
91 lines (78 loc) · 3.45 KB
/
gridView.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Season End Scenarios</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="assets/js/scripts-grid.js"></script>
<script src="assets/js/mustache.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/fixedheader/2.1.2/js/dataTables.fixedHeader.min.js"></script>
</head>
<body>
<div class="container">
<div class="page-header">
<h1 class="standings">Season End Scenarios</h1>
<p class="lead">Pick the winners of remaining games to see where your team will finish in the standings.</p>
<p>Data accurate as of day-end 4/9/2015. Contact <a href="http://twitter.com/alexgoogs", target="_blank">@alexgoogs</a> with questions/comments. You can go back to the <a href="index.html">regular view</a> here.</p>
</div>
<h3>Step 1: Teams - All, Current Standings</h3>
<p>You can use the default selectors -- Tank Teams, East Wildcard Race, West Wildcard Race, or West Seeding Race. (If there are other team groups you want to see, let me know). Alternatively, you can manually select teams for end-of-season simulation. You can filter to conference/division/etc. by searching.</p>
<select id="prePopulateTeams">
<option value=""></option>
<option value="tankTeams">Tank Teams</option>
<option value="easternPlayoff">East Wildcard Race</option>
<option value="westernSeeding">West - Seeding</option>
</select>
<h4 id="hideTable">Click here to show/hide all teams.</h4>
<table class="table table-condensed" id="teamTable">
<thead>
<tr>
<th>View?</th>
<th></th>
<th>Team</th>
<th>Conference</th>
<th>Division</th>
<th>Current Points</th>
<!-- <th>Your Points</td> -->
<th>ROW</th>
<!-- <th>Your ROW</th> -->
</tr>
</thead>
<tbody id="tankTeams">
</tbody>
</table>
<h3>Selected Teams</h3>
<p>Teams appear below after selection. Updated points are calculated based on the game results selected in step #2.</p>
<table class="table table-condensed" id="selectedTeamsTable">
<thead>
<tr>
<th></th>
<th>Team</th>
<th>Conference</th>
<th>Division</th>
<th>Your Points</td>
<th>Your ROW</th>
<th>Your Games Left</th>
<th>Totals</th>
</tr>
</thead>
<tbody id="selectedTeamsBody">
</tbody>
</table>
<h3>Step 2: Remaining Games</h3>
<p>Pick the result of each game for your selected team(s). You can search for a team if you want to filter to one team at once..</p>
<table class="table table-condensed gameTable" id="gamesTable">
<thead id="gameHeader">
</thead>
<tbody id="gameData">
</tbody>
</table>
</div>
</body>
</html>