-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
60 lines (55 loc) · 2.03 KB
/
main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Class Tracker</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<body>
<div>
<h2>Class Tracker</h2>
</div>
<div class="button-wrap">
<h3>Select what day(s) the meeting(s) you are trying to find took place</h3>
<div class="dateError" id="dateError"></div>
<label for="fromDate">From:</label>
<input type="date" id="fromDate" required pattern="\d{4}-\d{2}-\d{2}">
<br>
<label for="toDate">To:</label>
<input type="date" id="toDate" required pattern="\d{4}-\d{2}-\d{2}">
<label id="zoomLink" class="upload_bottom" style="font-size: 1.25rem !important;">Search ZOOM Reports</label>
</div>
<div class="drop-area">
<i class="bi bi-file-earmark-arrow-up"></i>
<h3>Drag your files here or browse for file (.csv)</h3>
</div>
<div class="button-wrap">
<label class="upload_bottom" for="upload">Browse Files</label>
<input id="upload" type="file" name="files[]">
</div>
<div class="button-wrap">
<label id="openSettings" class="upload_bottom">Settings</label>
</div>
<div>
<h2>Help</h2>
<ol style="margin: 1em; padding-bottom: 20px">
<li>Date selectors to pick a day(s) and click the search button to find
attendance reports.</li>
<li>Download the .CSV file without altering any other settings.</li>
<li>Then simply drag the newly
downloaded file to the upload box to view the attendance sheet of that meeting.</li>
</ol>
</div>
<!-- Note: This is meant to display errors about file uploads -->
<div class="bottom" id="bottom">
</div>
</body>
<script src="js/URL_Param.js"></script>
<script src="js/StudentConnection.js" defer></script>
<script src="js/Student.js" defer></script>
<script src="js/StudentClass.js" defer></script>
<script src="js/AliasCore.js" defer></script>
<script src="js/ZOOMparse.js" defer></script>
<script src="js/main.js" defer></script>
</html>