1.22.0

.eslintignore

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

.eslintrc.json

@@ -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
+    }
+}

background/js/index.js

@@ -1,59 +1,63 @@
 console.log('SOMtodayn\'t background script loaded')
 
 // Read array from local storage
-function getSlogans() {
+function getSlogans () {
-    var slogans;
+  let slogans
+  let tonight
+
   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 {
-        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 [
     tonight,
     slogans
-    ];
+  ]
 }
 
 // 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
-function handleMessage(request, sender, sendResponse) {
+function handleMessage (request, sender, sendResponse) {
-    var response;
+  let response
   // DEBUG // console.log(sender);
   // DEBUG // console.log("Request: " + request.type)
   switch (request.type) {
     case 'get':
-            response = getSlogans();
+      response = getSlogans()
-            break;
+      break
 
     case 'setSlogans':
-            response = setSlogans(request.value);
+      response = setSlogans(request.value)
-            break;
+      break
 
     case 'setTonight':
-            response = setTonight(request.value);
+      response = setTonight(request.value)
-            break;
+      break
   }
   // Send response to either the content script or popup
   if (sender.tab) {
-        browser.tabs.sendMessage(sender.tab.id, response);
+    browser.tabs.sendMessage(sender.tab.id, response)
   } else {
-        sendResponse({response: response});
+    sendResponse({
+      response: response
+    })
   }
   // DEBUG //  console.log("Response: " + response)
 }
 
-browser.runtime.onMessage.addListener(handleMessage);
+browser.runtime.onMessage.addListener(handleMessage)

content/css/index.css

@@ -2,6 +2,9 @@
 body {
     background-color: #121212;
 }
+a {
+    color: #01a299;
+}
 
 /* Login screen */
 /* Background */
@@ -200,6 +203,32 @@ div#detail-panel-wrapper {
 .m-element:hover {
     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 */
 .icon-geen-van-beide, .icon-huiswerk, .icon-leermiddelen, .icon-maatregel, .icon-studiewijzer, .icon-toets {
     background-color: #01A299;

content/js/index.js

@@ -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 {
-        tonight = message[0];
+    const tonight = message[0]
-        slogans = message[1];
+    const slogans = message[1]
 
     // Set theme
-        console.log(tonight);
+    console.log(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
-        console.log(`Loaded ${slogans.length} slogans`);
+    console.log(`Loaded ${slogans.length} slogans`)
+    let sloganText
+
     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 {
-            var sloganText = "welkom bij somtodayn't";
+      sloganText = "welkom bij somtodayn't"
       console.log('No slogans found')
     }
 
     // Split the slogan into array
-        var sloganArray = sloganText.split(" ");
+    const sloganArray = sloganText.split(' ')
-        var slogan = {
+    const slogan = {
       white: '',
       blue: ''
-        };
+    }
 
     // Set the last word in the array to be blue
     if (sloganArray.length > 1) {
-            slogan.blue = sloganArray.pop();
+      slogan.blue = sloganArray.pop()
       for (let index = 0; index < sloganArray.length; index++) {
-                slogan.white = slogan.white + sloganArray[index] + " ";
+        slogan.white = slogan.white + sloganArray[index] + ' '
       }
     } else {
-            slogan.white = sloganArray;
+      slogan.white = sloganArray
     }
 
     // Edit HTML
     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
-        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
-browser.runtime.sendMessage({ type: "get"});
+browser.runtime.sendMessage({
+  type: 'get'
+})
 
 // Receive response from background script
-browser.runtime.onMessage.addListener(changeSlogan);
+browser.runtime.onMessage.addListener(changeSlogan)

manifest.json

@@ -2,8 +2,8 @@
 
     "manifest_version": 2,
     "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.",
 

package.json

@@ -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"
+}

popup/js/index.js

@@ -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
 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
-    function addSlogan(value) {
+  function addSlogan (value) {
-        sloganArray.push(value);
+    sloganArray.push(value)
-        updateSlogans(sloganArray);
+    updateSlogans(sloganArray)
   }
 
   // Remove a slogan from the array
-    function removeSlogan(id) {
+  function removeSlogan (id) {
-        var array = [];
+    const array = []
     if (sloganArray.length > 1) {
       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 {
-            window.alert("U kunt de laatste slogan niet verwijderen.");
+      window.alert('U kunt de laatste slogan niet verwijderen.')
     }
   }
 
   // Send updated array to background script
-    function updateSlogans(array) {
+  function updateSlogans (array) {
     request = browser.runtime.sendMessage({
-            type: "setSlogans",
+      type: 'setSlogans',
       value: array
-        });
+    })
-        request.then(function() {
+    request.then(function () {
-            location.reload();
+      location.reload()
-        }, handleError);
+    }, handleError)
   }
 
   // Add event listener to checkbox
-    var checkbox = document.getElementById('tonight');
+  const checkbox = document.getElementById('tonight')
   if (darkmode) {
-        checkbox.checked = true;
+    checkbox.checked = true
   }
-    checkbox.addEventListener('click', function(event) {
+  checkbox.addEventListener('click', function (event) {
     // Update value in local storage
     request = browser.runtime.sendMessage({
-            type: "setTonight",
+      type: 'setTonight',
       value: checkbox.checked
-        });
+    })
     // 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
-    function logTabs(tabs) {
+  function logTabs (tabs) {
-      for (let tab of tabs) {
+    for (const tab of tabs) {
       // Match only tabs with url somtoday.nl
       if (tab.url.includes('somtoday.nl')) {
-            browser.tabs.sendMessage(tab.id, 'reload');
+        browser.tabs.sendMessage(tab.id, 'reload')
       }
     }
   }
 
   // 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
-    var sloganList = '';
+  let sloganList = ''
   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
-    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
-    var listElements = document.querySelectorAll("div#sloganList > ul");
+  const listElements = document.querySelectorAll('div#sloganList > ul')
   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) {
-
+  console.error(`SOMtodayn't Error: ${error}`)
-function handleError(error) {
-  console.error(`SOMtodayn't Error: ${error}`);
 }
-