-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (137 loc) · 6.63 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 name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scale=2.0">
<meta charset="utf-8">
<title>1072 Scouting</title>
<script src="easy.qrcode.min.js"></script>
<script src="TBAInterface.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap" rel="stylesheet">
</head>
<body>
<div class="page">
<span id="header">1072 Scouting</span>
<div class="content" id="content-landing">
<div class="text-input element">
<span>Scouter Name</span>
<input type="text" id="data-scouter-name">
</div>
<div class="text-input element">
<span>Match Number</span>
<input type="number" id="data-match-number" onkeyup="updateTeams()">
</div>
<div class="text-input element">
<span>Team Number</span>
<input type="number" id="data-team-number">
</div>
<div class="element">
<span id="bm-quote"></span>
</div>
</div>
<div class="content" id="content-auton">
<div class="checkbox element">
<span>Init Line Passed</span>
<input type="checkbox" id="data-initiation-line">
</div>
<div class="checkbox element">
<span>Human Player Scored</span>
<input type="checkbox" id="data-hp-scored">
</div>
<div class="timer element">
<span>Brick Time</span>
<div class="timer-div">
<span class="timer-text brick-timer">00:00</span>
<button class="timer-ss timer-stopped" onclick="toggleTimer(this)">Start</button>
</div>
</div>
<div class="field-div">
<div class="field" onclick="addShot(event, this)"></div>
<div class="field-btns-div">
<button class="undo-btn" onclick="undoShot()">Undo Shot</button>
<button class="flip-btn" onclick="flipField()">Flip Field</button>
</div>
</div>
</div>
<div class="content" id="content-teleop">
<div class="timer element">
<span>Brick Time</span>
<div class="timer-div">
<span class="timer-text brick-timer">00:00</span>
<button class="timer-ss timer-stopped" onclick="toggleTimer(this)">Start</button>
</div>
</div>
<div class="timer element">
<span>Defense Time</span>
<div class="timer-div">
<span class="timer-text defense-timer">00:00</span>
<button class="timer-ss timer-stopped" onclick="toggleTimer(this)">Start</button>
</div>
</div>
<div class="field-div">
<div class="field" onclick="addShot(event, this)"></div>
<div class="field-btns-div">
<button class="undo-btn" onclick="undoShot()">Undo Shot</button>
<button class="flip-btn" onclick="flipField()">Flip Field</button>
</div>
</div>
</div>
<div class="content" id="content-endgame">
<div class="timer element">
<span>Climb Time</span>
<div class="timer-div">
<span class="timer-text climb-timer">00:00</span>
<button class="timer-ss timer-stopped" onclick="toggleTimer(this)">Start</button>
</div>
</div>
<div class="radios element">
<span>Climb Level</span>
<div class="climb-level-div">
<label>
<input name="data-climb-level" type="radio" id="no-climb"> No Climb
</label>
<label>
<input name="data-climb-level" type="radio" id="low-climb"> Low
</label>
<label>
<input name="data-climb-level" type="radio" id="mid-climb"> Mid
</label>
<label>
<input name="data-climb-level" type="radio" id="high-climb"> High
</label>
<label>
<input name="data-climb-level" type="radio" id="traversal-climb"> Traversal
</label>
</div>
</div>
</div>
<div class="content" id="content-comments">
<div class="text-area element">
<textarea id="data-comments" maxlength="200" placeholder="Leave comments here..."></textarea>
</div>
</div>
<div class="content" id="content-qr">
<div id="qr-div">
</div>
</div>
<div class="footer">
<button class="prev-btn nav-btn" onclick="prevPage()">Prev</button>
<button class="next-btn nav-btn" onclick="nextPage()">Next</button>
</div>
</div>
<div class="modal">
<div class="modal-content">
<div class="modal-header-div">
<span class="close-button" onclick="closeModal()">×</span>
</div>
<div class="modal-content-div">
<button class="modal-btn" id="missed-btn" onclick="addShotOutcome(this)">Missed</button>
<button class="modal-btn" id="lower-btn" onclick="addShotOutcome(this)">Lower</button>
<button class="modal-btn" id="upper-btn" onclick="addShotOutcome(this)">Upper</button>
</div>
</div>
</div>
</body>
</html>