2019-09-26 11:58:02 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
|
|
|
|
|
<html>
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<head>
|
2019-09-26 11:58:02 +00:00
|
|
|
|
<meta charset='utf-8'>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
<title>USI • Rooms availability</title>
|
|
|
|
|
|
|
2019-09-26 13:53:27 +00:00
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2019-09-26 16:54:29 +00:00
|
|
|
|
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<link rel="icon" href="assets/images/icon-64.png">
|
|
|
|
|
|
<link rel="manifest" href="manifest.json">
|
|
|
|
|
|
<link rel="stylesheet" href="assets/index.css">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
<h1>USI INF room availability</h1>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="room-map">
|
|
|
|
|
|
<div class="room room-big" id="SI-003">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-003">
|
|
|
|
|
|
<h3>SI-003</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Row -->
|
|
|
|
|
|
<div class="room room-small" id="SI-004">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-004">
|
|
|
|
|
|
<h3>SI-004</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="room room-small" id="SI-015">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-015">
|
|
|
|
|
|
<h3>SI-015</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Row -->
|
|
|
|
|
|
<div class="room room-big" id="SI-006">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-006">
|
|
|
|
|
|
<h3>SI-006</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Row -->
|
|
|
|
|
|
<div class="room room-small" id="SI-007">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-007">
|
|
|
|
|
|
<h3>SI-007</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="room room-small" id="SI-013">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-013">
|
|
|
|
|
|
<h3>SI-013</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Row -->
|
|
|
|
|
|
<div class="room room-big room" id="SI-008">
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<a href="#schedule-SI-008">
|
|
|
|
|
|
<h3>SI-008</h3>
|
|
|
|
|
|
<p>???</p>
|
|
|
|
|
|
</a>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-09-26 21:23:44 +00:00
|
|
|
|
<div class="timepicker">
|
|
|
|
|
|
<h2 id="timepreviewer">Loading...</h2>
|
|
|
|
|
|
<input type="range" id="timemachine" />
|
|
|
|
|
|
</div>
|
2019-09-26 16:54:29 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="schedule">
|
|
|
|
|
|
<h1>Schedule for today</h1>
|
|
|
|
|
|
<section class="times">
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<template id="room">
|
|
|
|
|
|
<h2 class="room-title"></h2>
|
|
|
|
|
|
<ul class="list"></ul>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template id="time-free">
|
|
|
|
|
|
<li><strong>Free all day</strong></li>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template id="time-slot">
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<span class="title"></span>
|
|
|
|
|
|
(<span class="start"></span>-<span class="end"></span>)
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
</div>
|
2019-09-26 21:23:44 +00:00
|
|
|
|
|
2019-09-26 11:58:02 +00:00
|
|
|
|
<script src='index.js'></script>
|
2019-09-26 21:23:44 +00:00
|
|
|
|
</body>
|
2019-09-26 11:58:02 +00:00
|
|
|
|
</html>
|
