summaryrefslogtreecommitdiffstats
path: root/dist/js/grades.js
diff options
context:
space:
mode:
Diffstat (limited to 'dist/js/grades.js')
-rwxr-xr-xdist/js/grades.js260
1 files changed, 16 insertions, 244 deletions
diff --git a/dist/js/grades.js b/dist/js/grades.js
index 549ac7c..5f9f9be 100755
--- a/dist/js/grades.js
+++ b/dist/js/grades.js
@@ -1,245 +1,17 @@
-// const API_ENDPOINT = "https://gimb.tk/test.php"; // deprecated
-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);
- });
-}
-// Set loading bar visibility
-function setLoading(state) {
- 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);
- }
-}
-
-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"];
- } 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);
- }
-}
-
-function refreshGrades(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();
- });
-}
-
-// 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();
-
-});
+let checkbox_state=false;var grades;async function checkLogin(){localforage.getItem("logged_in").then((value)=>{if(value!==true){window.location.replace("/index.html");}}).catch((err)=>{console.log(err);});}
+function setLoading(state){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(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"];}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)=>{let subject_entry=document.createElement("li");let subject_header=document.createElement("div");subject_header.classList.add("collapsible-header");subject_header.classList.add("collapsible-header-root");let subject_header_text=document.createElement("span");subject_header_text.innerText=subject;let subject_body=document.createElement("div");subject_body.className="collapsible-body";let subject_body_root=document.createElement("ul");subject_body_root.className="collection";let grade_sum=0;let grade_tot=0;grades_by_subject[subject].forEach((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");let grade_text=document.createElement("span");let grade_number=document.createElement("div");grade_number.className="secondary-content";if(grade["temporary"]){let grade_text_italic=document.createElement("i");grade_text_italic.innerText=grade["date"]+" - "+grade["title"];grade_text.appendChild(grade_text_italic);let grade_number_italic=document.createElement("i");grade_number_italic.innerText=grade["grade"].toString();grade_number.appendChild(grade_number_italic);}else{grade_text.innerText=grade["date"]+" - "+grade["title"];grade_number.innerText=grade["grade"].toString();}
+grade_node_div.appendChild(grade_text);grade_node_div.appendChild(grade_number);grade_node.appendChild(grade_node_div);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);}}
+function refreshGrades(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();});}
+document.addEventListener("DOMContentLoaded",async()=>{checkLogin();let coll_elem=document.querySelectorAll('.collapsible');M.Collapsible.init(coll_elem,{});$("#refresh-icon").click(function(){refreshGrades(true);});$("#permanent-grades-checkbox").change(function(){checkbox_state=this.checked;refreshGrades(false);});let elems=document.querySelectorAll('.modal');M.Modal.init(elems,{});const menus=document.querySelectorAll('.side-menu');M.Sidenav.init(menus,{edge:'right',draggable:true});const modals=document.querySelectorAll('.side-modal');M.Sidenav.init(modals,{edge:'left',draggable:false});clearGrades();await loadGrades();}); \ No newline at end of file