-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex_template.html
87 lines (76 loc) · 3.15 KB
/
index_template.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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Schedule Selector</title>
<link rel="stylesheet" href="design.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type='text/javascript' src="table.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script>
</head>
<body onload='main()'>
<div id="title">
<a href="#">Schedule Selector</a>
</div>
<div class="tbl-container">
<table id='tbl'></table>
</div>
<div class="content">
<h2>Control Panel <input type="color" id="color-picker" name="color-picker", value="#40A7F0", onchange="setColor();"></h2>
<div id="course-controls">
<label for="code-picker">Course code: </label>
<input list="code-picker" name="code-picker" value="" class="code-picker">
<datalist id="code-picker">
</datalist>
<br>
<div class="button-list">
<button class="code-btn" onclick="addCourse();">Add</button>
<button class="code-btn" onclick="removeCourse();">Remove</button>
<button class="code-btn" onclick="addAll();">Add All</button>
<button class="code-btn" onclick="removeAll();">Remove All</button>
</div>
<!-- <button class="code-add" onclick="addCourse()">Add</button> -->
</div>
<br>
<hr>
<div id="selected-courses">
Selected courses:
</div>
<br>
<hr>
<p id="export-label">Export table as: </p>
<div id="export-list">
<ul>
<li><button class="export-btn" id="png-export" onclick="exportAsPng();">PNG</button></li><li><button class="export-btn" id="csv-export" onclick="exportAsCSV();">CSV</button></li>
</ul>
</div>
</div>
<div class="content">
<h2>Instructions</h2>
<ul>
<li>You can select course baskets using <emph>MAJ-<SUBJECT>-<YEAR></emph> or <emph>CORE-<YEAR></emph> e.g. MAJ-PHY-3RD, CORE-1ST, etc.
<ul>
<li><emph>SUBJECT</emph> can take values PHY/CHM/MTH/BIO.</li>
<li><emph>YEAR</emph> can take values 1ST/2ND/3RD/4TH.</li>
</ul>
</li>
<li>Core year labs must be added manually (due to sections).</li>
</ul>
</div>
<div class="content">
<h2>Contributors</h2>
<ul>
<li><a href="https://github.com/20akshay00/">Akshay</a>, MS18; implemented base features and designed the website.</li>
<li><a href="https://github.com/aabhasgulati/">Aabhas</a>, MS18; implemented course baskets.</li>
<li><a href="https://github.com/dhruvasambrani/">Dhruva</a>, MS18 and <a href="https://github.com/theanshm/">Ansh</a>, MS20; automated the parsing of PDF schedule into a formatted CSV.</li>
</ul>
<p>Visit the <a href="https://github.com/IISERM/schedule-selector">github repository</a> to open issues. </p>
</div>
{{ datadiv }}
<footer>
<a href="https://github.com/IISERM/"><button><i class="fa fa-github" aria-hidden="true"></i></button></a>
<p>Last updated: 28-06-2023</p>
</footer>
</body>
</html>