`, ).firstChild; (element as HTMLElement).append(MenuItemToggle!); if (!element.dataset.betterseqta) { const a = document.createElement('section') a.innerHTML = element.innerHTML cloneAttributes(a, element) menu!.firstChild!.insertBefore(a, element) element.remove() } } if (Object.keys(result.menuitems).length == 0) { menubuttons = menu!.firstChild!.childNodes; var menuItems = {}; for (var i = 0; i < menubuttons.length; i++) { var id = (menubuttons[i] as HTMLElement).dataset.key; const element: any = {}; element.toggle = true; (menuItems[id as keyof typeof menuItems] as any) = element; } browser.storage.local.set({ menuitems: menuItems }); } var menubuttons: any = document.getElementsByClassName('menuitem'); const result1 = browser.storage.local.get(['menuitems']) function open (result: any) { var menuItems = result.menuitems; let buttons = document.getElementsByClassName('menuitem'); for (var i = 0; i < buttons.length; i++) { var id = buttons[i].id; if (menuItems[id]) { (buttons[i] as HTMLInputElement).checked = menuItems[id].toggle; } if (!menuItems[id]) { (buttons[i] as HTMLInputElement).checked = true; } } } result1.then(open, onError); try { var el = document.querySelector('#menu > ul'); var sortable = Sortable.create((el as HTMLElement), { draggable: '.draggable', dataIdAttr: 'data-key', animation: 150, easing: "cubic-bezier(.5,0,.5,1)", onEnd: function () { saveNewOrder(sortable); }, }); } catch (err) { console.log(err); } function changeDisplayProperty(element: any) { if (!element.checked) { element.parentNode.parentNode.style.display = 'var(--menuHidden)'; } if (element.checked) { element.parentNode.parentNode.style.setProperty( 'display', 'flex', 'important', ); } } function StoreMenuSettings() { const menuItems: any = {}; const menubuttons = menu!.firstChild!.childNodes const button = document.getElementsByClassName('menuitem') for (let i = 0; i < menubuttons.length; i++) { const id = (menubuttons[i] as HTMLElement).dataset.key; const element: any = {}; element.toggle = (button[i] as HTMLInputElement).checked menuItems[id as keyof typeof menuItems] = element; } browser.storage.local.set({ menuitems: menuItems }) } for (let i = 0; i < menubuttons.length; i++) { const element = menubuttons[i]; element.addEventListener('change', () => { element.parentElement.parentElement.getAttribute('data-key'); StoreMenuSettings(); changeDisplayProperty(element); }); } function closeAll() { console.log("Closing!"); ListItems = menu!.firstChild!.childNodes; menusettings.remove(); cover.remove(); MenuOptionsOpen = false; menu!.style.setProperty('--menuHidden', 'none'); for (let i = 0; i < ListItems.length; i++) { const element1 = ListItems[i]; const element = element1 as HTMLElement element.classList.remove('draggable'); element.setAttribute('draggable', 'false'); if (!element.dataset.betterseqta) { const a = document.createElement('li') a.innerHTML = element.innerHTML cloneAttributes(a, element) menu!.firstChild!.insertBefore(a, element) element.remove() } } let switches = menu!.querySelectorAll('.onoffswitch'); for (let i = 0; i < switches.length; i++) { switches[i].remove(); } } cover.addEventListener('click', closeAll); savebutton.addEventListener('click', closeAll); defaultbutton.addEventListener('click', function () { const result = browser.storage.local.get() function open (response: any) { const options = response.defaultmenuorder; browser.storage.local.set({ menuorder: options }); ChangeMenuItemPositions(options); for (let i = 0; i < menubuttons.length; i++) { const element = menubuttons[i]; element.checked = true; element.parentNode.parentNode.style.setProperty( 'display', 'flex', 'important', ); } saveNewOrder(sortable); } result.then(open, onError) }); } result.then(open, onError) } function ReplaceMenuSVG(element: HTMLElement, svg: string) { let item = element.firstChild as HTMLElement; item!.firstChild!.remove(); if (element.dataset.key == 'messages') { (element!.firstChild! as HTMLElement).innerText! = 'Direct Messages'; } let newsvg = stringToHTML(svg).firstChild; item.insertBefore((newsvg as Node), item.firstChild); } async function AddBetterSEQTAElements(toggle: any) { const code = document.getElementsByClassName('code')[0]; // Replaces students code with the version of BetterSEQTA if (code != null) { if (!code.innerHTML.includes('BetterSEQTA')) { UserInitalCode = code.innerHTML; code.innerHTML = `BetterSEQTA v${browser.runtime.getManifest().version}`; code.setAttribute('data-hover', 'Click for user code'); code.addEventListener('click', function () { var code = document.getElementsByClassName('code')[0]; if (code.innerHTML.includes('BetterSEQTA')) { code.innerHTML = UserInitalCode; code.setAttribute('data-hover', 'Click for BetterSEQTA version'); } else { code.innerHTML = `BetterSEQTA v${ browser.runtime.getManifest().version }`; code.setAttribute('data-hover', 'Click for user code'); } }); if (toggle) { // Creates Home menu button and appends it as the first child of the list const result = await browser.storage.local.get(); animbkEnable(result); updateBgDurations(result); DarkMode = result.DarkMode; if (DarkMode) { document.documentElement.classList.add('dark'); } const container = document.getElementById('content')!; const div = document.createElement('div') div.classList.add('titlebar'); container.append(div); const NewButton = stringToHTML('

Home

'); const menu = document.getElementById('menu')!; const List = menu.firstChild! as HTMLElement; if (NewButton.firstChild) { List.insertBefore(NewButton.firstChild, List.firstChild); } try { // Fetch the response and wait for it const response = await fetch(`${location.origin}/seqta/student/login`, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', }, body: JSON.stringify({ mode: 'normal', query: null, redirect_url: location.origin, }), }); // Parse the JSON response and wait for it const responseData = await response.json(); let info = responseData.payload; // Manipulate the DOM as needed const titlebar = document.getElementsByClassName('titlebar')[0]; const userInfo = stringToHTML( '', ).firstChild; titlebar.append(userInfo!); const userinfo = stringToHTML(`

