diff options
Diffstat (limited to 'dist/js/timetable.js')
| -rw-r--r-- | dist/js/timetable.js | 321 |
1 files changed, 20 insertions, 301 deletions
diff --git a/dist/js/timetable.js b/dist/js/timetable.js index 290b748..79539f6 100644 --- a/dist/js/timetable.js +++ b/dist/js/timetable.js @@ -1,302 +1,21 @@ -// const API_ENDPOINT = "https://gimb.tk/test.php"; // deprecated -// const API_ENDPOINT = "http://localhost:5000/test.php"; -var calendar_obj = null; - -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"); - } -} - -// ----GET COLOR FROM STRING-------- - -/** - * - * Calculate hash code from a string - * @param {string} input_string String to convert to hash - * @returns {string} calculated hash code - * - */ -function hashCode(str) { // java String#hashCode - var hash = 0; - for (var i = 0; i < str.length; i++) { - hash = str.charCodeAt(i) + ((hash << 5) - hash); - } - return hash; -} - -/** - * - * Convert last 3 bytes of an integer to RGB color - * @param {integer} input_integer Integer that will be converted to RGB color - * @returns {string} Hex color code - * - */ -function intToRGB(i) { - var c = (i & 0x00FFFFFF) - .toString(16) - .toUpperCase(); - - return "00000".substring(0, 6 - c.length) + c; -} - -// http://www.w3.org/TR/AERT#color-contrast -/** - * - * Calculate the matching foreground color for a given background (improves UX) - * @param {string} background_color Background color of the object - * @returns {string} Forground color that will match background color - */ -function getForegroundFromBackground(background_color) { - let color_hex = background_color.replace("#", ""); - let rgb = [ - parseInt(color_hex.substring(0, 2), 16), - parseInt(color_hex.substring(2, 4), 16), - parseInt(color_hex.substring(4, 6), 16) - ]; - let o = Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) + (parseInt(rgb[2]) * 114)) / 1000); - if (o > 180) { - return "#000000"; - } else { - return "#ffffff"; - } -} - -/** - * - * Convert a given string to hex color - * @param {string} input_string Input string - * @returns {string} Hex RGB color - */ -function getHexColorFromString(str) { - return "#" + intToRGB(hashCode(str)); -} -// -------------------------------------------------- - -// ---------DATE FUNCTION------------- -function getDateString(date) { - let year_str = date.getFullYear(); - let month_str = date.getMonth() + 1 - month_str = month_str.toString().padStart(2, "0"); - let day_str = date.getDate(); - day_str = day_str.toString().padStart(2, "0"); - - let date_string = year_str + "-" + month_str + "-" + day_str; - return date_string; -} - -function getLastMonday(date_object) { - if (date_object.getDay() === 0) { - date_object.setDate(date_object.getDate() - 6); - } else { - date_object.setDate(date_object.getDate() - date_object.getDay() + 1); - } - return date_object; -} -// ---------------------------------- - -async function loadTimetable(date_object, force_refresh = false) { - setLoading(true); - var timetable, username, password; - let date_monday = getLastMonday(date_object); - let date_string = getDateString(date_monday); - let promises_to_run = [ - localforage.getItem("username").then((value) => { - username = value; - }), - localforage.getItem("password").then((value) => { - password = value; - }), - localforage.getItem("timetable").then((value) => { - timetable = value; - }) - ]; - await Promise.all(promises_to_run); - if (force_refresh || timetable == null || !(date_string in timetable)) { - try { - let gsecInstance = new gsec(); - await gsecInstance.login(username, password); - gsecInstance.fetchTimetable(date_object).then( (value) => { - containsPeriods = false; - for(var iteration = 0; iteration <= 6; iteration++) { - if(Object.keys(value[iteration]).length > 0) { - containsPeriods = true; - // break; - } - } - if(!containsPeriods) { - UIAlert( D("noPeriods") ); - setLoading(false); - } else { - if (timetable === null) { - timetable = {}; - } - timetable[date_string] = value; - localforage.setItem("timetable", timetable).then(() => { - displayTimetable(value, date_monday); - setLoading(false); - }); - } - }).catch( (err) => { - gsecErrorHandlerUI(err); - setLoading(false); - }); - } catch (err) { - gsecErrorHandlerUI(err); - setLoading(false); - } - } else { - displayTimetable(timetable[date_string], date_monday); - setLoading(false); - } -} - -function getLessonTimes(lesson_number) { - const lessonTimes = [ - ["07:10:00", "07:55:00"], - ["08:00:00", "08:45:00"], - ["08:50:00", "09:35:00"], - ["09:40:00", "10:25:00"], - ["10:55:00", "11:40:00"], - ["11:45:00", "12:30:00"], - ["12:35:00", "13:20:00"], - ["13:25:00", "14:10:00"], - ["14:15:00", "15:00:00"], - ["15:05:00", "15:50:00"], - ["15:55:00", "16:40:00"], - ["16:45:00", "17:30:00"], - ["17:35:00", "18:20:00"], - ["18:25:00", "19:10:00"] - ]; - return lessonTimes[lesson_number]; -} - -function displayTimetable(weekly_timetable, date_object) { - let transformed_timetable = []; - - let num_days = Object.keys(weekly_timetable).length; - - for (let i = 0; i < num_days; i++) { - - // Get date string (required by callendar) - let date_string = getDateString(date_object); - // Go to next day (for next loop iteration) - date_object.setDate(date_object.getDate() + 1); - - let daily_timetable = weekly_timetable[i.toString()]; - - Object.keys(daily_timetable).forEach((lesson_number) => { - let lesson = daily_timetable[lesson_number]; - - let lesson_times = getLessonTimes(parseInt(lesson_number)); - let bg_color = getHexColorFromString(lesson["acronym"]); - let fg_color = getForegroundFromBackground(bg_color); - - let lesson_metadata = { - subject: lesson["subject"], - class: lesson["class"], - teacher: lesson["teacher"], - classroom: lesson["place"], - start: lesson_times[0].substring(0, 5), - end: lesson_times[1].substring(0, 5) - } - - let lesson_object = { - id: JSON.stringify(lesson_metadata), - title: lesson["acronym"], - start: date_string + " " + lesson_times[0], - end: date_string + " " + lesson_times[1], - backgroundColor: bg_color, - textColor: fg_color - }; - - transformed_timetable.push(lesson_object); - - }); - - } - // Update calendar - calendar_obj.removeAllEvents(); - calendar_obj.addEventSource(transformed_timetable); -} - -function eventClickHandler(eventClickInfo) { - let lesson_metadata = JSON.parse(eventClickInfo.event.id); - - let lesson_subject = lesson_metadata["subject"]; - let lesson_teacher = lesson_metadata["teacher"]; - let lesson_classroom = lesson_metadata["classroom"]; - let lesson_class = lesson_metadata["class"]; - let lesson_duration = lesson_metadata["start"] + " - " + lesson_metadata["end"]; - - $("#lesson-subject").text(lesson_subject); - $("#lesson-teacher").text(lesson_teacher); - $("#lesson-class").text(lesson_class); - $("#lesson-classroom").text(lesson_classroom); - $("#lesson-duration").text(lesson_duration); - - const modal = document.querySelectorAll(".side-modal")[0]; - M.Sidenav.getInstance(modal).open(); -} - - -document.addEventListener("DOMContentLoaded", () => { - checkLogin(); - - let calendarEl = document.getElementById("calendar"); - calendar_obj = new FullCalendar.Calendar(calendarEl, { - plugins: ["timeGrid"], - eventClick: eventClickHandler, - - defaultView: "timeGridWeek", - contentHeight: "auto", - height: "auto", - width: "auto", - timeGridEventMinHeight: 35, - - nowIndicator: true, - firstDay: 1, - weekends: false, - - minTime: "07:10:00", - maxTime: "19:10:00" - }); - calendar_obj.render(); - - loadTimetable(new Date()); - - // Handlers for next/prev/today buttons - $(".fc-today-button, .fc-prev-button, .fc-next-button").click(() => { - loadTimetable(calendar_obj.getDate()); - }); - - // Setup refresh handler - $("#refresh-icon").click(() => { - loadTimetable(calendar_obj.getDate(), true); - }); - - // 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 }); -}); +var calendar_obj=null;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");}} +function hashCode(str){var hash=0;for(var i=0;i<str.length;i++){hash=str.charCodeAt(i)+((hash<<5)-hash);} +return hash;} +function intToRGB(i){var c=(i&0x00FFFFFF).toString(16).toUpperCase();return"00000".substring(0,6-c.length)+c;} +function getForegroundFromBackground(background_color){let color_hex=background_color.replace("#","");let rgb=[parseInt(color_hex.substring(0,2),16),parseInt(color_hex.substring(2,4),16),parseInt(color_hex.substring(4,6),16)];let o=Math.round(((parseInt(rgb[0])*299)+(parseInt(rgb[1])*587)+(parseInt(rgb[2])*114))/1000);if(o>180){return"#000000";}else{return"#ffffff";}} +function getHexColorFromString(str){return"#"+intToRGB(hashCode(str));} +function getDateString(date){let year_str=date.getFullYear();let month_str=date.getMonth()+1 +month_str=month_str.toString().padStart(2,"0");let day_str=date.getDate();day_str=day_str.toString().padStart(2,"0");let date_string=year_str+"-"+month_str+"-"+day_str;return date_string;} +function getLastMonday(date_object){if(date_object.getDay()===0){date_object.setDate(date_object.getDate()-6);}else{date_object.setDate(date_object.getDate()-date_object.getDay()+1);} +return date_object;} +async function loadTimetable(date_object,force_refresh=false){setLoading(true);var timetable,username,password;let date_monday=getLastMonday(date_object);let date_string=getDateString(date_monday);let promises_to_run=[localforage.getItem("username").then((value)=>{username=value;}),localforage.getItem("password").then((value)=>{password=value;}),localforage.getItem("timetable").then((value)=>{timetable=value;})];await Promise.all(promises_to_run);if(force_refresh||timetable==null||!(date_string in timetable)){try{let gsecInstance=new gsec();await gsecInstance.login(username,password);gsecInstance.fetchTimetable(date_object).then((value)=>{containsPeriods=false;for(var iteration=0;iteration<=6;iteration++){if(Object.keys(value[iteration]).length>0){containsPeriods=true;}} +if(!containsPeriods){UIAlert(D("noPeriods"));setLoading(false);}else{if(timetable===null){timetable={};} +timetable[date_string]=value;localforage.setItem("timetable",timetable).then(()=>{displayTimetable(value,date_monday);setLoading(false);});}}).catch((err)=>{gsecErrorHandlerUI(err);setLoading(false);});}catch(err){gsecErrorHandlerUI(err);setLoading(false);}}else{displayTimetable(timetable[date_string],date_monday);setLoading(false);}} +function getLessonTimes(lesson_number){const lessonTimes=[["07:10:00","07:55:00"],["08:00:00","08:45:00"],["08:50:00","09:35:00"],["09:40:00","10:25:00"],["10:55:00","11:40:00"],["11:45:00","12:30:00"],["12:35:00","13:20:00"],["13:25:00","14:10:00"],["14:15:00","15:00:00"],["15:05:00","15:50:00"],["15:55:00","16:40:00"],["16:45:00","17:30:00"],["17:35:00","18:20:00"],["18:25:00","19:10:00"]];return lessonTimes[lesson_number];} +function displayTimetable(weekly_timetable,date_object){let transformed_timetable=[];let num_days=Object.keys(weekly_timetable).length;for(let i=0;i<num_days;i++){let date_string=getDateString(date_object);date_object.setDate(date_object.getDate()+1);let daily_timetable=weekly_timetable[i.toString()];Object.keys(daily_timetable).forEach((lesson_number)=>{let lesson=daily_timetable[lesson_number];let lesson_times=getLessonTimes(parseInt(lesson_number));let bg_color=getHexColorFromString(lesson["acronym"]);let fg_color=getForegroundFromBackground(bg_color);let lesson_metadata={subject:lesson["subject"],class:lesson["class"],teacher:lesson["teacher"],classroom:lesson["place"],start:lesson_times[0].substring(0,5),end:lesson_times[1].substring(0,5)} +let lesson_object={id:JSON.stringify(lesson_metadata),title:lesson["acronym"],start:date_string+" "+lesson_times[0],end:date_string+" "+lesson_times[1],backgroundColor:bg_color,textColor:fg_color};transformed_timetable.push(lesson_object);});} +calendar_obj.removeAllEvents();calendar_obj.addEventSource(transformed_timetable);} +function eventClickHandler(eventClickInfo){let lesson_metadata=JSON.parse(eventClickInfo.event.id);let lesson_subject=lesson_metadata["subject"];let lesson_teacher=lesson_metadata["teacher"];let lesson_classroom=lesson_metadata["classroom"];let lesson_class=lesson_metadata["class"];let lesson_duration=lesson_metadata["start"]+" - "+lesson_metadata["end"];$("#lesson-subject").text(lesson_subject);$("#lesson-teacher").text(lesson_teacher);$("#lesson-class").text(lesson_class);$("#lesson-classroom").text(lesson_classroom);$("#lesson-duration").text(lesson_duration);const modal=document.querySelectorAll(".side-modal")[0];M.Sidenav.getInstance(modal).open();} +document.addEventListener("DOMContentLoaded",()=>{checkLogin();let calendarEl=document.getElementById("calendar");calendar_obj=new FullCalendar.Calendar(calendarEl,{plugins:["timeGrid"],eventClick:eventClickHandler,defaultView:"timeGridWeek",contentHeight:"auto",height:"auto",width:"auto",timeGridEventMinHeight:35,nowIndicator:true,firstDay:1,weekends:false,minTime:"07:10:00",maxTime:"19:10:00"});calendar_obj.render();loadTimetable(new Date());$(".fc-today-button, .fc-prev-button, .fc-next-button").click(()=>{loadTimetable(calendar_obj.getDate());});$("#refresh-icon").click(()=>{loadTimetable(calendar_obj.getDate(),true);});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});});
\ No newline at end of file |