forked from hmc-tools/hmc-scheduler
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
executable file
·173 lines (155 loc) · 6 KB
/
index.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
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
<!doctype html>
<html lang="en">
<head>
<title>C-Search</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="scheduler.css" type="text/css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1 class="no-print">C-Search!</h1>
<h4 class="no-print">By Jordan R.A., Olivia Watkins, Kate Woolverton, and Gavin Yancey</h4>
<hr class="no-print">
<!-- Search Area -->
<h2 class="no-print"> Course Search</h2>
<div class="container-fluid no-print" id="search-area">
<div class="col-sm-6">
Course code matches: <input type="text" id="course-code" onkeyup="updateSearch()"> <input type="checkbox" id="code-regex" value="" onchange="updateSearch()">Use RegEx
</div>
<div class="col-sm-6">
Course title matches: <input type="text" id="course-title" onkeyup="updateSearch()"> <input type="checkbox" id="title-regex" value="" onchange="updateSearch()">Use RegEx
</div>
<div class="col-sm-6">
Instructor matches: <input type="text" id="instructor" onkeyup="updateSearch()"> <input type="checkbox" id="prof-regex" value="" onchange="updateSearch()">Use RegEx
</div>
<div class="col-sm-6">
Show Only Open Classes: <input type="checkbox" id="filled-regex" onchange="updateSearch()">
</div>
<!-- dropdowns will be inserted here-->
</div>
<hr class="no-print">
<!-- Results section -->
<h2 class="no-print">Results</h2>
<h4 class="no-print">Click to expand</h4>
<div class="container-fluid no-print" id="results-area">
<table class="results-table table-hover table" id="results-table">
<thead>
<tr>
<th>Course Code</th>
<th>Name</th>
<th>Professor</th>
<!--<th>Availability</th>-->
<th>Schedule</th>
<!--<th>Credits</th>-->
<!--<th>Dates</th>-->
<!--<th>Reviews (link)</th>-->
<th>Status</th>
<th>Schedule!</th>
</tr>
</thead>
<tbody>
<tr><td colspan=42>Loading...</td></tr>
<!-- Course results get inserted here.-->
</tbody>
</table>
</div>
<hr class="no-print">
<!-- Scheduler section -->
<h2 class="no-print">Scheduler</h2>
<h4 class="no-print">Forked from hmc-scheduler, originally by Casey Chu '16</h4>
<div class="no-print" id="controls">
<h1>Scheduler
<span id="page-counter" class="not-empty">
<span id="pages">(<span id="page-number">1</span> of <span id="page-count">1</span>)</span>
<span id="pages-not-possible">(no schedules possible)</span>
</span>
<button id="button-right" disabled="disabled" title="(you can also use your arrow keys)">></button>
<button id="button-left" disabled="disabled" title="(you can also use your arrow keys)"><</button>
</h1>
<h1>Active Courses
<span id="credit-counter"></span>
</h1>
<label class="check-label">Allow Conflicts<input id="button-conflicts" type="checkbox" title="Conflicts?" /></label>
<label class="check-label">Show Sections<input id="button-sections" type="checkbox" title="Section numbers?" /></label>
<button id="button-add">+</button>
<button id="button-generate" disabled="disabled">Generate</button>
<div id="courses-container">
<div id="courses-filler" class="text">Search for courses above to get started!</div>
<div id="courses">
<div class="course collapsed template" id="course-template">
<div class="course-controls">
<input type="checkbox" checked="checked" />
<a class="x" href="#" title="Delete">x</a>
<a class="c" href="#" title="Change color">c</a>
</div>
<div class="course-input">
<input type="text" placeholder="Course Name" />
<textarea placeholder="EXAM010 HM-01 (Staff): MWF 01:15PM-02:30PM"></textarea>
</div>
</div>
</div>
</div>
<h1>Starred Schedules
<button id="button-save" disabled="disabled" title="Star">★</button>
<button id="button-print" disabled="disabled" title="Print">Print</button>
<button id="button-export" disabled="disabled" title="Export">Export</button>
<button id="button-clear" title="Clear">Clear</button>
</h1>
<div id="saved-schedules-container" class="text empty">
<div id="saved-schedules-filler">Generate some schedules and star the ones you like!</div>
<div id="saved-schedules"></div>
</div>
<h1>Notes</h1>
<div class="text">
<ul>
<li>Be careful with half-semester courses – if they're at the same time, this'll tell you that they conflict.</li>
<li>To show section numbers and professors, use the checkbox next to the Generate button.</li>
</ul>
Bugs or suggestions? <a href="mailto:gyancey@hmc.edu">Email me</a> or <a href="https://github.com/hmc-portal2/hmc-scheduler" target="_blank">fork it on GitHub</a>!
</div>
</div>
<table id="schedule" border="1" cellspacing="3" cellpadding="1">
<tr>
<th></th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<td>
<ol>
<li>8am</li>
<li>9am</li>
<li>10am</li>
<li>11am</li>
<li>12pm</li>
<li>1pm</li>
<li>2pm</li>
<li>3pm</li>
<li>4pm</li>
<li>5pm</li>
<li>6pm</li>
<li>7pm</li>
<li>8pm</li>
<li>9pm</li>
</ol>
</td>
<td><div class="day"></div></td>
<td><div class="day"></div></td>
<td><div class="day"></div></td>
<td><div class="day"></div></td>
<td><div class="day"></div></td>
</tr>
</table>
<script src="scheduler.js" type="text/javascript"></script>
<!--<script src="https://csearch.yancey.io/courses.jsonp" type="text/javascript"></script>-->
</body>
</html>