${info.userDesc}

${UserInitalCode}

`).firstChild; titlebar.append(userinfo!); var logoutbutton = document.getElementsByClassName('logout')[0]; var userInfosvgdiv = document.getElementById('logouttooltip')!; userInfosvgdiv.appendChild(logoutbutton); } catch (error) { console.error('Error fetching and processing data:', error); } try { // Await the fetch response const response = await fetch(`${location.origin}/seqta/student/load/message/people`, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', }, body: JSON.stringify({ mode: 'student' }), }); // Await the JSON parsing of the response const responseData = await response.json(); let students = responseData.payload; // Process the students data var index = students.findIndex(function (person: any) { return ( person.firstname == students.userDesc.split(' ')[0] && person.surname == students.userDesc.split(' ')[1] ); }); let houseelement1 = document.getElementsByClassName('userInfohouse')[0]; const houseelement = houseelement1 as HTMLElement if (students[index]?.house) { (houseelement as HTMLElement).style.background = students[index].house_colour; try { let colorresult = GetThresholdOfColor(students[index]?.house_colour); houseelement.style.color = colorresult && colorresult > 300 ? 'black' : 'white'; houseelement.innerText = students[index].year + students[index].house; } catch (error) { houseelement.innerText = students[index].house; } } else { houseelement.innerText = students[index].year; } } catch (error) { console.error('Error fetching and processing student data:', error); } var NewsButtonStr = '

News

'; var NewsButton = stringToHTML(NewsButtonStr); List!.appendChild(NewsButton.firstChild!); editmenu = document.createElement('div'); editmenu.classList.add('editmenu'); let svg = stringToHTML( '', ); editmenu.append(svg.firstChild!); menu!.appendChild(editmenu); let a = document.createElement('div'); a.classList.add('icon-cover'); a.id = 'icon-cover'; menu!.appendChild(a); var editmenu = document.querySelector('#editmenu'); editmenu!.addEventListener('click', function () { if (!MenuOptionsOpen) { OpenMenuOptions(); } }); var menuCover = document.querySelector('#icon-cover'); menuCover!.addEventListener('click', function () { location.href = '../#?page=/home'; SendHomePage(); (document! .getElementById('menu')! .firstChild! as HTMLElement).classList.remove('noscroll'); }); // Creates the home container when the menu button is pressed var homebutton = document.getElementById('homebutton'); homebutton!.addEventListener('click', function () { if (!MenuOptionsOpen) { SendHomePage(); } }); // Creates the news container when the menu button is pressed var newsbutton = document.getElementById('newsbutton'); newsbutton!.addEventListener('click', function () { if (!MenuOptionsOpen) { SendNewsPage(); } }); } appendBackgroundToUI(); addExtensionSettings(); // If betterSEQTA+ is enabled, run the code if (toggle) { // Creates settings and dashboard buttons next to alerts var SettingsButton = stringToHTML( '', ); var ContentDiv = document.getElementById('content'); ContentDiv!.append(SettingsButton.firstChild!); const result: any = await new Promise(resolve => { const result = browser.storage.local.get(); result.then(resolve, onError) }); const DarkMode = result!.DarkMode; const tooltipString = GetLightDarkModeString(DarkMode); const svgContent = DarkMode ? '' : ''; const LightDarkModeButton = stringToHTML(` `); ContentDiv!.append(LightDarkModeButton.firstChild!); updateAllColors(DarkMode, result.selectedColor); document.getElementById('LightDarkModeButton')!.addEventListener('click', async () => { const result: any = await new Promise(resolve => { const result = browser.storage.local.get(); result.then(resolve, onError) }); const newDarkMode = !result!.DarkMode; browser.storage.local.set({ DarkMode: newDarkMode }); updateAllColors(newDarkMode, result.selectedColor); const darklightText = document.getElementById('darklighttooliptext'); darklightText!.innerText = GetLightDarkModeString(newDarkMode); }); // Locate the menuToggle element const menuToggle = document.getElementById('menuToggle'); menuToggle!.innerHTML = ''; // Create three divs to act as lines of the hamburger icon for (let i = 0; i < 3; i++) { const line = document.createElement('div'); line.className = 'hamburger-line'; menuToggle!.appendChild(line); } } else { // Creates settings and dashboard buttons next to alerts SettingsButton = stringToHTML( '', ); ContentDiv = document.getElementById('content'); ContentDiv!.append(SettingsButton.firstChild!); } var AddedSettings = document.getElementById('AddedSettings'); var extensionPopup = document.getElementById('ExtensionPopup'); AddedSettings!.addEventListener('click', function () { if (SettingsClicked) { extensionPopup!.classList.add('hide'); animate( '#ExtensionPopup', { opacity: [1, 0], scale: [1, 0] }, { easing: spring({ stiffness: 220, damping: 18 }) } ); (document.getElementById('ExtensionIframe')! as HTMLIFrameElement).contentWindow!.postMessage('popupClosed', '*'); SettingsClicked = false; } else { extensionPopup!.classList.remove('hide'); animate( '#ExtensionPopup', { opacity: [0, 1], scale: [0, 1] }, { easing: spring({ stiffness: 260, damping: 24 }) } ) SettingsClicked = true; } }); } } } let tooltipstring; function GetLightDarkModeString(darkmodetoggle: boolean) { if (darkmodetoggle) { tooltipstring = 'Switch to light theme'; } else { tooltipstring = 'Switch to dark theme'; } return tooltipstring; } function CheckCurrentLesson(lesson: any, num: number) { var startTime = lesson.from; var endTime = lesson.until; // Gets current time let currentDate = new Date(); // Takes start time of current lesson and makes it into a Date function for comparison let startDate = new Date(currentDate.getTime()); startDate.setHours(startTime.split(':')[0]); startDate.setMinutes(startTime.split(':')[1]); startDate.setSeconds(parseInt('00')); // Takes end time of current lesson and makes it into a Date function for comparison let endDate = new Date(currentDate.getTime()); endDate.setHours(endTime.split(':')[0]); endDate.setMinutes(endTime.split(':')[1]); endDate.setSeconds(parseInt('00')); // Gets the difference between the start time and current time var difference = startDate.getTime() - currentDate.getTime(); // Converts the difference into minutes var minutes = Math.floor(difference / 1000 / 60); // Checks if current time is between the start time and end time of current tested lesson let valid = startDate < currentDate && endDate > currentDate; let id = lesson.code + num; const date = new Date(); var elementA = document.getElementById(id); if (!elementA) { clearInterval(LessonInterval); } else { if ( currentSelectedDate.toLocaleDateString('en-au') == date.toLocaleDateString('en-au') ) { if (valid) { // Apply the activelesson class to increase the box-shadow of current lesson elementA.classList.add('activelesson'); } else { // Removes the activelesson class to ensure only the active lesson have the class if (elementA != null) { elementA.classList.remove('activelesson'); } } } } // If 5 minutes before the start of another lesson: if (minutes == 5) { const result = browser.storage.local.get('lessonalert') function open (result: any) { if (result.lessonalert) { // Checks if notifications are supported if (!window.Notification) { console.log('Browser does not support notifications.'); } else { // check if permission is already granted if (Notification.permission === 'granted') { new Notification('Next Lesson in 5 Minutes:', { body: 'Subject: ' + lesson.description + ' \nRoom: ' + lesson.room + ' \nTeacher: ' + lesson.staff, }); } else { // request permission from user Notification.requestPermission() .then(function (p) { if (p === 'granted') { // show notification here new Notification('Next Lesson in 5 Minutes:', { body: 'Subject: ' + lesson.description + ' \nRoom: ' + lesson.room + ' \nTeacher: ' + lesson.staff, }); } else { console.log('User blocked notifications.'); } }) .catch(function (err) { console.error(err); }); } } } } result.then(open, onError) } } export function GetThresholdOfColor(color: any) { // Case-insensitive regular expression for matching RGBA colors const rgbaRegex = /rgba?$([^)]+)$/gi; // Check if the color string is a gradient (linear or radial) if (color.includes('gradient')) { let gradientThresholds = []; // Find and replace all instances of RGBA in the gradient let match; while ((match = rgbaRegex.exec(color)) !== null) { // Extract the individual components (r, g, b, a) const rgbaString = match[1]; const [r, g, b] = rgbaString.split(',').map(str => str.trim()); // Compute the threshold using your existing algorithm const threshold = Math.sqrt(parseInt(r) ** 2 + parseInt(g) ** 2 + parseInt(b) ** 2); // Store the computed threshold gradientThresholds.push(threshold); } // Calculate the average threshold const averageThreshold = gradientThresholds.reduce((acc, val) => acc + val, 0) / gradientThresholds.length; return averageThreshold; } else { // Handle the color as a simple RGBA (or hex, or whatever the Color library supports) const rgb = Color.rgb(color).object(); return Math.sqrt(rgb.r ** 2 + rgb.g ** 2 + rgb.b ** 2); } } function CheckCurrentLessonAll(lessons: any) { // Checks each lesson and sets an interval to run every 60 seconds to continue updating LessonInterval = setInterval( function () { for (let i = 0; i < lessons.length; i++) { CheckCurrentLesson(lessons[i], i + 1); } }.bind(lessons), 60000, ); } // Helper function to build the assessment URL function buildAssessmentURL(programmeID: any, metaID: any, itemID = '') { const base = '../#?page=/assessments/'; return itemID ? `${base}${programmeID}:${metaID}&item=${itemID}` : `${base}${programmeID}:${metaID}`; } // Function to create a lesson div element from a lesson object function makeLessonDiv(lesson: any, num: number) { if (!lesson) throw new Error('No lesson provided.'); const { code, colour, description, staff, room, from, until, attendanceTitle, programmeID, metaID, assessments } = lesson; // Construct the base lesson string with default values using ternary operators let lessonString = `

