-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathclock.html
More file actions
executable file
·188 lines (177 loc) · 9.77 KB
/
clock.html
File metadata and controls
executable file
·188 lines (177 loc) · 9.77 KB
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!doctype html>
<html lang="en">
<head>
<title>pitWeb Clock</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="Styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="clock.js"></script>
<script type="text/javascript" src="schedule.js"></script>
<script type="text/javascript" src="slack.js"></script>
<script type="text/javascript">
window.onload = initClock;
</script>
</head>
<body class="bg">
<!-- Navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<!--Navbar Brand-->
<a class="navbar-brand" href="index.html">PitWeb</a>
<!--/Navbar Brand-->
<!--Collapse Navbar button-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!--/Collapse Navbar button-->
<!--Navbar body-->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<!--Navbar items-->
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link mx-2" href="Alerts.html">Alerts</a></li>
<li class="nav-item"><a class="nav-link mx-2 active" href="clock.html">Clock</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="notepad.html">Notepad</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="photos.html">Photos</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="references.html">References</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="scouting.html">Scouting App</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="video.html">Game Livestream</a></li>
</ul>
<!--/Navbar items-->
<!--Settings page button-->
<button type="button" class="btn btn-outline-light navbar-btn" data-toggle="modal" data-target="#settingsModal">Settings</button>
<!--/Settings page button-->
</div>
<!--/Navbar body-->
</nav>
<!--/Navbar-->
<!--Settings modal-->
<div class="modal hide fade" id="settingsModal">
<div class="modal-dialog modal-lg">
<!--Modal content-->
<div class="modal-content">
<!--Modal header-->
<div class="modal-header">
<h4 class="modal-title">Settings</h4>
<button type="button" class="close" data-dismiss="modal">X</button>
</div>
<!--/Modal header-->
<!--Modal body-->
<div class="modal-body">
<!--Settings form-->
<form id="settings">
<!--Team number input-->
<div class="form-group">
<label for="teamNumber">Team Number:</label>
<input type="text" class="form-control" id="teamNumber" value="">
</div>
<!--Event key input-->
<div class="form-group">
<label for="eventKey">Event Key:</label>
<input type="text" class="form-control" id="eventKey" value="">
</div>
<!--Slack API key input-->
<div class="form-group">
<label for="slackAPI">Slack API Key</label>
<input type="text" class="form-control" id="slackAPI" value="">
</div>
<!--Slack Channel ID input-->
<div class="form-group">
<label for="slackChannel">Slack Channel ID</label>
<input type="text" class="form-control" id="slackChannel" value="">
</div>
<!--Twitch stream input-->
<div class="form-group">
<label for="channelID">Twitch Stream Channel Name:</label>
<input type="text" class="form-control" id="channel" value="">
</div>
<b>Debugging tools</b>
<!--Match Number input-->
<div class="form-group">
<label for="matchNum">Match Number:</label>
<input type="text" class="form-control" id="matchNum" value="">
</div>
<!--Display data in console checkbox-->
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox"> Print requested data in console
</label>
</div>
</form>
<!--Settings form-->
</div>
<!--Modal body-->
<!--Modal footer-->
<div class="modal-footer">
<!--Close button-->
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<!--Save button (calls updateSettings())-->
<button type="button" class="btn btn-primary" onclick="updatePage();" data-dismiss="modal">Save</button>
</div>
<!--/Modal footer-->
</div>
<!--/Modal content-->
</div>
</div>
<!--/Settings modal-->
<div class="row fonts" style="height: 15vh">
<div class="col-4 mt-3 ml-5 mr-4.5 boxes" style="height:15vh; font-size: 2vw; color: black;" id="slackAlert">SLACK</div>
<div class="col mt-3 ml-5 mr-4.5 boxes" style="height:15vh; font-size: 2.5vw; color: black;" id="matchAlert">MATCH</div>
<div class="col-4 mt-3 ml-5 mr-5 boxes" style="height:15vh; color: black;" id="discordAlert">DISCORD</div>
</div>
<div class ="row mt-4">
<!-- <div class ="row" style="height:5vh"> -->
<div class="col-12" style="color:lightslategray"></div>
</div>
<div class="row fonts" style="height:15vh">
<div class ="col-4 mt-3 ml-5 mr-1 boxes" id="allyColor" style="height:15vh; font-size: 5vw;">COLOR : Q#</div>
<div class ="col-7 mt-3 ml-5 mr-3 rboxes" id="timer" style="height: 15vh; font-size: 6vw;">00:00:00</div>
</div>
<div class ="row" style="height:5vh">
<div class="col-12" style="color:lightslategray">sad</div>
</div>
<div class="row" style="height:60vh">
<div class="col">
<div class="row">
<div class="col mt-0 ml-5 mr-2 mb-3 pt-3 boxes smfonts" id="teammates" style="height: 27vh; font-size: 4vw;">222<br>333<br></div>
<div class="col mt-0 ml-2 mr-2 mb-3 boxes smfonts" id="opponents" style="height: 27vh; font-size: 3vw;">555<br>666<br>777</div>
</div>
<div class="row">
<div class="col mt-2 ml-5 mr-2 mb-0 boxes smfonts" id="rank" style="height: 20vh; font-size: 3.5vw;">Rank<br>#</div>
<div class="col mt-2 ml-2 mr-2 mb-0 pt-4 boxes smfonts" id="wlt" style="height: 20vh; font-size: 5vw;">w/l/t</div>
</div>
</div>
<div class="col-7 ml-5 mr-5 mb-5 boxes" style="height:50vh; background-color: white;">
<a href="schedule.html"> <!--Makes the schedule clickable and opens a fullscreen view-->
<!--Table-->
<table class="table table-striped table-bordered" style="display: block; max-height: 100%; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; font-size: 1.85vw;" id="schedule">
<!--Header-->
<thead>
<tr>
<th>Time</th>
<th>Match #</th>
<th>Blue 1</th>
<th>Blue 2</th>
<th>Blue 3</th>
<th>Red 1</th>
<th>Red 2</th>
<th>Red 3</th>
</tr>
</thead>
<!--/Header-->
<!--Body-->
<tbody>
</tbody>
<!--/Body-->
</table>
<!--/Table-->
</a>
</div>
</div>
<!--/Bottom Box-->
<script type="text/javascript" src="settings.js"></script> <!--Runs the settings.js file which loads previously saved settings-->
<script type="text/javascript" src="timer.js"></script>
</body>
</html>