1 files changed, 216 insertions, 217 deletions

diff --git a/assets/js/grades.js b/assets/js/grades.js
index 480a82a..8e04c2b 100644
--- a/assets/js/grades.js
+++ b/assets/js/grades.js
@@ -2,244 +2,243 @@
 let checkbox_state = false;
 var grades;
 async function checkLogin() {
-    localforage.getItem("logged_in").then((value) => {
-        // This code runs once the value has been loaded
-        // from the offline store.
-        if (value !== true) {
-            window.location.replace("/index.html");
-        }
-    }).catch((err) => {
-        // This code runs if there were any errors
-        console.log(err);
-    });
+	localforage.getItem("logged_in").then((value) => {
+		// This code runs once the value has been loaded
+		// from the offline store.
+		if (value !== true) {
+			window.location.replace("/index.html");
+		}
+	}).catch((err) => {
+		// This code runs if there were any errors
+		console.log(err);
+	});
 }
 
 // Set loading bar visibility
 function setLoading(state) {
-    if (state) {
-        $("#loading-bar").removeClass("hidden");
-    } else {
-        $("#loading-bar").addClass("hidden");
-    }
+	if (state) {
+		$("#loading-bar").removeClass("hidden");
+	} else {
+		$("#loading-bar").addClass("hidden");
+	}
 }
 
 async function loadGrades(force_refresh = false) {
-    setLoading(true);
-    let promises_to_run = [
-        localforage.getItem("username").then((value) => {
-            username = value;
-        }),
-        localforage.getItem("password").then((value) => {
-            password = value;
-        }),
-        localforage.getItem("grades").then((value) => {
-            grades = value;
-        })
-    ];
-    await Promise.all(promises_to_run);
-    // If we don't have a list of grades, fetch it
-    if (grades == null || grades == [] || force_refresh) {
-        try {
-
-            let gsecInstance = new gsec();
-            await gsecInstance.login(username, password);
-
-            gsecInstance.fetchGrades().then( (value) => {
-                grades = value;
-                localforage.setItem("grades", value).then(() => {
-                    displayGrades();
-                    setLoading(false);
-                });
-                setLoading(false);
-            }).catch( (err) => {
-                gsecErrorHandlerUI(err);
-                setLoading(false);
-            });
-
-        } catch (err) {
-            gsecErrorHandlerUI(err);
-            setLoading(false);
-        }
-
-    } else {
-        displayGrades();
-        setLoading(false);
-    }
+	setLoading(true);
+	let promises_to_run = [
+		localforage.getItem("username").then((value) => {
+			username = value;
+		}),
+		localforage.getItem("password").then((value) => {
+			password = value;
+		}),
+		localforage.getItem("grades").then((value) => {
+			grades = value;
+		})
+	];
+	await Promise.all(promises_to_run);
+	// If we don't have a list of grades, fetch it
+	if (grades == null || grades == [] || force_refresh) {
+		try {
+
+			let gsecInstance = new gsec();
+			await gsecInstance.login(username, password);
+
+			gsecInstance.fetchGrades().then((value) => {
+				grades = value;
+				localforage.setItem("grades", value).then(() => {
+					displayGrades();
+					setLoading(false);
+				});
+				setLoading(false);
+			}).catch((err) => {
+				gsecErrorHandlerUI(err);
+				setLoading(false);
+			});
+
+		} catch (err) {
+			gsecErrorHandlerUI(err);
+			setLoading(false);
+		}
+
+	} else {
+		displayGrades();
+		setLoading(false);
+	}
 }
 
 function displayGrades() {
-		let grades_by_subject = {};
-		let zakljucne_grades_by_subject = {};
-    grades.forEach((grade, index) => {
-				if(grade["gradeType"] != GSEC_NORMAL_GRADE) {
-					zakljucne_grades_by_subject[grade["subject"]] = grade["grade"];
-					break; // gfuck
-				}
-        if (!(grade["subject"] in grades_by_subject)) {
-            grades_by_subject[grade["subject"]] = [];
-        }
-
-        let grade_object = {
-            date: dateString.longFormatted(grade["date"]),
-            teacher: grade["teacher"],
-            subject: grade["subject"],
-            title: grade["name"][0],
-            type: grade["name"][1],
-            term: grade["name"][2],
-            grade: grade["grade"],
-            temporary: grade["temporary"],
-            index: index
-        }
-        grades_by_subject[grade["subject"]].push(grade_object);
-
-    });
-
-    let root_element = document.getElementById("grades-collapsible");
-    Object.keys(grades_by_subject).forEach((subject) => {
-        // Create root element for a subject entry
-        let subject_entry = document.createElement("li");
-        // Create subject collapsible header
-        let subject_header = document.createElement("div");
-        subject_header.classList.add("collapsible-header");
-        subject_header.classList.add("collapsible-header-root");
-        // Create header text element
-        let subject_header_text = document.createElement("span");
-        subject_header_text.innerText = subject;
-        // Create collection for displaying individuals grades
-        let subject_body = document.createElement("div");
-        subject_body.className = "collapsible-body";
-        let subject_body_root = document.createElement("ul");
-        subject_body_root.className = "collection";
-        // Setup variables for calculating average
-        let grade_sum = 0;
-        let grade_tot = 0;
-        grades_by_subject[subject].forEach((grade) => {
-            // Create element for individual grade
-            let grade_node = document.createElement("li");
-            grade_node.className = "collection-item";
-            grade_node.classList.add("collection-item")
-            grade_node.classList.add("grade-node");
-            grade_node.dataset["index"] = grade["index"];
-            let grade_node_div = document.createElement("div");
-            // Node for date and subject text
-            let grade_text = document.createElement("span");
-            // Node for the actual number
-            let grade_number = document.createElement("div");
-            grade_number.className = "secondary-content";
-            // Apply different style, if the grade is temporary
-            if (grade["temporary"]) {
-                // Styling for text
-                let grade_text_italic = document.createElement("i");
-                grade_text_italic.innerText = grade["date"] + " - " + grade["title"];
-                grade_text.appendChild(grade_text_italic);
-                // Styling for number
-                let grade_number_italic = document.createElement("i");
-                grade_number_italic.innerText = grade["grade"].toString();
-                grade_number.appendChild(grade_number_italic);
-            } else {
-                // Text
-                grade_text.innerText = grade["date"] + " - " + grade["title"];
-                // Number
-                grade_number.innerText = grade["grade"].toString();
-            }
-            grade_node_div.appendChild(grade_text);
-            grade_node_div.appendChild(grade_number);
-            grade_node.appendChild(grade_node_div);
-            // Count the grade only if it's not temporary or explicitly enabled
-            if (!grade["temporary"] || !checkbox_state) {
-                grade_sum += grade["grade"];
-                grade_tot += 1;
-            }
-            subject_body_root.appendChild(grade_node);
-        });
-        let grade_average = (grade_tot === 0) ? "N/A" : (Math.round(((grade_sum / grade_tot) + Number.EPSILON) * 100) / 100);
-        let subject_header_average = document.createElement("div");
-				subject_header_average.className = "collapsible-header-right";
-				if(subject in zakljucne_grades_by_subject) {
-					subject_header_average.innerText = zakljucne_grades_by_subject[subject];
-					subject_header_average.classList.add = "zakljucna-grade";
-				} else {
-					subject_header_average.innerText = grade_average.toString();
-				}
-        subject_header.appendChild(subject_header_text);
-        subject_header.appendChild(subject_header_average);
-        subject_body.append(subject_body_root);
-        subject_entry.append(subject_header);
-        subject_entry.append(subject_body);
-        root_element.append(subject_entry);
-    });
-    $("#grades-collapsible").append(root_element);
-    refreshClickHandlers();
+	let grades_by_subject = {};
+	let zakljucne_grades_by_subject = {};
+	grades.forEach((grade, index) => {
+		if (grade["gradeType"] != GSEC_NORMAL_GRADE) {
+			zakljucne_grades_by_subject[grade["subject"]] = grade["grade"];
+		} else {
+			if (!(grade["subject"] in grades_by_subject)) {
+				grades_by_subject[grade["subject"]] = [];
+			}
+
+			let grade_object = {
+				date: dateString.longFormatted(grade["date"]),
+				teacher: grade["teacher"],
+				subject: grade["subject"],
+				title: grade["name"][0],
+				type: grade["name"][1],
+				term: grade["name"][2],
+				grade: grade["grade"],
+				temporary: grade["temporary"],
+				index: index
+			}
+			grades_by_subject[grade["subject"]].push(grade_object);
+		}
+	});
+
+	let root_element = document.getElementById("grades-collapsible");
+	Object.keys(grades_by_subject).forEach((subject) => {
+		// Create root element for a subject entry
+		let subject_entry = document.createElement("li");
+		// Create subject collapsible header
+		let subject_header = document.createElement("div");
+		subject_header.classList.add("collapsible-header");
+		subject_header.classList.add("collapsible-header-root");
+		// Create header text element
+		let subject_header_text = document.createElement("span");
+		subject_header_text.innerText = subject;
+		// Create collection for displaying individuals grades
+		let subject_body = document.createElement("div");
+		subject_body.className = "collapsible-body";
+		let subject_body_root = document.createElement("ul");
+		subject_body_root.className = "collection";
+		// Setup variables for calculating average
+		let grade_sum = 0;
+		let grade_tot = 0;
+		grades_by_subject[subject].forEach((grade) => {
+			// Create element for individual grade
+			let grade_node = document.createElement("li");
+			grade_node.className = "collection-item";
+			grade_node.classList.add("collection-item")
+			grade_node.classList.add("grade-node");
+			grade_node.dataset["index"] = grade["index"];
+			let grade_node_div = document.createElement("div");
+			// Node for date and subject text
+			let grade_text = document.createElement("span");
+			// Node for the actual number
+			let grade_number = document.createElement("div");
+			grade_number.className = "secondary-content";
+			// Apply different style, if the grade is temporary
+			if (grade["temporary"]) {
+				// Styling for text
+				let grade_text_italic = document.createElement("i");
+				grade_text_italic.innerText = grade["date"] + " - " + grade["title"];
+				grade_text.appendChild(grade_text_italic);
+				// Styling for number
+				let grade_number_italic = document.createElement("i");
+				grade_number_italic.innerText = grade["grade"].toString();
+				grade_number.appendChild(grade_number_italic);
+			} else {
+				// Text
+				grade_text.innerText = grade["date"] + " - " + grade["title"];
+				// Number
+				grade_number.innerText = grade["grade"].toString();
+			}
+			grade_node_div.appendChild(grade_text);
+			grade_node_div.appendChild(grade_number);
+			grade_node.appendChild(grade_node_div);
+			// Count the grade only if it's not temporary or explicitly enabled
+			if (!grade["temporary"] || !checkbox_state) {
+				grade_sum += grade["grade"];
+				grade_tot += 1;
+			}
+			subject_body_root.appendChild(grade_node);
+		});
+		let grade_average = (grade_tot === 0) ? "N/A" : (Math.round(((grade_sum / grade_tot) + Number.EPSILON) * 100) / 100);
+		let subject_header_average = document.createElement("div");
+		subject_header_average.className = "collapsible-header-right";
+		if (subject in zakljucne_grades_by_subject) {
+			subject_header_average.innerText = zakljucne_grades_by_subject[subject];
+			subject_header_average.classList.add = "zakljucna-grade";
+		} else {
+			subject_header_average.innerText = grade_average.toString();
+		}
+		subject_header.appendChild(subject_header_text);
+		subject_header.appendChild(subject_header_average);
+		subject_body.append(subject_body_root);
+		subject_entry.append(subject_header);
+		subject_entry.append(subject_body);
+		root_element.append(subject_entry);
+	});
+	$("#grades-collapsible").append(root_element);
+	refreshClickHandlers();
 }
 
 function clearGrades() {
-    const table = document.getElementById("grades-collapsible");
-    while (table.firstChild) {
-        table.removeChild(table.firstChild);
-    }
+	const table = document.getElementById("grades-collapsible");
+	while (table.firstChild) {
+		table.removeChild(table.firstChild);
+	}
 }
 
 function refreshGrades(force) {
-    clearGrades();
-    loadGrades(force);
+	clearGrades();
+	loadGrades(force);
 }
 
 function refreshClickHandlers() {
-    $("#grades-collapsible").find(".collection-item.grade-node").click(function () {
-        let grade_obj = grades[parseInt(this.dataset["index"])];
-        document.getElementById("grade-header").innerText = grade_obj["subject"] + ": " + grade_obj["grade"];
-        document.getElementById("grade-date").innerText = dateString.longFormatted(grade_obj["date"]);
-        document.getElementById("grade-title").innerText = grade_obj["name"][0];
-        document.getElementById("grade-type").innerText = S("type") + ": " + grade_obj["name"][1];
-        let term_element = document.getElementById("grade-term");
-        if (grade_obj["name"][2] !== "") {
-            term_element.innerText = S("term") + ": " + grade_obj["name"][2];
-            term_element.style["display"] = "";
-        } else {
-            term_element.style["display"] = "none";
-        }
-        document.getElementById("grade-teacher").innerText = S("teacher") + ": " + grade_obj["teacher"];
-        let temporary_object = document.getElementById("grade-temporary");
-        let temporary_object_root = document.getElementById("grade-temporary-root");
-        if (grade_obj["temporary"]) {
-            temporary_object.innerText = "(" + S("temporary") + ")";
-            temporary_object_root.style["display"] = "";
-        } else {
-            temporary_object_root.style["display"] = "none";
-        }
-        const modal = document.querySelectorAll('.side-modal')[0];
-        M.Sidenav.getInstance(modal).open();
-    });
+	$("#grades-collapsible").find(".collection-item.grade-node").click(function () {
+		let grade_obj = grades[parseInt(this.dataset["index"])];
+		document.getElementById("grade-header").innerText = grade_obj["subject"] + ": " + grade_obj["grade"];
+		document.getElementById("grade-date").innerText = dateString.longFormatted(grade_obj["date"]);
+		document.getElementById("grade-title").innerText = grade_obj["name"][0];
+		document.getElementById("grade-type").innerText = S("type") + ": " + grade_obj["name"][1];
+		let term_element = document.getElementById("grade-term");
+		if (grade_obj["name"][2] !== "") {
+			term_element.innerText = S("term") + ": " + grade_obj["name"][2];
+			term_element.style["display"] = "";
+		} else {
+			term_element.style["display"] = "none";
+		}
+		document.getElementById("grade-teacher").innerText = S("teacher") + ": " + grade_obj["teacher"];
+		let temporary_object = document.getElementById("grade-temporary");
+		let temporary_object_root = document.getElementById("grade-temporary-root");
+		if (grade_obj["temporary"]) {
+			temporary_object.innerText = "(" + S("temporary") + ")";
+			temporary_object_root.style["display"] = "";
+		} else {
+			temporary_object_root.style["display"] = "none";
+		}
+		const modal = document.querySelectorAll('.side-modal')[0];
+		M.Sidenav.getInstance(modal).open();
+	});
 }
 
 // Initialization code
 document.addEventListener("DOMContentLoaded", async () => {
-    checkLogin();
-
-    let coll_elem = document.querySelectorAll('.collapsible');
-    M.Collapsible.init(coll_elem, {});
-
-    // Setup refresh handler
-    $("#refresh-icon").click(function () {
-        refreshGrades(true);
-    });
-
-    // Setup checkbox handler
-    $("#permanent-grades-checkbox").change(function () {
-        checkbox_state = this.checked;
-        refreshGrades(false);
-    });
-    let elems = document.querySelectorAll('.modal');
-    M.Modal.init(elems, {});
-
-    // Setup side menu
-    const menus = document.querySelectorAll('.side-menu');
-    M.Sidenav.init(menus, { edge: 'right', draggable: true });
-
-    // Setup side modal
-    const modals = document.querySelectorAll('.side-modal');
-    M.Sidenav.init(modals, { edge: 'left', draggable: false });
-
-    clearGrades();
-    await loadGrades();
+	checkLogin();
+
+	let coll_elem = document.querySelectorAll('.collapsible');
+	M.Collapsible.init(coll_elem, {});
+
+	// Setup refresh handler
+	$("#refresh-icon").click(function () {
+		refreshGrades(true);
+	});
+
+	// Setup checkbox handler
+	$("#permanent-grades-checkbox").change(function () {
+		checkbox_state = this.checked;
+		refreshGrades(false);
+	});
+	let elems = document.querySelectorAll('.modal');
+	M.Modal.init(elems, {});
+
+	// Setup side menu
+	const menus = document.querySelectorAll('.side-menu');
+	M.Sidenav.init(menus, { edge: 'right', draggable: true });
+
+	// Setup side modal
+	const modals = document.querySelectorAll('.side-modal');
+	M.Sidenav.init(modals, { edge: 'left', draggable: false });
+
+	clearGrades();
+	await loadGrades();
 });