Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·201 lines (171 loc) · 7.31 KB
/
Copy pathindex.html
File metadata and controls
executable file
·201 lines (171 loc) · 7.31 KB
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!--
Project : UiTM Timetable Generator
Description : Fetch and generate timetable from iCRESS
Created by : Afif Zafri, Mohd Shahril & Syed Muhamad Danial
Maintainer : Adib Zaini
Created Date : 24/1/16
Updated Date : 1/4/26
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>UiTM Timetable Generator - Free Class Schedule Builder</title>
<meta name="description" content="Generate and view your UiTM class timetable. Select your campus and courses, or auto-fetch by matric number. Export to image, PDF, or Excel.">
<meta name="keywords" content="UiTM, timetable, iCRESS, generator, class schedule, jadual, kelas, universiti teknologi mara, matric, semester">
<meta name="author" content="Afif Zafri, Mohd Shahril, Syed Muhamad Danial, Adib">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://uitmtimetable.com/">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://uitmtimetable.com/">
<meta property="og:title" content="UiTM Timetable Generator - Free Class Schedule Builder">
<meta property="og:description" content="Generate and view your UiTM class timetable. Select your campus and courses, or auto-fetch by matric number.">
<meta property="og:image" content="https://uitmtimetable.com/img/uitm.jpg">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="UiTM Timetable Generator">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="UiTM Timetable Generator - Free Class Schedule Builder">
<meta name="twitter:description" content="Generate and view your UiTM class timetable. Select your campus and courses, or auto-fetch by matric number.">
<meta name="twitter:image" content="https://uitmtimetable.com/img/uitm.jpg">
<link href="favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="./styles/timetablejs.css">
<link rel="stylesheet" type="text/css" href="./styles/design.css">
<link rel="stylesheet" type="text/css" href="./styles/blobselect.css">
</head>
<body>
<!-- iCRESS status banner -->
<div id="icress-down-banner"></div>
<div class="bannerapp">
<div id="deslogouitm">
<a href="https://istudent.uitm.edu.my/isp/index_isp.htm" title="UiTM Student Portal" target="blank">
<img src="./img/uitm.jpg" width="230px"/>
</a>
</div>
<div id="destitle">
<h1 id="project_title">
<a href="./index.html" title="Generate UiTM Class Timetable" style="color:white">
UiTM Timetable<br>Generator
</a>
</h1>
<span class="anniversary">🎂 10 years (2016 — 2026)</span>
</div>
</div>
<!-- start wrapper -->
<div class="wrapper">
<div class='inputTimetable'>
<div class="input-tabs">
<button class="input-tab active" data-tab="tab-campus">Select Campus</button>
<button class="input-tab" data-tab="tab-matric">Matric No.</button>
<button class="input-tab" data-tab="tab-import">Import Excel</button>
</div>
<div class="tab-content">
<div id="tab-campus" class="tab-panel active">
<div class="text-center">
<select name='campus' id="listcampus" class="select-campus">
<option value=''>Select Campus</option>
</select>
<div id="div-faculty" hidden>
<select name='faculty' id="listfaculty" class="select-faculty">
<option value=''>Select Faculty</option>
</select>
</div>
</div>
</div>
<div id="tab-matric" class="tab-panel">
<div class="text-center">
<input type="text" id="matric-input" placeholder="Enter matric number e.g. 2024123456" />
<button type="button" class="button -dark login">Fetch Timetable</button>
</div>
</div>
<div id="tab-import" class="tab-panel">
<div class="text-center">
<div class="upload-btn-wrapper">
<button class="btn">Import Excel (.xlsx) file</button>
<input type="file" id="excelFile" onchange="return importExcel()"/>
</div>
</div>
</div>
</div>
</div>
<div id="select-table">
<table class='newtable'>
<tr>
<th>#</th>
<th>Subject</th>
<th></th>
<th>Group</th>
<th></th>
</tr>
<!-- js akan automatik tmbah new row kt sini -->
</table>
</div>
<!-- generate timetable -->
<div class='timetable' id='timetable'></div>
<!-- tools list -->
<div id="tools" style="display: none;">
<div class="tools-panel">
<!-- export buttons -->
<div class="tools-export">
<button onclick='return saveImg()' class='tools-btn' title='Save timetable as PNG image'>Save as Image</button>
<button onclick='return savePDF()' class='tools-btn' title='Save timetable as PDF'>Save as PDF</button>
<button onclick='return saveExcel()' class='tools-btn' title='Save timetable as Excel spreadsheet'>Save as Excel</button>
</div>
<!-- colour customization -->
<div id="changeColoursTool">
<div class="tools-section-title">Customize Colours</div>
<table id="subjectColorTable" class="color-table">
<tr>
<th>Subject</th>
<th>Bg</th>
<th>Border</th>
<th>Text</th>
</tr>
<tr>
<td>All</td>
<td><input id="change_bg_color" type="color" value="#4A90D9" onchange="return changeColours()"></td>
<td><input id="change_border_color" type="color" value="#3A7BC8" onchange="return changeColours()"></td>
<td><input id="change_text_color" type="color" value="#ffffff" onchange="return changeColours()"></td>
</tr>
</table>
<a href="#" class="tools-reset" onclick="return changeColours('default')">Reset default</a>
</div>
</div>
</div>
<iframe id="excel_frame" style="display:none;"></iframe>
<textarea name="exportData" id="exportData" rows="8" cols="80" style="display:none"></textarea>
</div> <!-- end wrapper -->
<footer class="bannerappfooter">
<div class="footer-disclaimer">
<i>We are not affiliated, associated, authorized, endorsed by, or in any way officially connected with
Universiti Teknologi MARA (UiTM), or any of its subsidiaries or its affiliates.
The official UiTM website can be found at <a href="https://www.uitm.edu.my/">https://www.uitm.edu.my/</a></i>
</div>
<div class="footer-support">
Have questions or need assistance?
<br><br>
<a href="https://github.com/afzafri/UiTM-Timetable-Generator/issues" target="blank" id="desgithub">
<img alt="Github Icon" height="20" src="img/git.png" width="20"> Support
</a>
<br><br>
Maintained by Adib
</div>
<div class="footer-credit">
An Open Source Project<br>
© 2016 Afif, Mohd Shahril & Syed<br>
Diploma in Computer Science (CS110)<br>
UiTM Perlis
</div>
</footer>
<div class="se-pre-con"></div>
<script src='./scripts/external/alertify.min.js'></script>
<script src='./scripts/external/timetable.js'></script>
<script src='./scripts/external/html2canvas.min.js'></script>
<script src='./scripts/external/jspdf.umd.min.js'></script>
<script src='./scripts/external/blobselect.min.js'></script>
<script src='./scripts/external/exceljs.min.js'></script>
<script src='./scripts/script.js'></script> <!-- main javascript code -->
</body>
</html>