Compare commits

...

5 Commits

Author SHA1 Message Date
f4b87628ea 1.22.0 2020-12-10 10:23:54 +01:00
2f65b6699b Updated manifest.json 2020-12-10 10:23:45 +01:00
9af668ceac 1.21.0 2020-12-10 10:22:52 +01:00
e7dd54107c Ran ESlint 2020-12-10 10:14:29 +01:00
4c123cd78d Added some fixes for SOMtonight and fixed npm 2020-12-10 09:51:27 +01:00
10 changed files with 3595 additions and 3903 deletions

3
.eslintignore Normal file
View File

@ -0,0 +1,3 @@
node_modules
web-ext-artifacts
vendor

20
.eslintrc.json Normal file
View File

@ -0,0 +1,20 @@
{
"env": {
"browser": true,
"es6": true,
"commonjs": true
},
"extends": [
"standard"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018
},
"rules": {
"no-undef": 2
}
}

View File

@ -2,58 +2,62 @@ console.log('SOMtodayn\'t background script loaded')
// Read array from local storage // Read array from local storage
function getSlogans () { function getSlogans () {
var slogans; let slogans
let tonight
if (localStorage.getItem('SOMtodayntSlogans') != null) { if (localStorage.getItem('SOMtodayntSlogans') != null) {
slogans = JSON.parse(localStorage.getItem('SOMtodayntSlogans')); slogans = JSON.parse(localStorage.getItem('SOMtodayntSlogans'))
tonight = JSON.parse(localStorage.getItem('SOMtonight')); tonight = JSON.parse(localStorage.getItem('SOMtonight'))
} else { } else {
var slogans = [ "Welkom bij SOMtodayn't" ]; slogans = ["Welkom bij SOMtodayn't"]
var tonight = true; tonight = true
localStorage.setItem('SOMtodayntSlogans', JSON.stringify(slogans)); localStorage.setItem('SOMtodayntSlogans', JSON.stringify(slogans))
localStorage.setItem('SOMtonight', JSON.stringify(tonight)); localStorage.setItem('SOMtonight', JSON.stringify(tonight))
} }
return [ return [
tonight, tonight,
slogans slogans
]; ]
} }
// Update array in local storage // Update array in local storage
function setSlogans (array) { function setSlogans (array) {
localStorage.setItem('SOMtodayntSlogans', JSON.stringify(array)); localStorage.setItem('SOMtodayntSlogans', JSON.stringify(array))
return true; return true
} }
function setTonight (value) { function setTonight (value) {
localStorage.setItem('SOMtonight', JSON.stringify(value)); localStorage.setItem('SOMtonight', JSON.stringify(value))
return;
} }
// Handle requests // Handle requests
function handleMessage (request, sender, sendResponse) { function handleMessage (request, sender, sendResponse) {
var response; let response
// DEBUG // console.log(sender); // DEBUG // console.log(sender);
// DEBUG // console.log("Request: " + request.type) // DEBUG // console.log("Request: " + request.type)
switch (request.type) { switch (request.type) {
case 'get': case 'get':
response = getSlogans(); response = getSlogans()
break; break
case 'setSlogans': case 'setSlogans':
response = setSlogans(request.value); response = setSlogans(request.value)
break; break
case 'setTonight': case 'setTonight':
response = setTonight(request.value); response = setTonight(request.value)
break; break
} }
// Send response to either the content script or popup // Send response to either the content script or popup
if (sender.tab) { if (sender.tab) {
browser.tabs.sendMessage(sender.tab.id, response); browser.tabs.sendMessage(sender.tab.id, response)
} else { } else {
sendResponse({response: response}); sendResponse({
response: response
})
} }
// DEBUG // console.log("Response: " + response) // DEBUG // console.log("Response: " + response)
} }
browser.runtime.onMessage.addListener(handleMessage); browser.runtime.onMessage.addListener(handleMessage)

View File

