You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
6.0 KiB
HTML
143 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Posti DM</title>
|
|
|
|
<script type="module" src="./src/index.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="nav-cell left">
|
|
<div class="nav-item" id="clock">14:23</div>
|
|
</div>
|
|
<div class="nav-cell center">
|
|
<div class="nav-item">Posti DM</div>
|
|
</div>
|
|
<div class="nav-cell right">
|
|
<div class="nav-item">Login</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div class="room-name">AulaStud</div>
|
|
<div class="room-main">
|
|
<div class="panel room-diagram">
|
|
<div
|
|
class="posto libero"
|
|
data-index="1"
|
|
style="grid-column: 3 / span 4; grid-row: 1 / span 2"
|
|
></div>
|
|
<div
|
|
class="posto libero"
|
|
data-index="2"
|
|
style="grid-column: 7 / span 4; grid-row: 1 / span 2"
|
|
></div>
|
|
<div
|
|
class="posto libero"
|
|
data-index="3"
|
|
style="grid-column: 1 / span 2; grid-row: 3 / span 4"
|
|
></div>
|
|
<div
|
|
class="posto libero"
|
|
data-index="4"
|
|
style="grid-column: 1 / span 2; grid-row: 7 / span 4"
|
|
></div>
|
|
<div
|
|
class="posto libero"
|
|
data-index="5"
|
|
style="grid-column: 3 / span 4; grid-row: 11 / span 2"
|
|
></div>
|
|
<div
|
|
class="posto occupato"
|
|
data-index="6"
|
|
style="grid-column: 7 / span 4; grid-row: 11 / span 2"
|
|
></div>
|
|
<div
|
|
class="posto occupato"
|
|
data-index="7"
|
|
style="grid-column: 8 / span 2; grid-row: 5 / span 4"
|
|
></div>
|
|
<div
|
|
class="posto occupato"
|
|
data-index="8"
|
|
style="grid-column: 14 / span 2; grid-row: 1 / span 4"
|
|
></div>
|
|
<div
|
|
class="posto occupato"
|
|
data-index="9"
|
|
style="grid-column: 14 / span 2; grid-row: 5 / span 4"
|
|
></div>
|
|
<div
|
|
class="posto occupato"
|
|
data-index="10"
|
|
style="grid-column: 14 / span 2; grid-row: 9 / span 4"
|
|
></div>
|
|
<div
|
|
class="posto occupato"
|
|
data-index="11"
|
|
style="grid-column: 14 / span 2; grid-row: 13 / span 4"
|
|
></div>
|
|
</div>
|
|
<div class="panel room-bookings">
|
|
<div class="seat-list">
|
|
<div class="seat">
|
|
<div class="name">Posto 1</div>
|
|
<button>Occupa</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 2</div>
|
|
<button>Occupa</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 3</div>
|
|
<button>Occupa</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 4</div>
|
|
<button>Occupa</button>
|
|
</div>
|
|
<div class="seat selected">
|
|
<div class="name">Posto 5</div>
|
|
<button>Occupa</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 6</div>
|
|
<button disabled>Occupato</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 7</div>
|
|
<button disabled>Occupato</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 8</div>
|
|
<button disabled>Occupato</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 9</div>
|
|
<button disabled>Occupato</button>
|
|
</div>
|
|
<div class="seat">
|
|
<div class="name">Posto 10</div>
|
|
<button disabled>Occupato</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel room-timeline">
|
|
<button disabled>8:30 — 10:00</button>
|
|
<button disabled>10:00 — 11:00</button>
|
|
<button disabled>11:00 — 12:00</button>
|
|
<button disabled>12:00 — 13:00</button>
|
|
<button disabled>13:00 — 14:00</button>
|
|
<button>14:00 — 15:00</button>
|
|
<button>15:00 — 16:00</button>
|
|
<button>16:00 — 17:00</button>
|
|
<button disabled>17:00 — 18:00</button>
|
|
<button disabled>18:00 — 19:30</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|