26.00 Syntess script

On my internship I had this place where I had to write down how I spent my hours. On what project and what activity. But I only had 1 project so it was very annoying to have to select the same thing every time. Mainly because finding that project required me to type Main every single time.

So I decided to make a script with Tampermonkey.

The code

// ==UserScript==
// @name         Syntess
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://webapp.syntess.net/Syntess.Atrium.ASP/6.9.0186/Forms/Uren/Urenstaten_Pagina.aspx
// @icon         https://www.google.com/s2/favicons?sz=64&domain=opera.com
// @grant        none
// ==/UserScript==
 
 
(function() {
    'use strict';
    const inputFieldValue = "E210001";
    const inputFieldValueReplacementSpeed = 2.5; // seconds
 
    function findAndManipulateInputElement() {
        const inputElement = document.querySelector('#DivShowProjectenPerMedewerker .inputField__input');
 
        // Check if the input element is found
        if (inputElement) {
            console.log('Input element found:', inputElement);
            inputElement.value = inputFieldValue;
            var enterEvent = new KeyboardEvent('keyup', { key: 'Enter' });
 
            // Dispatch the Enter key event on the input element
            inputElement.dispatchEvent(enterEvent);
            // Do something with the input element if needed
        } else {
            console.log('Input element not found.');
        }
    }
 
    function checkForElement() {
        const elements = document.querySelectorAll('*');
 
        for (const element of elements) {
            if (element.textContent.includes('Selecteer project')) {
                // Element found, call the findInputBox function
                findAndManipulateInputElement();
                return; // Stop searching once the element is found
            }
        }
 
        // Element not found
        console.log('Element not found');
    }
 
    // Check for the element every 5 seconds
    setInterval(checkForElement, inputFieldValueReplacementSpeed * 1000);
})();

Usage

You just enter the project at const inputFieldValue and the refresh rate at const inputFieldValueReplacementSpeed and it will automatically find the input and fill it in with the project ID.