@ -2,6 +2,9 @@
body { body {
background-color: #121212; background-color: #121212;
} }
a {
color: #01a299;
}
/* Login screen */ /* Login screen */
/* Background */ /* Background */
@ -200,6 +203,32 @@ div#detail-panel-wrapper {
.m-element:hover { .m-element:hover {
background-color: #2C2C2C; background-color: #2C2C2C;
} }
.m-wrapper.active {
margin: 0;
background:#333333;
}
.section .block {
background: #2c2c2c;
border: unset;
}
.blue.ribbon p, .blue.ribbon .icon-check, .blue.ribbon .icon-check-empty{
color: #e1e1e1 !important;
}
.huiswerkbijlage .simple-view, .section a.right {
background: #333333;
color: #e1e1e1;
border-radius: 3px;
border: unset;
}
.huiswerkbijlage .simple-view .bijlage-label, .section a.right {
color: #a5a5a5;
}
.huiswerkbijlage .simple-view:hover .bijlage-label, .section a.right:hover {
color: #e1e1e1;
background: unset;
border: unset;
}
/* Ions */ /* Ions */
.icon-geen-van-beide, .icon-huiswerk, .icon-leermiddelen, .icon-maatregel, .icon-studiewijzer, .icon-toets { .icon-geen-van-beide, .icon-huiswerk, .icon-leermiddelen, .icon-maatregel, .icon-studiewijzer, .icon-toets {
background-color: #01A299; background-color: #01A299;

View File

@ -1,62 +1,63 @@
console.log('Somtoday\'nt content script active'); console.log('Somtoday\'nt content script active')
function changeSlogan(message) function changeSlogan (message) {
{ if (message === 'reload') {
if (message == 'reload') { location.reload()
location.reload();
} else { } else {
tonight = message[0]; const tonight = message[0]
slogans = message[1]; const slogans = message[1]
// Set theme // Set theme
console.log(tonight); console.log(tonight)
if (tonight) { if (tonight) {
var cssUrl = browser.runtime.getURL("content/css/index.css"); const cssUrl = browser.runtime.getURL('content/css/index.css')
var cssTag = `<link rel='stylesheet' href='${cssUrl}'>`; const cssTag = `<link rel='stylesheet' href='${cssUrl}'>`
document.head.innerHTML += cssTag; document.head.innerHTML += cssTag
} }
// Select random slogan // Select random slogan
console.log(`Loaded ${slogans.length} slogans`); console.log(`Loaded ${slogans.length} slogans`)
let sloganText
if (slogans.length >= 1) { if (slogans.length >= 1) {
var random = Math.floor(Math.random() * slogans.length); const random = Math.floor(Math.random() * slogans.length)
var sloganText = slogans[random].toLowerCase(); sloganText = slogans[random].toLowerCase()
console.log(`Slogan changed to: ${sloganText}`); console.log(`Slogan changed to: ${sloganText}`)
} else { } else {
var sloganText = "welkom bij somtodayn't"; sloganText = "welkom bij somtodayn't"
console.log('No slogans found') console.log('No slogans found')
} }
// Split the slogan into array // Split the slogan into array
var sloganArray = sloganText.split(" "); const sloganArray = sloganText.split(' ')
var slogan = { const slogan = {
white: '', white: '',
blue: '' blue: ''
}; }
// Set the last word in the array to be blue // Set the last word in the array to be blue
if (sloganArray.length > 1) { if (sloganArray.length > 1) {
slogan.blue = sloganArray.pop(); slogan.blue = sloganArray.pop()
for (let index = 0; index < sloganArray.length; index++) { for (let index = 0; index < sloganArray.length; index++) {
slogan.white = slogan.white + sloganArray[index] + " "; slogan.white = slogan.white + sloganArray[index] + ' '
} }
} else { } else {
slogan.white = sloganArray; slogan.white = sloganArray
} }
// Edit HTML // Edit HTML
document.getElementById('slogan').innerHTML = document.getElementById('slogan').innerHTML =
`<span class="white block">${slogan.white}</span> `<span class="white block">${slogan.white}</span><span>${slogan.blue}</span>`
<span>${slogan.blue}</span>`
;
// Add a little credit // Add a little credit
document.querySelectorAll('footer > span')[0].innerHTML = "Somtodayn't is een add-on door McArn."; document.querySelectorAll('footer > span')[0].innerHTML = "Somtodayn't is een add-on door McArn."
} }
} }
// Send request to background script // Send request to background script
browser.runtime.sendMessage({ type: "get"}); browser.runtime.sendMessage({
type: 'get'
})
// Receive response from background script // Receive response from background script
browser.runtime.onMessage.addListener(changeSlogan); browser.runtime.onMessage.addListener(changeSlogan)

View File

@ -2,8 +2,8 @@
"manifest_version": 2, "manifest_version": 2,
"name": "SOMtodayn't", "name": "SOMtodayn't",
"version": "1.20", "version": "1.22.0",
"author": "McArn", "author": "Arne van Iterson",
"description": "Changes the slogan on the login page of the school management system SOMtoday.", "description": "Changes the slogan on the login page of the school management system SOMtoday.",

5786
package-lock.json generated

File diff suppressed because it is too large Load Diff

26
package.json Normal file
View File

@ -0,0 +1,26 @@
{
"name": "somtodaynt",
"version": "1.22.0",
"description": "Simple browser plugin for changing the slogan of SOMtoday",
"main": "./content/js/index.js",
"dependencies": {
"web-ext": "^5.4.1",
"webextension-polyfill": "^0.7.0"
},
"devDependencies": {
"eslint": "^7.15.0",
"eslint-config-standard": "^16.0.2",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "https://gitea.arnweb.nl/arne/somtodaynt.git"
},
"author": "Arne van Iterson",
"license": "ISC"
}

View File

@ -1,106 +1,103 @@
console.log("SOMtodayn't popup loaded."); console.log("SOMtodayn't popup loaded.")
var request; let request
var response;
// Get slogans from background script // Get slogans from background script
request = browser.runtime.sendMessage({ request = browser.runtime.sendMessage({
type: "get" type: 'get'
}); })
request.then(function (message) { request.then(function (message) {
var darkmode = message.response[0]; const darkmode = message.response[0]
var sloganArray = message.response[1]; const sloganArray = message.response[1]
// Add a slogan to the array // Add a slogan to the array
function addSlogan (value) { function addSlogan (value) {
sloganArray.push(value); sloganArray.push(value)
updateSlogans(sloganArray); updateSlogans(sloganArray)
} }
// Remove a slogan from the array // Remove a slogan from the array
function removeSlogan (id) { function removeSlogan (id) {
var array = []; const array = []
if (sloganArray.length > 1) { if (sloganArray.length > 1) {
for (let index = 0; index < sloganArray.length; index++) { for (let index = 0; index < sloganArray.length; index++) {
const element = sloganArray[index]; const element = sloganArray[index]
if (index != id) { if (index !== id) {
array.push(element); array.push(element)
} }
} }
updateSlogans(array); updateSlogans(array)
} else { } else {
window.alert("U kunt de laatste slogan niet verwijderen."); window.alert('U kunt de laatste slogan niet verwijderen.')
} }
} }
// Send updated array to background script // Send updated array to background script
function updateSlogans (array) { function updateSlogans (array) {
request = browser.runtime.sendMessage({ request = browser.runtime.sendMessage({
type: "setSlogans", type: 'setSlogans',
value: array value: array
}); })
request.then(function () { request.then(function () {
location.reload(); location.reload()
}, handleError); }, handleError)
} }
// Add event listener to checkbox // Add event listener to checkbox
var checkbox = document.getElementById('tonight'); const checkbox = document.getElementById('tonight')
if (darkmode) { if (darkmode) {
checkbox.checked = true; checkbox.checked = true
} }
checkbox.addEventListener('click', function (event) { checkbox.addEventListener('click', function (event) {
// Update value in local storage // Update value in local storage
request = browser.runtime.sendMessage({ request = browser.runtime.sendMessage({
type: "setTonight", type: 'setTonight',
value: checkbox.checked value: checkbox.checked
}); })
// Reload all SOMtoday tabs // Reload all SOMtoday tabs
var reload = browser.tabs.query({}); const reload = browser.tabs.query({})
reload.then(logTabs, onError); reload.then(logTabs, onError)
}); })
// Find id of somtoday.nl tab // Find id of somtoday.nl tab
function logTabs (tabs) { function logTabs (tabs) {
for (let tab of tabs) { for (const tab of tabs) {
// Match only tabs with url somtoday.nl // Match only tabs with url somtoday.nl
if (tab.url.includes('somtoday.nl')) { if (tab.url.includes('somtoday.nl')) {
browser.tabs.sendMessage(tab.id, 'reload'); browser.tabs.sendMessage(tab.id, 'reload')
} }
} }
} }
// Handle query errors // Handle query errors
function onError (error) { function onError (error) {
console.log(`Error: ${error}`); console.log(`Error: ${error}`)
} }
// Add existing slogans to list items in the popup // Add existing slogans to list items in the popup
var sloganList = ''; let sloganList = ''
for (let index = 0; index < sloganArray.length; index++) { for (let index = 0; index < sloganArray.length; index++) {
const element = sloganArray[index]; const element = sloganArray[index]
sloganList = sloganList + `<ul>${element}</ul>`; sloganList = sloganList + `<ul>${element}</ul>`
} }
document.getElementById('sloganList').innerHTML = sloganList; document.getElementById('sloganList').innerHTML = sloganList
// Get value for new slogan // Get value for new slogan
document.getElementById('sloganForm').addEventListener('submit', function (event) { document.getElementById('sloganForm').addEventListener('submit', function (event) {
event.preventDefault(); event.preventDefault()
addSlogan(event.target.children[0].value); addSlogan(event.target.children[0].value)
event.target.children[0].value = ''; event.target.children[0].value = ''
}); })
// Add event listener to every list item for deleting slogans // Add event listener to every list item for deleting slogans
var listElements = document.querySelectorAll("div#sloganList > ul"); const listElements = document.querySelectorAll('div#sloganList > ul')
for (let index = 0; index < listElements.length; index++) { for (let index = 0; index < listElements.length; index++) {
const element = listElements[index]; const element = listElements[index]
element.addEventListener("click", function() { element.addEventListener('click', function () {
removeSlogan(index); removeSlogan(index)
}); })
} }
}, handleError)
}, handleError);
function handleError (error) { function handleError (error) {
console.error(`SOMtodayn't Error: ${error}`); console.error(`SOMtodayn't Error: ${error}`)
} }

File diff suppressed because it is too large Load Diff