Tampermonkey: Stuudium - hinnetelahtri taust roheline/punane

stuudium-grades.js

// ==UserScript==
// @name         Grade Highlighter
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Highlights grades based on their value
// @author       Your Name
// @match        *://torvakool.ope.ee/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Function to change the background color based on the input value
    function changeBackgroundColor(input) {
        const value = input.value.trim();

        if (['MA', '1', '2'].includes(value)) {
            input.style.backgroundColor = 'pink';
        } else if (value.match(/^(AR|3|4|5)([\+-]?)$/)) {
            input.style.backgroundColor = 'lightgreen';
        } else {
            input.style.backgroundColor = ''; // Reset to default
        }
    }

    // Function to observe changes in the specified inputs
    function observeChanges() {
        const inputs = document.querySelectorAll('div.grades.grades_entry.grades_allow_important.follows_custom_params > div > input');

        inputs.forEach(input => {
            // Initial check
            changeBackgroundColor(input);

            // Add event listener for changes
            input.addEventListener('input', () => changeBackgroundColor(input));
        });
    }

    // Function to set up the mutation observer
    function setupMutationObserver() {
        const targetNode = document.body;
        const config = { childList: true, subtree: true };

        const callback = function(mutationsList, observer) {
            for (let mutation of mutationsList) {
                if (mutation.type === 'childList' || mutation.type === 'subtree') {
                    observeChanges();
                }
            }
        };

        const observer = new MutationObserver(callback);
        observer.observe(targetNode, config);
    }

    // Set up the mutation observer initially
    setupMutationObserver();

    // Also observe changes when the specified key is pressed
    document.addEventListener('keypress', (event) => {
        if (event.key === 'g') { // Replace 'g' with the key you want to activate the script
            observeChanges();
        }
    });

})();