forked from Team2890HawkCollective/pitWeb
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAlerts.html
More file actions
203 lines (184 loc) · 10.5 KB
/
Alerts.html
File metadata and controls
203 lines (184 loc) · 10.5 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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html>
<head>
<title>pitWeb Alerts</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel = "stylesheet" href = "Styles.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="tasklist.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script type="text/javascript" src="clock.js"></script>
<script type="text/javascript" src="alerts.js"></script>
<script type="text/javascript" src="tasklist.js"></script>
<script type="text/javascript">
window.onload = updatoAlerto;
</script>
</head>
<body class="inverseBg">
<!-- 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 active" href="Alerts.html">Alerts</a></li>
<li class="nav-item"><a class="nav-link mx-2" 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="updatoAlerto();" data-dismiss="modal">Save</button>
</div>
<!--/Modal footer-->
</div>
<!--/Modal content-->
</div>
</div>
<!--/Settings modal-->
<div class="row fonts" style= "height: 60vh">
<div class="col-4 mt-5 ml-5 mr-4.5 mb-5 boxes smfonts" style=" height: 60vh">Slack
<!--Alert Box-->
<div class="row">
<div class="col">
<div class="row">
<!--<div class="col alertBox" id="alertBox">
</div> -->
</div>
<div class="row">
<div class="col" id="sendMessage">
<form class="form-inline" id="messageForm">
<div class="form-group">
<input type="text" class="form-control" id="message" style="width: 29vw"></input>
<button type="button" onclick="sendMessage();" class="btn btn-secondary">Send</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<table class="col alertBox" style="display: block; max-height: 50vh; max-width: 45vw; overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; text-align: left;">
<tr>
<td id="alertBox">
</td>
</tr>
</table>
</div>
<!--/Alert Box-->
</div>
<div class="col mt-5 mb-1 ml-5 mr-4.5 msgBox" style="height: 60vh">Task List
<form id="taskEntryForm">
<input id="taskInput" style="width: 21vw; box-align: left" placeholder="Enter task"/>
</form>
<ul id="taskList" class="todolistul"></ul>
<div style="position: absolute; bottom: 0; box-align: left; width: 22.5vw">
<button id="clear" class="clear" style="width: 20vw; border-radius: 8px; box-align: left">Clear all</button>
</div>
</div>
<div class="col-4 my-5 mx-5 px-0 msgBox special smfonts" style="height: 60vh">
<embed id="inspectionStatus" style="width:100%; height: 100%; border: 20px solid #2C2F33; border-radius: 8px; overflow: hidden">
<script>
const embed = document.getElementById('embed')
/*embed.on('signIn', data => {
console.log(`Guest signed in as ${data.name}`)
embed.emit('sendMessage', 'Hello world')
})*/
</script>
</div>
</div>
<div class ="row">
<div class="col-12" style="color:lightslategray">sad</div>
</div>
<div class ="row fonts">
<div class="col-4 mt-5 ml-5 mr-5 boxes" style="font-family:'Courier New', Courier, monospace;height: 15vh">2890: Good Luck!</div>
<div class="col mt-5 ml-4.5 mr-4.5 rboxes" style="height: 15vh">00:00:00</div>
<div class="col-4 mt-5 ml-5 mr-5 boxes" style="height:15vh">COLOR - Q#</div>
</div>
<script type="text/javascript" src="slack.js"></script>
<script type="text/javascript" src="settings.js"></script>
</body>
</html>