${description || 'Unknown'}

${staff || 'Unknown'}

${room || 'Unknown'}

${from || 'Unknown'} - ${until || 'Unknown'}

${attendanceTitle || 'Unknown'}

`; // Add buttons for assessments and courses if applicable if (programmeID !== 0) { lessonString += `

${assessmentsicon}

${coursesicon}

`; } // Add assessments if they exist if (assessments && assessments.length > 0) { const assessmentString = assessments.map((element: any) => `

${element.title}

` ).join(''); lessonString += ` `; } lessonString += '

'; return stringToHTML(lessonString); } function CheckUnmarkedAttendance(lessonattendance: any) { if (lessonattendance) { var lesson = lessonattendance.label; } else { lesson = ' '; } return lesson; } function callHomeTimetable(date: string, change?: any) { // Creates a HTTP Post Request to the SEQTA page for the students timetable var xhr = new XMLHttpRequest(); xhr.open('POST', `${location.origin}/seqta/student/load/timetable?`, true); // Sets the response type to json xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8'); xhr.onreadystatechange = function () { // Once the response is ready if (xhr.readyState === 4) { var serverResponse = JSON.parse(xhr.response); let lessonArray: Array = []; const DayContainer = document.getElementById('day-container')!; // If items in response: if (serverResponse.payload.items.length > 0) { if (DayContainer.innerText || change) { for (let i = 0; i < serverResponse.payload.items.length; i++) { lessonArray.push(serverResponse.payload.items[i]); } lessonArray.sort(function (a, b) { return a.from.localeCompare(b.from); }); // If items in the response, set each corresponding value into divs // lessonArray = lessonArray.splice(1) GetLessonColours().then((colours) => { let subjects = colours; for (let i = 0; i < lessonArray.length; i++) { let subjectname = `timetable.subject.colour.${lessonArray[i].code}`; let subject = subjects.find( (element: any) => element.name === subjectname, ); if (!subject) { lessonArray[i].colour = '--item-colour: #8e8e8e;'; } else { lessonArray[i].colour = `--item-colour: ${subject.value};`; let result = GetThresholdOfColor(subject.value); if (result > 300) { lessonArray[i].invert = true; } } // Removes seconds from the start and end times lessonArray[i].from = lessonArray[i].from.substring(0, 5); lessonArray[i].until = lessonArray[i].until.substring(0, 5); // Checks if attendance is unmarked, and sets the string to " ". lessonArray[i].attendanceTitle = CheckUnmarkedAttendance( lessonArray[i].attendance, ); } // If on home page, apply each lesson to HTML with information in each div DayContainer.innerText = ''; for (let i = 0; i < lessonArray.length; i++) { var div = makeLessonDiv(lessonArray[i], i + 1); // Append each of the lessons into the day-container if (lessonArray[i].invert) { const div1 = div.firstChild! as HTMLElement div1.classList.add('day-inverted'); } DayContainer.append(div.firstChild as HTMLElement); } const today = new Date(); if (currentSelectedDate.getDate() == today.getDate()) { for (let i = 0; i < lessonArray.length; i++) { CheckCurrentLesson(lessonArray[i], i + 1); } // For each lesson, check the start and end times CheckCurrentLessonAll(lessonArray); } }); } } else { if (!DayContainer.innerText || change) { DayContainer.innerText = ''; var dummyDay = document.createElement('div'); dummyDay.classList.add('day-empty'); let img = document.createElement('img'); img.src = browser.runtime.getURL('icons/betterseqta-light-icon.png'); let text = document.createElement('p'); text.innerText = 'No lessons available.'; dummyDay.append(img); dummyDay.append(text); DayContainer.append(dummyDay); } } } }; xhr.send( JSON.stringify({ // Information sent to SEQTA page as a request with the dates and student number from: date, until: date, // Funny number student: 69, }), ); } function GetUpcomingAssessments() { let func = fetch(`${location.origin}/seqta/student/assessment/list/upcoming?`, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', }, body: JSON.stringify({ student: 69 }), }); return func .then((result) => result.json()) .then((response) => response.payload); } async function GetActiveClasses() { try { const response = await fetch(`${location.origin}/seqta/student/load/subjects?`, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8' }, body: JSON.stringify({}) }); if (!response.ok) { throw new Error(`HTTP error! Status: ${response.status}`); } const data = await response.json(); return data.payload; } catch (error) { console.error('Oops! There was a problem fetching active classes:', error); } } function comparedate(obj1: any, obj2: any) { if (obj1.date < obj2.date) { return -1; } if (obj1.date > obj2.date) { return 1; } return 0; } function CreateElement(type: string, class_?: any, id?: any, innerText?: string, innerHTML?: string, style?: string) { let element = document.createElement(type); if (class_ !== undefined) { element.classList.add(class_); } if (id !== undefined) { element.id = id; } if (innerText !== undefined) { element.innerText = innerText; } if (innerHTML !== undefined) { element.innerHTML = innerHTML; } if (style !== undefined) { element.style.cssText = style; } return element; } function createAssessmentDateDiv(date: string, value: any, datecase?: any) { var options = { weekday: 'long' as 'long', month: 'long' as 'long', day: 'numeric' as 'numeric' }; const FormattedDate = new Date(date); const assessments = value.assessments; const container = value.div; let DateTitleDiv = document.createElement('div'); DateTitleDiv.classList.add('upcoming-date-title'); if (datecase) { let datetitle = document.createElement('h5'); datetitle.classList.add('upcoming-special-day'); datetitle.innerText = datecase; DateTitleDiv.append(datetitle); container.setAttribute('data-day', datecase); } let DateTitle = document.createElement('h5'); DateTitle.innerText = FormattedDate.toLocaleDateString('en-AU', options); DateTitleDiv.append(DateTitle); container.append(DateTitleDiv); let assessmentContainer = document.createElement('div'); assessmentContainer.classList.add('upcoming-date-assessments'); for (let i = 0; i < assessments.length; i++) { const element = assessments[i]; let item = document.createElement('div'); item.classList.add('upcoming-assessment'); item.setAttribute('data-subject', element.code); item.id = `assessment${element.id}`; item.style.cssText = element.colour; let titlediv = document.createElement('div'); titlediv.classList.add('upcoming-subject-title'); let titlesvg = stringToHTML(``).firstChild; titlediv.append(titlesvg!); let detailsdiv = document.createElement('div'); detailsdiv.classList.add('upcoming-details'); let detailstitle = document.createElement('h5'); detailstitle.innerText = `${element.subject} assessment`; let subject = document.createElement('p'); subject.innerText = element.title; subject.classList.add('upcoming-assessment-title'); subject.onclick = function () { document.querySelector('#menu ul')!.classList.add('noscroll'); location.href = `../#?page=/assessments/${element.programmeID}:${element.metaclassID}&item=${element.id}`; }; detailsdiv.append(detailstitle); detailsdiv.append(subject); item.append(titlediv); item.append(detailsdiv); assessmentContainer.append(item); fetch(`${location.origin}/seqta/student/assessment/submissions/get`, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', }, body: JSON.stringify({ assessment: element.id, metaclass: element.metaclassID, student: 69, }), }) .then((result) => result.json()) .then((response) => { if (response.payload.length > 0) { const assessment = document.querySelector(`#assessment${element.id}`); // ticksvg = stringToHTML(``).firstChild // ticksvg.classList.add('upcoming-tick'); // assessment.append(ticksvg); let submittedtext = document.createElement('div'); submittedtext.classList.add('upcoming-submittedtext'); submittedtext.innerText = 'Submitted'; assessment!.append(submittedtext); } }); } container.append(assessmentContainer); return container; } function CheckSpecialDay(date1: Date, date2: Date) { if ( date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() - 1 === date2.getDate() ) { return 'Yesterday'; } if ( date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate() ) { return 'Today'; } if ( date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() + 1 === date2.getDate() ) { return 'Tomorrow'; } } function CreateSubjectFilter(subjectcode: any, itemcolour: string, checked: any) { let label = CreateElement('label', 'upcoming-checkbox-container'); label.innerText = subjectcode; let input1 = CreateElement('input'); const input = input1 as HTMLInputElement input.type = 'checkbox'; input.checked = checked; input.id = `filter-${subjectcode}`; label.style.cssText = itemcolour; let span = CreateElement('span', 'upcoming-checkmark'); label.append(input); label.append(span); input.addEventListener('change', function (change) { const result = browser.storage.local.get() function open (storage: any) { let filters = storage.subjectfilters; let id = (change.target as HTMLInputElement)!.id.split('-')[1]; filters[id] = (change.target as HTMLInputElement)!.checked; browser.storage.local.set({ subjectfilters: filters }); } result.then(open, onError) }); return label; } function CreateFilters(subjects: any) { const result = browser.storage.local.get() function open (result: any) { let filteroptions = result.subjectfilters; let filterdiv = document.querySelector('#upcoming-filters'); for (let i = 0; i < subjects.length; i++) { const element = subjects[i]; // eslint-disable-next-line if (!Object.prototype.hasOwnProperty.call(filteroptions, element.code)) { filteroptions[element.code] = true; browser.storage.local.set({ subjectfilters: filteroptions }); } let elementdiv = CreateSubjectFilter( element.code, element.colour, filteroptions[element.code], ); filterdiv!.append(elementdiv); } } result.then(open, onError) } function CreateUpcomingSection(assessments: any, activeSubjects: any) { let upcomingitemcontainer = document.querySelector('#upcoming-items'); let overdueDates = []; let upcomingDates = {}; // date = '2022/3/20'; // var Today = new Date(date); var Today = new Date(); // Removes overdue assessments from the upcoming assessments array and pushes to overdue array for (let i = 0; i < assessments.length; i++) { const element = assessments[i]; let assessmentdue = new Date(element.due); CheckSpecialDay(Today, assessmentdue); if (assessmentdue < Today) { if (!CheckSpecialDay(Today, assessmentdue)) { overdueDates.push(element); assessments.splice(i, 1); i--; } } } var TomorrowDate = new Date(); TomorrowDate.setDate(TomorrowDate.getDate() + 1); GetLessonColours().then((colours) => { let subjects = colours; for (let i = 0; i < assessments.length; i++) { let subjectname = `timetable.subject.colour.${assessments[i].code}`; let subject = subjects.find((element: any) => element.name === subjectname); if (!subject) { assessments[i].colour = '--item-colour: #8e8e8e;'; } else { assessments[i].colour = `--item-colour: ${subject.value};`; GetThresholdOfColor(subject.value); // result (originally) result = GetThresholdOfColor } } for (let i = 0; i < activeSubjects.length; i++) { const element = activeSubjects[i]; let subjectname = `timetable.subject.colour.${element.code}`; let colour = colours.find((element: any) => element.name === subjectname); if (!colour) { element.colour = '--item-colour: #8e8e8e;'; } else { element.colour = `--item-colour: ${colour.value};`; let result = GetThresholdOfColor(colour.value); if (result > 300) { element.invert = true; } } } CreateFilters(activeSubjects); // @ts-ignore let type; // @ts-ignore let class_; for (let i = 0; i < assessments.length; i++) { const element: any = assessments[i]; if (!upcomingDates[element.due as keyof typeof upcomingDates]) { let dateObj: any = new Object(); dateObj.div = CreateElement( // TODO: not sure whats going on here? // eslint-disable-next-line type = "div", // eslint-disable-next-line class_ = "upcoming-date-container", ); dateObj.assessments = []; dateObj = upcomingDates[element.due as keyof typeof upcomingDates] as any; } let assessmentDateDiv = upcomingDates[element.due as keyof typeof upcomingDates]; (assessmentDateDiv as any).assessments.push(element); } for (var date in upcomingDates) { let assessmentdue = new Date((upcomingDates[date as keyof typeof upcomingDates] as any).assessments[0].due); let specialcase = CheckSpecialDay(Today, assessmentdue); let assessmentDate; if (specialcase) { let datecase: string = specialcase!; assessmentDate = createAssessmentDateDiv( date, upcomingDates[date as keyof typeof upcomingDates], // eslint-disable-next-line datecase, ); } else { assessmentDate = createAssessmentDateDiv(date, upcomingDates[date as keyof typeof upcomingDates]); } if (specialcase === 'Yesterday') { upcomingitemcontainer!.insertBefore( assessmentDate, upcomingitemcontainer!.firstChild, ); } else { upcomingitemcontainer!.append(assessmentDate); } } const result = browser.storage.local.get() function open (result: any) { FilterUpcomingAssessments(result.subjectfilters); } result.then(open, onError) }); } function AddPlaceHolderToParent(parent: any, numberofassessments: any) { let textcontainer = CreateElement('div', 'upcoming-blank'); let textblank = CreateElement('p', 'upcoming-hiddenassessment'); let s = ''; if (numberofassessments > 1) { s = 's'; } textblank.innerText = `${numberofassessments} hidden assessment${s} due`; textcontainer.append(textblank); textcontainer.setAttribute('data-hidden', 'true'); parent.append(textcontainer); } function FilterUpcomingAssessments(subjectoptions: any) { for (var item in subjectoptions) { let subjectdivs = document.querySelectorAll(`[data-subject="${item}"]`); for (let i = 0; i < subjectdivs.length; i++) { const element = subjectdivs[i]; if (!subjectoptions[item]) { element.classList.add('hidden'); } if (subjectoptions[item]) { element.classList.remove('hidden'); } (element.parentNode! as HTMLElement).classList.remove('hidden'); let children = element.parentNode!.parentNode!.children; for (let i = 0; i < children.length; i++) { const element = children[i]; if (element.hasAttribute('data-hidden')) { element.remove(); } } if ( element.parentNode!.children.length == element.parentNode!.querySelectorAll('.hidden').length ) { if (element.parentNode!.querySelectorAll('.hidden').length > 0) { if (!(element.parentNode!.parentNode! as HTMLElement).hasAttribute('data-day')) { (element.parentNode!.parentNode! as HTMLElement).classList.add('hidden'); } else { AddPlaceHolderToParent( element.parentNode!.parentNode, element.parentNode!.querySelectorAll('.hidden').length, ); } } } else { (element.parentNode!.parentNode! as HTMLElement).classList.remove('hidden'); } } } } browser.storage.onChanged.addListener(function (changes) { if (changes.subjectfilters) { FilterUpcomingAssessments(changes.subjectfilters.newValue); } }); async function GetLessonColours() { let func = fetch(`${location.origin}/seqta/student/load/prefs?`, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', }, body: JSON.stringify({ request: 'userPrefs', asArray: true, user: 69 }), }); return func .then((result) => result.json()) .then((response) => response.payload); } export function CreateCustomShortcutDiv(element: any) { // Creates the stucture and element information for each seperate shortcut var shortcut = document.createElement('a'); shortcut.setAttribute('href', element.url); shortcut.setAttribute('target', '_blank'); var shortcutdiv = document.createElement('div'); shortcutdiv.classList.add('shortcut'); shortcutdiv.classList.add('customshortcut'); let image = stringToHTML( ` `, ).firstChild; (image as HTMLElement).classList.add('shortcuticondiv'); var text = document.createElement('p'); text.textContent = element.name; shortcutdiv.append(image!); shortcutdiv.append(text); shortcut.append(shortcutdiv); document.getElementById('shortcuts')!.append(shortcut); } export function RemoveShortcutDiv(elements: any) { elements.forEach((element: any) => { const shortcuts = document.querySelectorAll('.shortcut'); shortcuts.forEach((shortcut) => { const anchorElement = shortcut.parentElement; // the element is the parent const textElement = shortcut.querySelector('p'); //

