-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
170 lines (145 loc) · 6.13 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
<!DOCTYPE html>
<html>
<head>
<title>Kurtosis</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta name="description" content="A tool for KURT power users" />
<meta name="keywords" content="Agora, booking, seats, KU Leuven" />
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="400x400" href="/assets/apple-icon.png" />
</head>
<body>
<div id="banner" style="display: none;">
<img src="statement/assets/app-icon.png" alt="App Icon" style="width: 80px; height: 80px;">
<div style="display: flex; flex-direction: column; gap: 10px;">
<h2>Kurtosis might stop working at any moment. We've built a new KURT mobile app, but KU Leuven didn't allow us to
launch it.</h2>
<p>Hello. If you like Kurtosis and believe that improving KURT would benefit the student community, please read
our open statement, which explains what happened and how you can help.
</p>
<p>
Otherwise, Kurtosis will stop working when KURTv2 is disabled, and everyone will be forced to use the
official
KURT web app for booking.
</p>
</div>
<button onclick="window.open('https://kurtosis.breitburg.com/statement')" class="primary">Read our open
statement</button>
<button onclick="doNotShowBannerAgain()" class="secondary">Do not show again</button>
</div>
<form id="queryForm">
<div class="queryContainer">
<label for="date">Library:</label>
<select id="library" name="library" required>
<optgroup label="Agora">
<option value="agora" selected>Silent Study</option>
<option value="agora-blok-rooms">
Seats in rooms (Only during blokperiode)
</option>
<option value="agora-flexispace">
FlexiSpace (Only during blokperiode)
</option>
<option value="agora-rooms">
Meeting rooms (Not during blokperiode)
</option>
</optgroup>
<optgroup label="Arenberg">
<option value="arenberg-main">Boekenzaal/Leeszaal/DeLeVille</option>
<option value="arenberg-rest">Kelder/Zolder</option>
<option value="arenberg-tulp">Tulp 0/1</option>
</optgroup>
<optgroup label="Antwerpen">
<option value="antwerp-balustrade">Balustrade</option>
<option value="antwerp-silentstudy">Silent study</option>
</optgroup>
<optgroup label="LDC">
<option value="ldc-back">Back</option>
<option value="ldc-flex">Flex</option>
<option value="ldc-inkom">Inkom</option>
<option value="ldc-rooms">Rooms</option>
<option value="ldc-leeszaal">Leeszaal</option>
</optgroup>
<option value="ebib">EBIB</option>
<option value="erasmus">Artes Erasmushuis</option>
<option value="kulak">Kulak</option>
</select>
</div>
<div class="queryContainer">
<label for="date">Date:</label>
<input type="date" id="date" name="date" required />
</div>
<div class="queryContainer">
<label for="rNumber">R-number:</label>
<input type="text" id="rNumber" name="rNumber" placeholder="r1234567" autocapitalize="no" required />
</div>
<div class="queryContainer">
<label for="rememberRNumber">Remember R-number:</label>
<input type="checkbox" id="rememberRNumber" name="rememberRNumber" checked />
</div>
<button id="fetchButton" type="submit">Fetch</button>
</form>
<!--<details id="seatGuide">
<summary>Seat guide</summary>
<div id="agora">
<ul>
<li>101-256 — Silent Study 1 <a href="https://bib.kuleuven.be/agora/afbeeldingen/lokalen/ss1.png/image_view_fullscreen">[Map]</a></li>
<li>257-310 — Silent Study 2 <a href="https://bib.kuleuven.be/agora/afbeeldingen/lokalen/ss2.png/image_view_fullscreen">[Map]</a></li>
</ul>
</div>
</details>-->
<div id="tableContainer">
<table id="seatTable" border="1"></table>
</div>
<br />
<div class="notice">
This tool communicates directly with <a href="https://kuleuven.be/kurt">KURT</a> and does not store or process any
personal data.
<br>
It is built by students and is not affiliated with KU Leuven. Please use it responsibly and
do not abuse the system.
</div>
<div class="notice">
Built by <a href="https://breitburg.com/">Ilia Breitburg</a> and
<a href="https://gbgk.me/">George Bougakov</a>. Special thanks to <a
href="https://github.com/alexandervanhee">Alexander
Vanhee</a>.
<br>
Get the source code and learn more <a href="https://github.com/breitburg/kurtosis">on GitHub</a>.
</div>
<!-- <button onclick="document.getElementById('bookDialog').showModal()">DEBUG: open dialog</button> -->
<dialog id="bookDialog">
<div class="dialogContent">
<h2 class="dialogTitle">Reserve this seat</h2>
<div class="warningBlock" id="reservationClosed">
<b>Warning!</b> You have selected a date for which reservation is not yet open. You can still make a link and
book the seat later.
</div>
<div class="dialogFormBlock">
<label for="startTime">Start time:</label>
<select id="startTime" name="startTime"></select>
</div>
<div class="dialogFormBlock">
<label for="endTime">End time:</label>
<select id="endTime" name="startTime"></select>
</div>
<p>
You will be redirected to KURT to complete the reservation, where you will be able to add a subject or attendees
</p>
<div class="dialogButtonRow">
<button id="copyLink">Copy link</button>
<button id="bookButton">Go to booking</button>
</div>
<form class="dialogButtonRow">
<button type="submit" id="closeButton" formmethod="dialog" formnovalidate>
Close
</button>
</form>
</div>
</dialog>
<script src="script.js"></script>
</body>
</html>