Eleven Warriors Comment Highlighter

Highlight comments on Eleven Warriors Forum

目前為 2024-08-07 提交的版本,檢視 最新版本

// ==UserScript==
// @name         Eleven Warriors Comment Highlighter
// @namespace    https://www.elevenwarriors.com/
// @version      2024-08-07
// @description  Highlight comments on Eleven Warriors Forum
// @author       vietdom
// @match        https://www.elevenwarriors.com/forum/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=elevenwarriors.com
// @grant        GM_log
// @license MIT
// ==/UserScript==

console.log('[Eleven Warriors Comment Highlighter] Script Loaded');

waitForElm('.comment').then((elm) => {
    console.log('[Eleven Warriors Comment Highlighter] Comments Found');
    document
        .querySelectorAll('[href="/users/brohio"]')
        .forEach(
        (el) => (el.closest(".comment").style.backgroundColor = "LightYellow")
    );
    document
        .querySelectorAll('[href="/users/premierdrum"]')
        .forEach(
        (el) => (el.closest(".comment").style.backgroundColor = "LightYellow")
    );
    console.log(elm.textContent);
});

function waitForElm(selector) {
    return new Promise(resolve => {
        if (document.querySelector(selector)) {
            return resolve(document.querySelector(selector));
        }

        const observer = new MutationObserver(mutations => {
            if (document.querySelector(selector)) {
                observer.disconnect();
                resolve(document.querySelector(selector));
            }
        });

        // If you get "parameter 1 is not of type 'Node'" error, see https://stackoverflow.com/a/77855838/492336
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
    });
}