is a direct child of .shortcut const title = textElement ? textElement.textContent : ''; let shouldRemove = title === element.name; // Check href only if element.url exists if (element.url) { shouldRemove = shouldRemove && (anchorElement!.getAttribute('href') === element.url); } if (shouldRemove) { anchorElement!.remove(); } }); }); } function AddCustomShortcutsToPage() { const result = browser.storage.local.get(['customshortcuts']) function open (result: any) { var customshortcuts: any = Object.values(result)[0]; if (customshortcuts.length > 0) { (document.getElementsByClassName('shortcut-container')[0] as HTMLElement).style.display = 'block'; for (let i = 0; i < customshortcuts.length; i++) { const element = customshortcuts[i]; CreateCustomShortcutDiv(element); } } } result.then(open, onError) } function SendHomePage() { setTimeout(function () { // Sends the html data for the home page console.log('[BetterSEQTA] Started Loading Home Page'); document.title = 'Home ― SEQTA Learn'; var element = document.querySelector('[data-key=home]'); // Apply the active class to indicate clicked on home button element!.classList.add('active'); // Remove all current elements in the main div to add new elements var main = document.getElementById('main'); main!.innerHTML = ''; const titlediv = document.getElementById('title')!.firstChild; ((titlediv!) as HTMLElement).innerText = 'Home'; (document.querySelector('link[rel*="icon"]')! as HTMLLinkElement).href = browser.runtime.getURL('icons/icon-48.png'); currentSelectedDate = new Date(); // Creates the root of the home page added to the main div var html = stringToHTML('

