orario-scolastico-itet/static/index.js

282 lines
8.6 KiB
JavaScript
Raw Normal View History

function load_pdfs() {
fetch("/api/pdf")
.then((response) => response.json())
.then((data) => {
let i = 0;
if (data === undefined || data.length === 0) {
show_error(null, "Nessun orario trovato");
return;
}
data.forEach((el) => {
const select = document.getElementById("pdf");
const option = document.createElement("option");
option.value = i;
option.text = el;
select.appendChild(option);
i++;
});
document.getElementById("pdf-label").removeAttribute("aria-busy");
})
.catch((error) => {
show_error(error);
});
}
function load_teachers(id) {
fetch(`/api/professori?id=${id}`)
.then((response) => response.json())
.then((data) => {
sessionStorage.setItem("teachers", JSON.stringify(data));
let i = 0;
const list = document.getElementById("teachers");
list.innerHTML = "";
data.forEach((el) => {
const option = document.createElement("option");
option.value = el;
option.text = el;
list.appendChild(option);
i++;
});
document.getElementById("teacher-label").removeAttribute("aria-busy");
})
.catch((error) => {
show_error(error);
});
}
function load_classes(id) {
fetch(`/api/classi?id=${id}`)
.then((response) => response.json())
.then((data) => {
const select = document.getElementById("year");
for (let i = 0; i < select.children.length; i++) {
if (!select.children[i].hasAttribute("disabled")) {
select.removeChild(select.children[i]);
i--;
}
}
for (let i = 0; i < data.length; i++) {
const option = document.createElement("option");
option.value = i + 1;
option.text = i + 1;
select.appendChild(option);
}
sessionStorage.setItem("classes", JSON.stringify(data));
document.getElementById("class-label").removeAttribute("aria-busy");
})
.catch((error) => {
show_error(error);
});
}
function make_teacher_table(id, teacher) {
make_table(`/api/professore?id=${id}&professore=${teacher}`);
}
function make_student_table(id, student_class) {
make_table(`/api/classe?id=${id}&classe=${student_class}`);
}
function make_table(url) {
fetch(url)
.then((response) => response.json())
.then((data) => {
for (let key in data) {
let i = data[key].length - 1;
while (i >= 0 && data[key][i] === "") {
data[key].pop();
i--;
}
}
const columns = Math.max(
...Object.values(data).map((vettore) => vettore.length),
);
let table = document.getElementById("table");
let tbody = document.createElement("tbody");
let week = [
"Lunedì",
"Martedì",
"Mercoledì",
"Giovedì",
"Venerdì",
"Sabato",
];
2024-09-05 13:26:59 +00:00
let thead = document.createElement("thead");
let tr = document.createElement("tr");
let th = document.createElement("th");
th.scope = "col";
tr.appendChild(th);
for (let i = 0; i < columns; i++) {
let th = document.createElement("th");
th.scope = "col";
th.textContent = i + 1;
tr.appendChild(th);
}
thead.appendChild(tr);
table.appendChild(thead);
week.forEach((weekday) => {
let tr = document.createElement("tr");
let th = document.createElement("th");
th.scope = "row";
th.textContent = weekday;
tr.appendChild(th);
if (data[weekday] != null) {
let inserted = 0;
data[weekday].forEach((student_class) => {
let td = document.createElement("td");
td.textContent = student_class.replace(/ (?=[a-z])/g, "");
tr.appendChild(td);
inserted++;
});
while (inserted < columns) {
let td = document.createElement("td");
tr.appendChild(td);
inserted++;
}
tbody.appendChild(tr);
}
});
table.appendChild(tbody);
document.getElementById("table").removeAttribute("aria-busy");
})
.catch((error) => {
show_error(error);
});
}
function select_pdf() {
Cookies.set("id", document.getElementById("pdf").value);
reset_forms();
document.getElementById("type").value = "none";
document.getElementById("form-teacher").setAttribute("hidden", "");
document.getElementById("form-classes").setAttribute("hidden", "");
document.getElementById("form-type").removeAttribute("hidden");
}
function reset_forms() {
document.getElementById("year").value = "none";
document.getElementById("section").value = "none";
document.getElementById("major").value = "none";
document.getElementById("teacher").value = "";
}
function select_type() {
let id = document.getElementById("pdf").value;
let value = document.getElementById("type").value;
reset_forms();
if (value === "teacher") {
load_teachers(id);
document.getElementById("form-teacher").removeAttribute("hidden");
document.getElementById("form-classes").setAttribute("hidden", "");
} else if (value === "student") {
load_classes(id);
document.getElementById("form-classes").removeAttribute("hidden");
document.getElementById("form-teacher").setAttribute("hidden", "");
}
}
function load_section() {
let data = JSON.parse(sessionStorage.getItem("classes"));
let year = document.getElementById("year").value;
const select = document.getElementById("section");
for (let i = 0; i < select.children.length; i++) {
if (!select.children[i].hasAttribute("disabled")) {
select.removeChild(select.children[i]);
i--;
}
}
Object.keys(data[year - 1]).forEach((el) => {
const option = document.createElement("option");
option.value = el;
option.text = el;
select.appendChild(option);
});
}
function load_major() {
let data = JSON.parse(sessionStorage.getItem("classes"));
let year = document.getElementById("year").value;
let section = document.getElementById("section").value;
let select = document.getElementById("major");
for (let i = 0; i < select.children.length; i++) {
if (!select.children[i].hasAttribute("disabled")) {
select.removeChild(select.children[i]);
i--;
}
}
data[year - 1][section].forEach((el) => {
const option = document.createElement("option");
option.value = el;
option.text = el;
select.appendChild(option);
});
}
function select_teacher() {
let teacher = document.getElementById("teachers").value;
let teachers = JSON.parse(sessionStorage.getItem("teachers"));
if (!teachers.includes(teacher)) {
return false;
}
Cookies.set("type", "teacher");
Cookies.set("teacher", teacher);
}
function select_class() {
Cookies.set("type", "student");
let student_class = document.getElementById("year").value;
student_class += document.getElementById("section").value;
student_class += document.getElementById("major").value;
Cookies.set("class", student_class);
}
function delete_cookies() {
Cookies.remove("id");
Cookies.remove("type");
Cookies.remove("teacher");
Cookies.remove("class");
}
function show_error(e, message) {
let default_error = "Errore nel caricamento dei dati, riprova più tardi";
console.error(e ?? default_error);
document.getElementById("error").textContent = message ?? default_error;
document.getElementById("error-dialog").setAttribute("open", "");
}
function filter_teachers() {
let input = document.getElementById("teacher");
let filter = input.value.toUpperCase();
let select = document.getElementById("teachers");
let option = select.getElementsByTagName("option");
let found_first = false;
for (let i = 0; i < option.length; i++) {
let txtValue = option[i].textContent;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
option[i].style.display = "";
if (!found_first) {
select.selectedIndex = i;
found_first = true;
}
} else {
option[i].style.display = "none";
if (option[i].hasAttribute("selected")) {
option[i].removeAttribute("selected");
}
}
}
}
if (Cookies.get("id") && Cookies.get("type")) {
if (Cookies.get("type") === "teacher" && Cookies.get("teacher")) {
make_teacher_table(Cookies.get("id"), Cookies.get("teacher"));
document.getElementById("dashboard").removeAttribute("hidden");
} else if (Cookies.get("type") === "student" && Cookies.get("class")) {
make_student_table(Cookies.get("id"), Cookies.get("class"));
document.getElementById("dashboard").removeAttribute("hidden");
}
} else {
document.getElementById("forms").removeAttribute("hidden");
load_pdfs();
}