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

14
templates/index.html
View File

@ -16,7 +16,9 @@
<div id="forms" hidden> <div id="forms" hidden>
<form id="form-pdf"> <form id="form-pdf">
<fieldset> <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> <select id="links" onchange="select_pdf()" required>
<option selected disabled value="none"> <option selected disabled value="none">
Seleziona un orario Seleziona un orario
@ -38,7 +40,9 @@
</form> </form>
<form id="form-teacher" onsubmit="return select_teacher()" hidden> <form id="form-teacher" onsubmit="return select_teacher()" hidden>
<formfield> <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" /> <input id="teacher" type="text" list="teachers" />
<datalist id="teachers"></datalist> <datalist id="teachers"></datalist>
</formfield> </formfield>
@ -46,7 +50,9 @@
</form> </form>
<form id="form-classes" hidden> <form id="form-classes" hidden>
<formfield> <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()"> <select id="year" onchange="load_section()">
<option selected disabled value="none">Seleziona l'anno</option> <option selected disabled value="none">Seleziona l'anno</option>
</select> </select>
@ -65,7 +71,7 @@
</form> </form>
</div> </div>
<div id="dashboard" hidden> <div id="dashboard" hidden>
<table id="table" class="striped"></table> <table id="table" class="striped" aria-busy="true"></table>
<form> <form>
<input type="submit" onclick="delete_cookies()" value="Reimposta" /> <input type="submit" onclick="delete_cookies()" value="Reimposta" />
</form> </form>