'); // Appends the html file to main div // Note : firstChild of html is done due to needing to grab the body from the stringToHTML function main!.append(html.firstChild!); // Gets the current date const date = new Date(); // Formats the current date used send a request for timetable and notices later var TodayFormatted = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + (date.getDate() < 10 ? '0' : '') + date.getDate(); // Replaces actual date with a selected date. Used for testing. // TodayFormatted = "2020-08-31"; // Creates the shortcut container into the home container var ShortcutStr = '

'; var Shortcut = stringToHTML(ShortcutStr); // Appends the shortcut container into the home container document.getElementById('home-container')!.append(Shortcut.firstChild!); // Creates the container div for the timetable portion of the home page var TimetableStr = '

Today\'s Lessons

Notices

` var Notices = stringToHTML(NoticesStr); // Appends the shortcut container into the home container document.getElementById('home-container')!.append(Notices.firstChild!); animate( '.home-container > div', { opacity: [0, 1], y: [10, 0] }, { delay: stagger(0.2, { start: 0 }), duration: 0.6, easing: [.22, .03, .26, 1] } ); callHomeTimetable(TodayFormatted); const labelArray = response.payload[1].value.split(' ') const xhr2 = new XMLHttpRequest() xhr2.open( 'POST', `${location.origin}/seqta/student/load/notices?`, true ) xhr2.setRequestHeader('Content-Type', 'application/json; charset=utf-8') xhr2.onreadystatechange = function () { if (xhr2.readyState === 4) { const NoticesPayload = JSON.parse(xhr2.response) const NoticeContainer = document.getElementById('notice-container') if (NoticesPayload.payload.length === 0) { if (!NoticeContainer!.innerText) { // If no notices: display no notices const dummyNotice = document.createElement('div') dummyNotice.textContent = 'No notices for today.' dummyNotice.classList.add('dummynotice') NoticeContainer!.append(dummyNotice) } } else { if (!NoticeContainer!.innerText) { // For each element in the response json: const result = browser.storage.local.get(['DarkMode']) function noticeInfoDiv (result: any) { for (let i = 0; i < NoticesPayload.payload.length; i++) { if (labelArray.includes(JSON.stringify(NoticesPayload.payload[i].label))) { // Create a div, and place information from json response const NewNotice = document.createElement('div') NewNotice.classList.add('notice') const title = stringToHTML( '

' + NoticesPayload.payload[i].title + '

' ) NewNotice.append(title.firstChild!) if (NoticesPayload.payload[i].label_title !== undefined) { const label = stringToHTML( '

' + NoticesPayload.payload[i].label_title + '

' ) NewNotice.append(label.firstChild!) } const staff = stringToHTML( '

' + NoticesPayload.payload[i].staff + '

Latest Headlines - ABC News

'; var html = stringToHTML(htmlStr); // Appends the html file to main div // Note : firstChild of html is done due to needing to grab the body from the stringToHTML function main!.append(html.firstChild!); const titlediv = document.getElementById('title')!.firstChild; (titlediv! as HTMLElement).innerText = 'News'; AppendLoadingSymbol('newsloading', '#news-container'); browser.runtime.sendMessage({ type: 'sendNews' }).then(function (response) { let newsarticles = response.news.articles; var newscontainer = document.querySelector('#news-container'); document.getElementById('newsloading')!.remove(); for (let i = 0; i < newsarticles.length; i++) { let newsarticle = document.createElement('a'); newsarticle.classList.add('NewsArticle'); newsarticle.href = newsarticles[i].url; newsarticle.target = '_blank'; let articleimage = document.createElement('div'); articleimage.classList.add('articleimage'); if (newsarticles[i].urlToImage == 'null') { articleimage.style.backgroundImage = `url(${browser.runtime.getURL( 'icons/betterseqta-light-outline.png', )})`; articleimage.style.width = '20%'; articleimage.style.margin = '0 7.5%'; } else { articleimage.style.backgroundImage = `url(${newsarticles[i].urlToImage})`; } let articletext = document.createElement('div'); articletext.classList.add('ArticleText'); let title = document.createElement('a'); title.innerText = newsarticles[i].title; title.href = newsarticles[i].url; title.target = '_blank'; let description = document.createElement('p'); description.innerHTML = newsarticles[i].description; articletext.append(title); articletext.append(description); newsarticle.append(articleimage); newsarticle.append(articletext); newscontainer!.append(newsarticle); } }); }, 8); } async function CheckForMenuList() { if (!MenuItemMutation) { try { if (document.getElementById('menu')!.firstChild) { ObserveMenuItemPosition(); MenuItemMutation = true; } } catch (error) { return; } } } function documentTextColor () { const result = browser.storage.local.get(['DarkMode']) function changeDocTextCol (result: any) { const Darkmode = result.DarkMode if (Darkmode) { const documentArray = document.querySelectorAll('td:not([class^="colourBar"]):not([class^="title"])') const fullDocArray = document.querySelectorAll('tr.document') const linkArray = document.querySelectorAll('a.uiFile') for (const item of fullDocArray) { item.classList.add('documentDark') } for (const item of linkArray) { item.setAttribute('style', 'color: #06b4fc;') } for (const item of documentArray) { item.setAttribute('style', 'color: white') } } else { const documentArray = document.querySelectorAll('td:not([class^="colourBar"]):not([class^="title"])') const fullDocArray = document.querySelectorAll('tr.document') const linkArray = document.querySelectorAll('a.uiFile') for (const item of fullDocArray) { item.classList.remove('documentDark') } for (const item of linkArray) { item.setAttribute('style', 'color: #3465a4;') } for (const item of documentArray) { item.setAttribute('style', 'color: black') } } } result.then(changeDocTextCol, onError) } browser.storage.onChanged.addListener(documentTextColor) function LoadInit() { console.log('[BetterSEQTA] Started Init'); const result = browser.storage.local.get() function open (result: any) { if (result.onoff) { SendHomePage(); } } result.then(open, onError) }

What's New

DESIGN OVERHAUL

3.2.2 - Minor Improvements

3.2.0 - Custom Themes

3.1.3 - Custom Backgrounds

3.1.2 - New settings menu!

3.1.1 - Minor Bug fixes

3.1.0 - Design Improvements

3.0.0 - BetterSEQTA+ Complete Overhaul

2.0.7 - Added support to other domains + Minor bug fixes

2.0.2 - Minor bug fixes

Sleek New Layout

New Updated Sidebar

Independent Light Mode and Dark Mode

Create Custom Shortcuts

${description || 'Unknown'}

${staff || 'Unknown'}

${room || 'Unknown'}

${from || 'Unknown'} - ${until || 'Unknown'}

${attendanceTitle || 'Unknown'}

Today\'s Lessons

Notices

' + NoticesPayload.payload[i].title + '

' + NoticesPayload.payload[i].label_title + '

' + NoticesPayload.payload[i].staff + '

' + NoticesPayload.payload[i].title + '

' + NoticesPayload.payload[i].label_title + '

' + NoticesPayload.payload[i].staff + '

Latest Headlines - ABC News

What's New

DESIGN OVERHAUL

3.2.2 - Minor Improvements

3.2.0 - Custom Themes

3.1.3 - Custom Backgrounds

3.1.2 - New settings menu!

3.1.1 - Minor Bug fixes

3.1.0 - Design Improvements

3.0.0 - BetterSEQTA+ *Complete Overhaul*

2.0.7 - Added support to other domains + Minor bug fixes

2.0.2 - Minor bug fixes

Sleek New Layout

New Updated Sidebar

Independent Light Mode and Dark Mode

Create Custom Shortcuts

${description || 'Unknown'}

${staff || 'Unknown'}

${room || 'Unknown'}

${from || 'Unknown'} - ${until || 'Unknown'}

${attendanceTitle || 'Unknown'}

Today\'s Lessons

Notices

' + NoticesPayload.payload[i].title + '

' + NoticesPayload.payload[i].label_title + '

' + NoticesPayload.payload[i].staff + '

' + NoticesPayload.payload[i].title + '

' + NoticesPayload.payload[i].label_title + '

' + NoticesPayload.payload[i].staff + '

Latest Headlines - ABC News

3.0.0 - BetterSEQTA+ Complete Overhaul