-
Notifications
You must be signed in to change notification settings - Fork 0
/
helloworld.html
116 lines (105 loc) · 4.56 KB
/
helloworld.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="https://fdagher1.github.io/helloworld/icon.png">
<link rel="stylesheet" href="css/styles.css">
<link rel="manifest" href="manifest.json">
<!--adding an async tag can help the browser load without waiting for each script to finish execution first-->
<script src="js/1-event_handling.js"></script>
<script src="js/2-file_handling.js"></script>
<script src="js/3-data_retrieval.js"></script>
<script src="js/4-data_validity.js"></script>
<script src="js/5-data_display.js"></script>
<script src="js/6-helper_functions.js"></script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(registration => {
console.log('Service Worker registered with scope:', registration.scope);
})
.catch(error => {
console.error('Service Worker registration failed:', error);
});
}
</script>
</head>
<body id="body" class="darkclass">
<div id="top-grid">
<div><label id="label-header">Hello World</label></div>
<div>
<label for="button-themetoggle" id="label-button-theme" >Switch to Light Theme</label>
<input type="button" id="button-themetoggle" onclick="eventDarkModeButtonClicked()" hidden>
</div>
<div>
<label for="button-modetoggle" id="label-button-mode" >Switch to Write Mode</label>
<input type="button" id="button-modetoggle" disabled onclick="eventAppModeButtonClicked()" hidden>
</div>
<div><input type="password" id="textbox-password" placeholder="(Enter Password)"></div>
<div>
<label for="button-upload" id="label-button-upload" >Load File</label>
<input type=file name="files[]" id="button-upload" accept=".csv" hidden onchange="eventUploadButtonClicked(event)">
</div>
<div><label id="label-filters"></label></div>
</div>
<div id="filter-grid" style="display: none;">
<div class="dropdown-criteria-list" id="yearDropdownDiv" onclick="eventCriteriaDropdownClicked(event)">
<span class="anchor">All Years</span>
<ul class="items" id="timeItems">
<li><input type="checkbox" onchange="eventCheckboxSelected()" />Place Holder </li>
</ul>
</div>
<div class="dropdown-criteria-list" id="locationDropdownDiv" onclick="eventCriteriaDropdownClicked(event)">
<span class="anchor">All Locations</span>
<ul class="items" id="locationItems">
<li><input type="checkbox" onchange="eventCheckboxSelected()" />Place Holder </li>
</ul>
</div>
<div class="dropdown-criteria-list" id="eventDropdownDiv" onclick="eventCriteriaDropdownClicked(event)">
<span class="anchor">All Events</span>
<ul class="items" id="eventItems">
<li><input type="checkbox" onchange="eventCheckboxSelected(event)" />Place Holder </li>
</ul>
</div>
<div>
<select id="select-displayoption" onchange="eventDisplayOptionSelected()">
<option value="Show All Lines">Show All Lines</option>
</select>
</div>
<div><input type="text" id="textbox-keyword" placeholder="(Search Criteria)" oninput="eventKeywordEntered()"></div>
<div>
<label for="button-displaytable" id="label-button-display" >Display</label>
<input type="button" id="button-displaytable" hidden onclick="eventDisplayButtonClicked()">
</div>
<div><label id="label-filters"></label></div>
</div>
<div id="output-table">
<table>
<thead id="thead">
<tr>
<th>Please upload your file!</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
</div>
<div id="input-grid" style="display: none;">
<div>
<div><input id="input-date" type="date" onchange="eventInputDateChanged(event)"></div>
<div><input id="input-location" type="text" ></div>
<div><textarea id="input-events" rows="8" ></textarea></div>
</div>
<div>
<label for="button-submit" id="label-button-submit" >Save File</label>
<input type="button" id="button-submit" hidden onclick="eventSaveButtonClicked()">
</div>
</div>
<div>
<table>
<tbody id="errorcontent">
</tbody>
</table>
</div>
</body>
</html>