orario-scolastico-itet/templates/index.html

82 lines
2.8 KiB
HTML

<!doctype html>
<html lang="it">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Orario scolastico</title>
<link
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
<script src="/static/index.js" defer></script>
</head>
<body>
<main class="container">
<div id="forms" hidden>
<form id="form-pdf">
<fieldset>
<label id="links-label" aria-busy="true"
>Quale orario vuoi usare?</label
>
<select id="links" onchange="select_pdf()" required>
<option selected disabled value="none">
Seleziona un orario
</option>
</select>
</fieldset>
</form>
<form id="form-type" hidden>
<formfield>
<label>Sei un professore o uno studente?</label>
<select id="type" onchange="select_type()">
<option selected disabled value="none">
Seleziona una categoria
</option>
<option value="teacher">Professore</option>
<option value="student">Studente</option>
</select>
</formfield>
</form>
<form id="form-teacher" onsubmit="return select_teacher()" hidden>
<formfield>
<label id="teacher-label" aria-busy="true"
>Seleziona il tuo cognome</label
>
<input id="teacher" type="text" list="teachers" />
<datalist id="teachers"></datalist>
</formfield>
<input type="submit" value="Continua" />
</form>
<form id="form-classes" hidden>
<formfield>
<label id="class-label" aria-busy="true"
>Seleziona la tua classe</label
>
<select id="year" onchange="load_section()">
<option selected disabled value="none">Seleziona l'anno</option>
</select>
<select id="section" onchange="load_major()">
<option selected disabled value="none">
Seleziona la sezione
</option>
</select>
<select id="major" onchange="select_class()">
<option selected disabled value="none">
Seleziona l'indirizzo
</option>
</select>
<input type="submit" value="Continua" />
</formfield>
</form>
</div>
<div id="dashboard" hidden>
<table id="table" class="striped" aria-busy="true"></table>
<form>
<input type="submit" onclick="delete_cookies()" value="Reimposta" />
</form>
</div>
</main>
</body>
</html>