/
settings.html
145 lines (144 loc) · 6.31 KB
/
settings.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
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>SchedUA</title>
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/sidebar.css">
<link rel="stylesheet" href="styles/settings.css">
</head>
<body style="font-family: sans-serif">
<div id="navbar">
<img title="SchedUA" src="images/logo.png">
<div class="separator"></div>
<div title="Schedule" id="schedule" class="clickable"><img class="icon" style="width: 25px;" src="images/icons/schedule.png"></div>
<div title="Dark Mode" id="darkmode" class="clickable"><img class="icon" src="images/icons/moon.png"></div>
<div title="Settings" id="settings" class="button-inactive"><img class="icon" src="images/icons/settings.png"></div>
<div title="About" id="about" class="clickable"><img class="icon" src="images/icons/about.png"></div>
<div title="Exit" id="exit" class="clickable"><img class="icon" style="padding-left: 6px;" src="images/icons/exit.png"></div>
<div id="navbar-bottom"></div>
</div>
<div id="main">
<div class="settings-section">
<h2>Schedule</h2>
<div>
<div title="Choose which type of schedule should show when opening the extension." class="item-check">
<label for="schedule-startup">Schedule on Startup</label>
<select id="schedule-startup">
<option>Week</option>
<option>Yesterday</option>
<option>Today</option>
<option>Tomorrow</option>
</select>
</div>
<div title="Customize the colors of each subject. The color is only saved when the color picker is closed!" id="settings-subjects-colors">
<div>Subjects Colors</div>
<div title="New Random Colors" id="subjects-colors-refresh" class="clickable-light"><img class="icon" src="images/icons/refresh.png"></div>
<div>
<div id="subjects-colors"></div>
</div>
</div>
<div title="Highlight the cell in the schedule that corresponds to the current time." class="item-check">
<label for="highlight-now">Highlight Cell of Now</label>
<div class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="highlight-now" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div>
<div title="Limit min and max hours of the trim. This values are taken from the schedule itself." class="item-check">
<label for="limit-trimming">Limit Schedule Trim</label>
<div class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="limit-trimming" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div>
<div title="Show popup with information when hovering over a class wihtin the schedule." class="item-check">
<label for="class-popup-info">Show Popup with Information on a Class on hover</label>
<div class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="class-popup-info" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div>
<div title="Highlight mouse target cell row and column." class="item-check">
<label for="highlight-mouse-target-cell">Highlight Mouse Target Cell</label>
<div class="checkbox_wrapper">
<input type="checkbox" id="highlight-mouse-target-cell" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div>
</div>
</div>
<div class="separator"></div>
<div class="settings-section">
<h2>General</h2>
<div>
<div title="Remember email the next time you logout." class="item-check">
<label for="remember-email">Remember Email (saved in local storage)</label>
<div class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="remember-email" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div>
<div title="App color theme. 'System' refers to your system's default value." class="item-check">
<label for="color-schema">Color Theme</label>
<select id="color-schema">
<option>Light Mode</option>
<option>Light High Contrast</option>
<option>Dark Mode</option>
<option>Dark High Contrast</option>
<option>Sapphire</option>
<option>Ambar</option>
<option>System</option>
</select>
</div>
<!-- <div title="Show current/next class of the day on the extension icon." class="item-check">
<label for="closest-class-icon">Show Current/Next Class on the Extension Icon</label>
<div class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="closest-class-icon" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div> -->
<div title="Extension Icon Badge" class="item-check">
<label for="extension-badge">Extension Icon Badge</label>
<div style="margin-right: 15px;" class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="extension-badge" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
<select id="extension-badge-option">
<option>Next/Current Class</option>
<option>Time of Next Class</option>
<option>Number of Classes Today</option>
</select>
</div>
</div>
</div>
<div class="separator"></div>
<div class="settings-section">
<h2>PACO</h2>
<div>
<div title="Extra buttons above the schedule in the schedule page in PACO - Secretaria Virtual." class="item-check">
<label for="paco-buttons">Download and Upload buttons</label>
<div class="checkbox_wrapper checkbox-enabled">
<input checked type="checkbox" id="paco-buttons" style="display: none;">
<div class="custom-checkbox-ball"></div>
<div class="custom-checkbox-back"></div>
</div>
</div>
</div>
</div>
</div>
<script src="scripts/background/extension-badge.js"></script>
<script src="scripts/scripts.js"></script>
<script src="scripts/sidebar.js"></script>
<script src="scripts/schedule.js"></script>
<script src="scripts/settings.js"></script>
</body>
</html>