-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
158 lines (122 loc) · 6.85 KB
/
test.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="/static/css/tournament.css">
<title>Tournament DashBoard</title>
<div class="container">
<h3 class="text-center" id="header">Welcome to your Tournament Dashboard - Loading tournament...</h3>
<div class="container" id="tourney-dashboard"></div>
<div id="accordion">
<div class="card">
<div class="card-header" id="heading0">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapse0" aria-expanded="true" aria-controls="collapse0">
Bracket
</button>
</h5>
</div>
<div id="collapse0" class="collapse" aria-labelledby="heading0" data-parent="#accordion">
<div id="accordion0">
<!-- start of accordions accordion -->
<!-- start of one rounds dropdown -->
<div class="card">
<div class="innercard card-header" id="headingOne">
<h5 class="mb-0">Winners Round 1 - Exepected Opponent: Cranberry - Expected Result: Win
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Click for other potential opponents
</button>
</h5>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion0">
<div class="container">
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
<a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-action">Vestibulum at eros</a>
</div>
</div>
</div>
</div>
<!-- end of one rounds dropdown -->
<!-- start of one rounds dropdown -->
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Collapsible Group Item #2
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion0">
<div class="card-body">
Winners Round 2
</div>
</div>
</div>
<!-- end of one rounds dropdown -->
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Collapsible Group Item #3
</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion0">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<!-- end of accordions accordion -->
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading1">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
top 16
</button>
</h5>
</div>
<div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordion">
<div id="accordion1">
hello
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading2">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2">
top 4
</button>
</h5>
</div>
<div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordion">
<div id="accordion2">
hello
</div>
</div>
</div>
</div>
<!-- in here should be an accordion from bootstrap. it should have the different phases of the event listed, upon clicking on one of them
the users upcoming matches appear. These upcoming matches should also be an accordion that each open up into all the potential opponents for
that round... clicking on one of these should send us to a player scouting page that has yet to be created. Each round should either be
1. green if the entrant has already won that round (doesn't need to be accordion peice here)
2. red if the entrant has already lost that round (doesn't need to be accordion peice here)
3. very light green if the entrant is projected to win this round
4. very light red if the entrant is projected to lose this round
For types 3 & 4 we need to include a flip for "what if I win this match" and upon flicking this switch
we essentially recalculate the entire dashboard assuming the entrant wins/loses at that point (this will affect other phases of the tournament as well).
Note: 3 will have the switch pre-set to "what if I win this match"
Note: 4 will have the switch pre-set to "what if I lose this match" -->
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="/static/js/tournament.js"></script>
<script type="text/javascript">
page_load({{ tournament }}, {{ event }}, {{entrant}})
</script>