mariano/orario-scolastico-itet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): show loading indicator during data retrieval

Browse Source
This commit is contained in:
Mariano Riefolo 2024-09-04 14:48:55 +02:00
parent c78a305e52
commit 23d87618dc
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/index.js
View File

@ -11,6 +11,7 @@ function load_links() {
select.appendChild(option);
i++;
});
document.getElementById("links-label").removeAttribute("aria-busy");
})
.catch((error) => {
alert("Errore nel caricamento dei dati, riprova più tardi.");
@ -32,6 +33,7 @@ function load_teachers(id) {
list.appendChild(option);
i++;
});
document.getElementById("teacher-label").removeAttribute("aria-busy");
})
.catch((error) => {
alert("Errore nel caricamento dei dati, riprova più tardi.");
@ -57,6 +59,7 @@ function load_classes(id) {
select.appendChild(option);
}
sessionStorage.setItem("classes", JSON.stringify(data));
document.getElementById("class-label").removeAttribute("aria-busy");
})
.catch((error) => {
alert("Errore nel caricamento dei dati, riprova più tardi.");
@ -92,6 +95,7 @@ function make_teacher_table(id, teacher) {
tbody.appendChild(tr);
});
table.appendChild(tbody);
document.getElementById("table").removeAttribute("aria-busy");
})
.catch((error) => {
alert("Errore nel caricamento dei dati, riprova più tardi.");
@ -127,6 +131,7 @@ function make_student_table(id, student_class) {
tbody.appendChild(tr);
});
table.appendChild(tbody);
document.getElementById("table").removeAttribute("aria-busy");
})
.catch((error) => {
alert("Errore nel caricamento dei dati, riprova più tardi.");

14
templates/index.html
View File

@ -16,7 +16,9 @@
<div id="forms" hidden>
<form id="form-pdf">
<fieldset>
<label>Quale orario vuoi usare?</label>
<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
@ -38,7 +40,9 @@
</form>
<form id="form-teacher" onsubmit="return select_teacher()" hidden>
<formfield>
<label>Seleziona il tuo cognome</label>
<label id="teacher-label" aria-busy="true"
>Seleziona il tuo cognome</label
>
<input id="teacher" type="text" list="teachers" />
<datalist id="teachers"></datalist>
</formfield>
@ -46,7 +50,9 @@
</form>
<form id="form-classes" hidden>
<formfield>
<label>Seleziona la tua classe</label>
<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>
@ -65,7 +71,7 @@
</form>
</div>
<div id="dashboard" hidden>
<table id="table" class="striped"></table>
<table id="table" class="striped" aria-busy="true"></table>
<form>
<input type="submit" onclick="delete_cookies()" value="Reimposta" />
</form>