phc/posti-dm
6
2
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Raggiunto primo stato presentabile

Browse Source
This commit is contained in:
aziis98
2022-03-05 04:45:12 +01:00
parent b0732c9c4f
commit bbd6b9eb7e
19 changed files with 1326 additions and 468 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/index.html
+81 -23
View File
@@ -9,77 +9,135 @@
<script type="module" src="./src/index.js"></script>
</head>
<body>
<header>
<div class="nav-cell left">
<nav>
<div class="nav-group left">
<div class="nav-item" id="clock">14:23</div>
</div>
<div class="nav-cell center">
<div class="nav-item">Posti DM</div>
<div class="nav-group center">
<div class="nav-item">
<a href="/">Posti DM</a>
</div>
</div>
<div class="nav-cell right">
<div class="nav-item">Login</div>
<div class="nav-group right">
<div id="login-label" class="nav-item">
<a href="/login.html">Login</a>
</div>
<div id="logged-label" class="nav-item hidden">
<!-- @username -->
</div>
<div id="logout-label" class="nav-item hidden">
<button id="logout-button">Logout</button>
</div>
</div>
</header>
</nav>
<main>
<div class="room-name">AulaStud</div>
<div class="room-main">
<div class="panel room-diagram">
<h3>Aula Studenti</h3>
<div class="room-diagram">
<!-- <div class="options">
<input type="checkbox" id="diagram-or-list-checkbox" checked />
<label for="diagram-or-list-checkbox">Visualizzazione Posti</label>
</div> -->
<div class="room-grid">
<div
class="posto libero"
data-index="1"
data-seat-id="aula-stud/posto-1"
style="grid-column: 3 / span 4; grid-row: 1 / span 2"
></div>
<div
class="posto libero"
data-index="2"
data-seat-id="aula-stud/posto-2"
style="grid-column: 7 / span 4; grid-row: 1 / span 2"
></div>
<div
class="posto libero"
data-index="3"
data-seat-id="aula-stud/posto-3"
style="grid-column: 1 / span 2; grid-row: 3 / span 4"
></div>
<div
class="posto libero"
data-index="4"
data-seat-id="aula-stud/posto-4"
style="grid-column: 1 / span 2; grid-row: 7 / span 4"
></div>
<div
class="posto libero"
data-index="5"
class="posto mio"
data-seat-id="aula-stud/posto-5"
style="grid-column: 3 / span 4; grid-row: 11 / span 2"
></div>
<div
class="posto occupato"
data-index="6"
data-seat-id="aula-stud/posto-6"
style="grid-column: 7 / span 4; grid-row: 11 / span 2"
></div>
<div
class="posto occupato"
data-index="7"
data-seat-id="aula-stud/posto-7"
style="grid-column: 8 / span 2; grid-row: 5 / span 4"
></div>
<div
class="posto occupato"
data-index="8"
data-seat-id="aula-stud/posto-8"
style="grid-column: 14 / span 2; grid-row: 1 / span 4"
></div>
<div
class="posto occupato"
data-index="9"
data-seat-id="aula-stud/posto-9"
style="grid-column: 14 / span 2; grid-row: 5 / span 4"
></div>
<div
class="posto occupato"
data-index="10"
data-seat-id="aula-stud/posto-10"
style="grid-column: 14 / span 2; grid-row: 9 / span 4"
></div>
<div
class="posto occupato"
data-index="11"
data-seat-id="aula-stud/posto-11"
style="grid-column: 14 / span 2; grid-row: 13 / span 4"
></div>
</div>
<div class="room-seat-list hidden">
<div class="seat-item">
<div class="name">Posto 1</div>
<button>Occupa</button>
</div>
<div class="seat-item">
<div class="name">Posto 2</div>
<button>Occupa</button>
</div>
<div class="seat-item">
<div class="name">Posto 3</div>
<button>Occupa</button>
</div>
<div class="seat-item">
<div class="name">Posto 4</div>
<button>Occupa</button>
</div>
</div>
<p>
Clicca su un posto per occuparlo (i posti liberi sono
<span
style="
text-decoration: solid underline #8888 4px;
text-decoration-skip-ink: none;
"
>grigi</span
>, quelli
<span style="text-decoration: solid underline #d88 4px">rossi</span>
sono occupati dagli altri, mentre il tuo è in
<span style="text-decoration: solid underline #8d8 4px">verde</span>)
</p>
</div>
</main>
<div id="tooltip">Some text</div>
<script type="module" src="./src/pages/index.js"></script>
<!-- <main>
<div class="room-name">AulaStud</div>
<div class="room-main">
<div class="panel room-diagram">
...
</div>
<div class="panel room-bookings">
<div class="seat-list">
<div class="seat">
@@ -137,6 +195,6 @@
<button disabled>18:00 &mdash; 19:30</button>
</div>
</div>
</main>
</main> -->
</body>
</html>