Unlimited MAL Ignore list

Ignore an unlimited amount of users. Comes with custom settings: delete the entire post, replace the content of the message with a custom message, replace or delete the avatar, and keep or delete the signature.
安装此脚本？
提问、发表评价或者举报此脚本。
换行
// ==UserScript==
// @name         Unlimited MAL Ignore list
// @namespace    http://tampermonkey.net/
// @version      0.89
// @description  Ignore an unlimited amount of users. Comes with custom settings: delete the entire post, replace the content of the message with a custom message, replace or delete the avatar, and keep or delete the signature.
// @author       Only_Brad
// @author       ShaggyZE
// @match        https://myanimelist.net/*
// @run-at       document-end
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// ==/UserScript==
 
(function() {
    const FORUM_OPTIONS = "editprofile.php?go=forumoptions";
    const POSTS_URL = "forum/?topicid";
    const LAST_POST_URL = "forum";
    const TOPICS_URL = "forum/?board";
    const TOPICS_SEARCH_URL = "forum/search?";
    const CLUB_TOPICS_URL_1 = "clubs.php";
    const CLUB_TOPICS_URL_2 = "forum/?clubid";
    const PROFILE_URL = "profile";
    const COMTOCOM_URL = "comtocom.php";
    const COMMENTS_URL = "comments.php";
    const BLACKLIST_URL = "https://myanimelist.net/blacklist";
 
    const BLACKLIST_KEY = "ignore-list";
    const SETTINGS_KEY = "ignore-list-settings";
 
    const YOU_SELECTOR = ".header-profile-link";
    const POST_USERS_SELECTOR = ".profile";
    const TOPIC_USERS_SELECTOR = ".forum_postusername a";
    const MESSAGE_SELECTOR = ".content [id^=message]";
    const QUOTE_SELECTOR = ".quotetext";
    const AVATAR_SELECTOR = ".forum-icon";
    const USER_PROFILE_SELECTOR = "[href^='/profile']";
    const USER_INFO_SELECTOR = "[id^=messageuser]";
    const USERINFO_SELECTOR = ".username";
    const USERINFO_SELECTOR1 = ".userstatus";
    const USERINFO_SELECTOR2 = ".userinfo.joined";
    const USERINFO_SELECTOR3 = ".userinfo.posts";
    const USERINFO_SELECTOR4 = ".custom-forum-title";
    const USERINFO_SELECTOR5 = ".modified";
    const USERINFO_SELECTOR6 = ".icon-team-title";
    const SIGNATURE_SELECTOR = ".sig";
    const FORUM_MESSAGE_SELECTOR = "[id^=msg]";
    const FORUM_MSG_NAME_SELECTOR = ".username a";
    const LAST_POST_LIST_CONTAINER_SELECTOR = "li.clearfix";
    const LAST_POST_LIST_USER_SELECTOR = "span.date a[href*='/profile/']";
    const LAST_POST_LIST_AVATAR_SELECTOR = LAST_POST_LIST_CONTAINER_SELECTOR + " > a[href*='/profile/']";
    const LAST_POST_TABLE_CONTAINER_SELECTOR = "td.forum_boardrow1[align='right'][width='130']";
    const LAST_POST_TABLE_USER_SELECTOR = "a[href*='/profile/']";
    const FORUM_QUOTE_NAME_SELECTOR = ".quotetext > strong > a";
    const FORUM_REPLY_NAME_SELECTOR = ".js-replyto-target";
    const REPLIED_CONTAINER_SELECTOR = ".replied.show";
    const FORUM_ACTION_BAR_SELECTOR = "[id^=postEditButtons]";
    const PROFILE_MSG_SELECTOR = "[id^=comBox]";
    const PROFILE_MSG_NAME_SELECTOR = ".text a.fw-b";
    const PROFILE_MSG_AVATAR_SELECTOR = ".image";
    const PROFILE_MSG_TEXT_SELECTOR = ".text .comment-text";
    const PROFILE_MSG_ACTION_BAR_SELECTOR = ".text > div.pb8 > a";
    const COMTOCOM_SELECTOR = "[id^=comBox]";
    const COMTOCOM_NAME_SELECTOR = ".dark_text a";
    const COMTOCOM_AVATAR_SELECTOR = ".picSurround a";
    const COMTOCOM_TEXT_SELECTOR = "[id^=comtext]";
    const COMTOCOM_ACTION_BAR_SELECTOR = ".dark_text a";
 
    const IGNORE = 0;
    const REPLACE = 1;
    const DO_NOTHING = 2;
 
    let blacklist;
    let settings;
 
    const MIGRATION_COMPLETE_KEY = 'ignore-list-migration-complete';
 
    const defaultSettings = {
        replaceUsername: false,
        replaceAvatar: true,
        replaceProfileAvatar: false,
        removeSignatures: true,
        removeUserinfo: true,
        lastpostMode: REPLACE,
        quoteMode: IGNORE,
        replyMode: IGNORE,
        postMode: REPLACE,
        profileMsgMode: IGNORE,
        removeTopics: true,
        UnBlacklistUsername: false,
        removeUnBlacklist: false,
        customLastPost: "removed-user",
        customQuote: "",
        customReply: "",
        customPost: "",
        customAvatar: "",
        customProfileMsg: "",
        customProfileAvatar: "",
        specificCustomLastPost: {},
        specificCustomQuote: {},
        specificCustomReply: {},
        specificCustomPost: {},
        specificCustomProfileMsg: {}
    };
 
    GM_registerMenuCommand("Backup Settings to localStorage", backupToLocalStorage);
 
    //routing
    if (window.location.href.includes(FORUM_OPTIONS)) {
        AddBlacklistLink();
    } else if (window.location.href.includes(POSTS_URL)) {
        handlePosts();
        handleQuotes();
        handleReplies();
    } else if (
        window.location.href.includes(TOPICS_URL) ||
        window.location.href.includes(TOPICS_SEARCH_URL) ||
        window.location.href.includes(CLUB_TOPICS_URL_1) ||
        window.location.href.includes(CLUB_TOPICS_URL_2)
    ) {
        handleTopics();
        handleLastPost();
    } else if (window.location.href.includes(PROFILE_URL)) {
        handleProfileMsgs();
    } else if (window.location.href.includes(COMTOCOM_URL)) {
        handleComToCom();
    } else if (window.location.href.includes(COMMENTS_URL)) {
        handleComToCom();
    } else if (window.location.href === BLACKLIST_URL) {
        handleBlacklist();
    } else if (window.location.href.includes(LAST_POST_URL)) {
        handleLastPost();
        if (settings.replaceAvatar) replaceAvatar();
    }
 
    //GM_addStyle equivalent that works on firefox
    function addStyle(css) {
        const style = document.getElementById("addStyleBy8626") || (function() {
            const style = document.createElement('style');
            style.type = 'text/css';
            style.id = "addStyleBy8626";
            document.head.appendChild(style);
            return style;
        })();
        style.innerHTML += css;
    }
 
    // --- Function to create a temporary message box ---
    function showTemporaryMessage(message, duration = 3000) {
        // Remove any existing message boxes first
        const existingMessageBox = document.getElementById('gm_backup_message');
        if (existingMessageBox) {
            existingMessageBox.remove();
        }
 
        // Create the message box element
        const messageBox = document.createElement('div');
        messageBox.id = 'gm_backup_message';
        messageBox.textContent = message;
        messageBox.style.cssText = `
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            padding: 10px 20px;
            background-color: #4CAF50; /* Green background */
            color: white;
            border-radius: 5px;
            z-index: 10000; /* High z-index to be on top */
            opacity: 0.9;
            font-family: sans-serif;
            font-size: 14px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        `;
 
        // Append to the body
        document.body.appendChild(messageBox);
 
        // Remove the message box after the specified duration
        setTimeout(() => {
            messageBox.remove();
        }, duration);
    }
 
 
    // --- Function to perform the backup to localStorage ---
    function backupToLocalStorage() {
        try {
            // Retrieve the current data from GM_setValue
            // Use the default values in case GM_getValue returns null, although
            // if your script is running, settings/blacklist should be populated.
            // Retrieving directly from GM_getValue ensures we get the saved state,
            // not just the current in-memory state if it hasn't been saved yet.
            const currentSettingsJson = GM_getValue(SETTINGS_KEY, JSON.stringify(defaultSettings));
            const currentBlacklistJson = GM_getValue(BLACKLIST_KEY, '[]');
 
            // Save the data to localStorage
            localStorage.setItem(SETTINGS_KEY, currentSettingsJson);
            localStorage.setItem(BLACKLIST_KEY, currentBlacklistJson);
 
            console.log('Settings and Blacklist backed up to localStorage.');
            showTemporaryMessage('Backup to localStorage complete!');
 
        } catch (e) {
            console.error('Error during backup to localStorage:', e);
            showTemporaryMessage('Backup failed!', 5000); // Show error message longer
        }
    }
 
    // loadBlackList function now handles migration for BOTH blacklist and settings
    function loadBlackList() {
        const isMigrationComplete = GM_getValue(MIGRATION_COMPLETE_KEY, false);
        let loadedBlacklist; // Temporary variable for blacklist data
        let loadedSettings; // Temporary variable for settings data
 
        if (!isMigrationComplete) {
            // Migration not complete, check localStorage for BOTH keys
            const localStorageBlacklist = localStorage.getItem(BLACKLIST_KEY);
            const localStorageSettings = localStorage.getItem(SETTINGS_KEY);
 
            if (localStorageBlacklist !== null || localStorageSettings !== null) {
                // Data found in localStorage for at least one item, attempt migration
                console.log('localStorage data found, attempting migration for both blacklist and settings to GM_setValue...');
 
                // --- Handle Blacklist Migration ---
                if (localStorageBlacklist !== null) {
                    try {
                        loadedBlacklist = JSON.parse(localStorageBlacklist);
                         // Ensure it's an array before saving
                        if (!Array.isArray(loadedBlacklist)) {
                            console.warn('localStorage blacklist is not an array, resetting to empty array.');
                            loadedBlacklist = [];
                        }
                        GM_setValue(BLACKLIST_KEY, JSON.stringify(loadedBlacklist));
                        console.log('Blacklist migrated from localStorage.');
                    } catch (e) {
                        console.error('Error parsing localStorage blacklist during migration.', e);
                        // On error, load from GM_setValue instead for this run
                        const gmBlacklist = GM_getValue(BLACKLIST_KEY, '[]');
                        loadedBlacklist = JSON.parse(gmBlacklist);
                        console.log('Blacklist loaded from GM_setValue due to localStorage parse error.');
                    }
                } else {
                     // No blacklist in localStorage, load from GM_setValue
                     const gmBlacklist = GM_getValue(BLACKLIST_KEY, '[]');
                     loadedBlacklist = JSON.parse(gmBlacklist);
                     // Ensure it's an array even if loading from GM failed initially
                    if (!Array.isArray(loadedBlacklist)) {
                        console.warn('Blacklist loaded from GM_setValue is not an array, resetting to empty array.');
                        loadedBlacklist = [];
                    }
                     console.log('Blacklist not found in localStorage, loaded from GM_setValue.');
                }
 
                // --- Handle Settings Migration ---
                if (localStorageSettings !== null) {
                    try {
                        loadedSettings = JSON.parse(localStorageSettings);
                        GM_setValue(SETTINGS_KEY, JSON.stringify(loadedSettings));
                        console.log('Settings migrated from localStorage.');
                    } catch (e) {
                        console.error('Error parsing localStorage settings during migration.', e);
                        // On error, load from GM_setValue instead for this run
                        const gmSettings = GM_getValue(SETTINGS_KEY, JSON.stringify(defaultSettings));
                        loadedSettings = JSON.parse(gmSettings);
                         console.log('Settings loaded from GM_setValue due to localStorage parse error.');
                    }
                } else {
                     // No settings in localStorage, load from GM_setValue
                     const gmSettings = GM_getValue(SETTINGS_KEY, JSON.stringify(defaultSettings));
                     loadedSettings = JSON.parse(gmSettings);
                     console.log('Settings not found in localStorage, loaded from GM_setValue.');
                }
 
                // *** Set the migration complete flag in GM_setValue AFTER attempting both migrations ***
                GM_setValue(MIGRATION_COMPLETE_KEY, true);
                console.log('Migration to GM_setValue marked as complete.');
 
            } else {
                // No data found in localStorage for either key, perform standard load from GM_setValue
                console.log('No localStorage data found for migration. Loading both from GM_setValue...');
                const gmBlacklist = GM_getValue(BLACKLIST_KEY, '[]');
                loadedBlacklist = JSON.parse(gmBlacklist);
                 // Ensure blacklist is an array
                if (!Array.isArray(loadedBlacklist)) {
                    console.warn('Blacklist loaded from GM_setValue is not an array, resetting to empty array.');
                    loadedBlacklist = [];
                    GM_setValue(BLACKLIST_KEY, '[]'); // Save the corrected default
                }
 
                const gmSettings = GM_getValue(SETTINGS_KEY, JSON.stringify(defaultSettings));
                loadedSettings = JSON.parse(gmSettings);
            }
 
        } else {
            // Migration is complete, load BOTH directly from GM_setValue
            console.log('Migration complete. Loading blacklist and settings directly from GM_setValue...');
            const gmBlacklist = GM_getValue(BLACKLIST_KEY, '[]');
            loadedBlacklist = JSON.parse(gmBlacklist);
             // Ensure blacklist is an array
            if (!Array.isArray(loadedBlacklist)) {
                console.warn('Blacklist loaded from GM_setValue is not an array, resetting to empty array.');
                loadedBlacklist = [];
                GM_setValue(BLACKLIST_KEY, '[]'); // Save the corrected default
            }
 
            const gmSettings = GM_getValue(SETTINGS_KEY, JSON.stringify(defaultSettings));
            loadedSettings = JSON.parse(gmSettings);
        }
 
        // Assign the loaded data to the script's variables after the entire loading process
        blacklist = loadedBlacklist;
        settings = loadedSettings;
 
 
        // Ensure nested objects and missing properties exist for settings
        // This handles cases where loaded data might be from an older version or parsed poorly
        let settingsChangedAfterLoad = false;
         if (!settings.specificCustomLastPost) { settings.specificCustomLastPost = {}; settingsChangedAfterLoad = true; }
        if (!settings.specificCustomQuote) { settings.specificCustomQuote = {}; settingsChangedAfterLoad = true; }
        if (!settings.specificCustomReply) { settings.specificCustomReply = {}; settingsChangedAfterLoad = true; }
        if (!settings.specificCustomPost) { settings.specificCustomPost = {}; settingsChangedAfterLoad = true; }
        if (!settings.specificCustomProfileMsg) { settings.specificCustomProfileMsg = {}; settingsChangedAfterLoad = true; }
 
         for (const key in defaultSettings) {
            if (Object.prototype.hasOwnProperty.call(defaultSettings, key)) {
                if (typeof defaultSettings[key] === 'object' && defaultSettings[key] !== null && !Array.isArray(defaultSettings[key])) {
                     continue; // Skip specificCustom objects
                }
                if (settings[key] === undefined) {
                    settings[key] = defaultSettings[key];
                    settingsChangedAfterLoad = true;
                    console.log(`Settings: Added missing key "${key}" with default value after load.`);
                }
            }
        }
 
         // Save the potentially updated settings back to GM_setValue if defaults were added
        if (settingsChangedAfterLoad) {
            GM_setValue(SETTINGS_KEY, JSON.stringify(settings));
            console.log('Settings updated with missing defaults and saved to GM_setValue.');
        }
 
        // Note: The migration complete flag is handled earlier in this function.
        // Blacklist is assigned directly above and doesn't need a separate save for defaults
        // unless it failed parsing and was reset to []. That save happens inside the checks.
    }
 
    // loadSettings function now only loads from GM_setValue
    function loadSettings() {
         // In this revised approach, loadBlackList handles the initial loading
         // and migration for both settings and blacklist on the first run.
         // loadSettings should now assume that initial loading has occurred (or will
         // occur via loadBlackList if loadSettings is somehow called first on a fresh run).
         // It simply loads the current state of settings from GM_setValue.
 
        console.log('Loading settings from GM_setValue...');
        const gmSettings = GM_getValue(SETTINGS_KEY, JSON.stringify(defaultSettings));
        settings = JSON.parse(gmSettings);
 
        // Ensure nested objects and missing properties exist for settings
        let settingsChanged = false;
         if (!settings.specificCustomLastPost) { settings.specificCustomLastPost = {}; settingsChanged = true; }
        if (!settings.specificCustomQuote) { settings.specificCustomQuote = {}; settingsChanged = true; }
        if (!settings.specificCustomReply) { settings.specificCustomReply = {}; settingsChanged = true; }
        if (!settings.specificCustomPost) { settings.specificCustomPost = {}; settingsChanged = true; }
        if (!settings.specificCustomProfileMsg) { settings.specificCustomProfileMsg = {}; settingsChanged = true; }
 
         for (const key in defaultSettings) {
            if (Object.prototype.hasOwnProperty.call(defaultSettings, key)) {
                if (typeof defaultSettings[key] === 'object' && defaultSettings[key] !== null && !Array.isArray(defaultSettings[key])) {
                     continue;
                }
                if (settings[key] === undefined) {
                    settings[key] = defaultSettings[key];
                    settingsChanged = true;
                    console.log(`Settings: Added missing key "${key}" with default value.`);
                }
            }
        }
 
        // Save the potentially updated settings back to GM_setValue if defaults were added
        if (settingsChanged) {
            GM_setValue(SETTINGS_KEY, JSON.stringify(settings));
            console.log('Settings updated with missing defaults and saved to GM_setValue.');
        }
    }
 
 
    // saveBlackList remains the same, always saving to GM_setValue
    function saveBlackList() {
        GM_setValue(BLACKLIST_KEY, JSON.stringify(blacklist));
    }
 
    // saveSetting remains the same, always saving to GM_setValue
    function saveSetting(key, value) {
        // Update the in-memory settings object first
        if (typeof key === "object") {
            if (settings[key.key] && typeof settings[key.key] === 'object') {
                 settings[key.key][key.subkey] = value;
            } else {
                 console.error(`Attempted to set subkey on non-object settings property: ${key.key}`);
            }
        } else {
            settings[key] = value;
        }
        // Save the entire updated settings object to GM_setValue
        GM_setValue(SETTINGS_KEY, JSON.stringify(settings));
    }
    function AddBlacklistLink() {
        //wip
    }
 
    //functions called by the routers
    function handlePosts() {
        loadBlackList();
        loadSettings();
        addPostsBlackListButtons();
 
        switch (settings.postMode) {
            case IGNORE:
                ignorePosts();
                return;
            case REPLACE:
                replacePosts();
                break;
            case DO_NOTHING:
                break;
            default:
                saveSetting("postMode", REPLACE);
                replacePosts();
                break;
        }
 
 
        if (settings.replaceAvatar) replaceAvatar();
        if (settings.removeSignatures) removeSignatures();
        if (settings.removeUserinfo) removeUserinfo();
        if (settings.replaceUsername) replaceUsername();
    }
 
    function handleLastPost() {
        loadBlackList();
        loadSettings();
 
        switch (settings.lastpostMode) {
            case IGNORE:
                ignoreLastPost();
                return;
            case REPLACE:
                replaceLastPost();
                break;
            case DO_NOTHING:
                break;
            default:
                saveSetting("lastpostMode", IGNORE);
                ignoreLastPost();
                break;
        }
    }
 
    function handleQuotes() {
        loadBlackList();
        loadSettings();
 
        switch (settings.quoteMode) {
            case IGNORE:
                ignoreQuotes();
                return;
            case REPLACE:
                replaceQuotes();
                break;
            case DO_NOTHING:
                break;
            default:
                saveSetting("quoteMode", IGNORE);
                ignoreQuotes();
                break;
        }
    }
 
    function handleReplies() {
        loadBlackList();
        loadSettings();
 
        switch (settings.replyMode) {
            case IGNORE:
                ignoreReplies();
                return;
            case REPLACE:
                replaceReplies();
                break;
            case DO_NOTHING:
                break;
            default:
                saveSetting("replyMode", IGNORE);
                ignoreReplies();
                break;
        }
    }
 
    function handleTopics() {
        loadBlackList();
        loadSettings();
        if (settings.removeTopics) {
            ignoreTopics();
        }
    }
 
    function handleProfileMsgs() {
        loadBlackList();
        loadSettings();
        addProfileMsgBlackListButtons();
 
        switch (settings.profileMsgMode) {
            case IGNORE:
                ignoreProfileMsgs();
                return;
            case REPLACE:
                replaceProfileMsg();
                break;
            case DO_NOTHING:
                break;
            default:
                saveSetting("profileMsgMode", IGNORE);
                ignoreProfileMsgs();
                break;
        }
 
        if (settings.replaceProfileAvatar) replaceProfileAvatar();
    }
 
    function handleComToCom() {
        loadBlackList();
        loadSettings();
        addComToComBlackListButtons();
 
        switch (settings.profileMsgMode) {
            case IGNORE:
                ignoreComToCom();
                return;
            case REPLACE:
                replaceComToCom();
                break;
            case DO_NOTHING:
                break;
            default:
                saveSetting("profileMsgMode", IGNORE);
                ignoreComToCom();
                break;
        }
 
        if (settings.replaceProfileAvatar) replaceComToComAvatar();
    }
 
    function handleBlacklist() {
        loadBlackList();
        loadSettings();
 
        document.title = "Blacklist - MyAnimeList.net";
 
        //remove the 404 stuff
        document.querySelector("h1").textContent = "Ignore List";
        document.querySelector(".error404").remove();
 
        //CSS
        addStyle(".flex{display:flex;gap:20px;margin-top:10px;}.user{display:flex;margin:10px}.name{margin-right:20px}.name{border-bottom:solid #000 1px}.name[contenteditable]{min-width:100px;border-bottom:solid #000 1px}.name[contenteditable]:focus{border:none;outline:solid red 5px}.page-common #content{display:flex;justify-content:center;}.settings{display:flex;gap:25px;}.settings>*{padding: 25px;}.customPost{width:100% !important;}.select-users{font-size:1rem;padding:10px;font-weight:bold;}");
 
        //HTML for the blacklist
        document.getElementById("content").innerHTML =
            `<div data-blacklist class="black-list"></div>
        <div data-add-user class="add-user">
            <div data-user class="user">
                <div data-name class="name" contenteditable="true" onclick="this.focus()"></div>
                <button data-add class="add">Add</div>
            </div>
        </div>`
 
        //HTML for the settings
        const settings = document.createElement("div");
        settings.innerHTML = `
            <h2>Settings</h2>
            <form>
                <div class="settings">
                    <div class="posts">
                        <h3>Posts</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="posts" id="doNothingPosts" data-clickable-setting="doNothingPosts">
                            <label class="form-check-label" for="doNothingPosts">
                                Do nothing
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="posts" id="hidePosts" data-clickable-setting="hidePosts">
                            <label class="form-check-label" for="hidePosts">
                                Hide posts
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="posts" id="replacePosts" data-clickable-setting="replacePosts">
                            <label class="form-check-label" for="replacePosts">
                                Replace posts with a custom message
                            </label>
                        </div>
                        <textarea class="form-control customPost" name="customPost" id="customPost" data-text-setting="customPost"></textarea>
                    </div>
                    <div class="posts-extra">
                        <h3>Posts extra options</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="replaceUsername" id="replaceUsername" data-clickable-setting="replaceUsername">
                            <label class="form-check-label" for="replaceUsername">
                                Replace user name with a custom name
                            </label>
                            <input class="form-control" type="text" name="customUsername" id="customUsername" data-text-setting="customUsername" placeholder="removed-user">
                            <br>
                            <small>Leave it empty to remove the username</small>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="replaceAvatar" id="replaceAvatar" data-clickable-setting="replaceAvatar">
                            <label class="form-check-label" for="replaceAvatar">
                                Replace avatars with a custom avatar
                            </label>
                            <input class="form-control" type="text" name="customAvatar" id="customAvatar" data-text-setting="customAvatar">
                            <br>
                            <small>Leave it empty to remove the avatar</small>
                        </div>
                        <div class="form-check" style="margin-top: 10px;">
                            <input class="form-check-input" type="checkbox" name="removeSignatures" id="removeSignatures" data-clickable-setting="removeSignatures">
                            <label class="form-check-label" for="removeSignatures">
                                Hide the signature
                            </label>
                        </div>
                        <div class="form-check" style="margin-top: 10px;">
                            <input class="form-check-input" type="checkbox" name="removeUserinfo" id="removeUserinfo" data-clickable-setting="removeUserinfo">
                            <label class="form-check-label" for="removeUserinfo">
                                Hide user info
                            </label>
                        </div>
                        <small style="margin-top: 20px; display: block;"><strong>These settings have no effect if the Posts setting is set to "Hide Posts"</strong></small>
                    </div>
                    <div class="quotes">
                        <h3>Quotes</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="quotes" id="doNothingQuotes" data-clickable-setting="doNothingQuotes">
                            <label class="form-check-label" for="doNothingQuotes">
                                Do nothing
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="quotes" id="hideQuotes" data-clickable-setting="hideQuotes">
                            <label class="form-check-label" for="hideQuotes">
                                Hide quotes
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="quotes" id="replaceQuotes" data-clickable-setting="replaceQuotes">
                            <label class="form-check-label" for="replaceQuotes">
                                Replace quotes with a custom message
                            </label>
                        </div>
                        <textarea class="form-control customPost" name="customQuote" id="customQuote" data-text-setting="customQuote"></textarea>
                    </div>
                    <div class="replies">
                        <h3>Replies</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="replies" id="doNothingReplies" data-clickable-setting="doNothingReplies">
                            <label class="form-check-label" for="doNothingReplies">
                                Do nothing
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="replies" id="hideReplies" data-clickable-setting="hideReplies">
                            <label class="form-check-label" for="hideReplies">
                                Hide replies
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="replies" id="replaceReplies" data-clickable-setting="replaceReplies">
                            <label class="form-check-label" for="replaceReplies">
                                Replace replies with a custom message
                            </label>
                        </div>
                        <textarea class="form-control customPost" name="customReply" id="customReply" data-text-setting="customReply"></textarea>
                    </div>
                </div>
                <div class="settings">
                    <div class="topics">
                        <h3>Topics</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="removeTopics" id="removeTopics" data-clickable-setting="removeTopics">
                            <label class="form-check-label" for="removeTopics">
                                Hide user created topics
                            </label>
                        </div>
                    </div>
                    <div class="lastpost">
                        <h3>Last Post</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="lastpost" id="doNothingLastPost" data-clickable-setting="doNothingLastPost">
                            <label class="form-check-label" for="doNothingLastPost">
                                Do nothing
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="lastpost" id="hideLastPost" data-clickable-setting="hideLastPost">
                            <label class="form-check-label" for="hideLastPost">
                                Hide last posts
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="lastpost" id="replaceLastPost" data-clickable-setting="replaceLastPost">
                            <label class="form-check-label" for="replaceLastPost">
                                Replace user name with a custom name
                            </label>
                            <br>
                            <input class="form-control" type="text" name="customLastPost" id="customLastPost" data-text-setting="customLastPost" placeholder="removed-user">
                            <br>
                            <small>Leave it empty to remove the username</small>
                        </div>
                    </div>
                </div>
                <div class="settings">
                    <div class="profile-messages">
                        <h3>Profile messages</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="profileMsgs" id="doNothingProfileMsgs" data-clickable-setting="doNothingProfileMsgs">
                            <label class="form-check-label" for="doNothingProfileMsgs">
                                Do nothing
                            </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="profileMsgs" id="hideProfileMsgs" data-clickable-setting="hideProfileMsgs">
                        <label class="form-check-label" for="hideProfileMsgs">
                            Hide profile messages
                        </label>
                    </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="profileMsgs" id="replaceProfileMsgs" data-clickable-setting="replaceProfileMsgs">
                            <label class="form-check-label" for="replaceProfileMsgs">
                                Replace profile messages with a custom message
                            </label>
                        </div>
                        <textarea class="form-control customPost" name="customProfileMsg" id="customProfileMsg" data-text-setting="customProfileMsg"></textarea>
                    </div>
                    <div class="profile-messages-extra">
                        <h3>Profile messages extra options</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="replaceProfileUsername" id="replaceProfileUsername" data-clickable-setting="replaceProfileUsername">
                            <label class="form-check-label" for="replaceProfileUsername">
                                Replace profile user with a custom name
                            </label>
                            <br>
                            <input class="form-control" type="text" name="customProfileUsername" id="customProfileUsername" data-text-setting="customProfileUsername" placeholder="removed-user">
                            <br>
                            <small>Leave it empty to remove the avatar</small>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="replaceProfileAvatar" id="replaceProfileAvatar" data-clickable-setting="replaceProfileAvatar">
                            <label class="form-check-label" for="replaceProfileAvatar">
                                Replace profile message avatar with a custom avatar
                            </label>
                            <br>
                            <input class="form-control" type="text" name="customProfileAvatar" id="customProfileAvatar" data-text-setting="customProfileAvatar">
                            <br>
                            <small>Leave it empty to remove the avatar</small>
                        </div>
                        <small style="margin-top: 20px; display: block;"><strong>These settings have no effect if the Profile Messages setting is set to "Hide profile messages"</strong></small>
                    </div>
                    <div class="unblacklist">
                        <h3>UnBlacklist</h3>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="UnBlacklistUsername" id="UnBlacklistUsername" data-clickable-setting="UnBlacklistUsername">
                            <label class="form-check-label" for="UnBlacklistUsername">
                                Show user name when hovering<br>on UnBlacklist buttons/links
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="removeUnBlacklist" id="removeUnBlacklist" data-clickable-setting="removeUnBlacklist">
                            <label class="form-check-label" for="removeUnBlacklist">
                                Hide UnBlacklist buttons/links
                            </label>
                        </div>
                        <small style="margin-top: 20px; display: block;"><strong>These settings have no effect if the Posts setting<br>is set to "Hide Posts" or Profile Messages setting<br>is set to "Hide profile messages"</strong></small>
                    </div>
                </div>
                <select name="users" class="select-users" data-select-users></select>
                <div class="flex">
                    <div class="form-check">
                        <label class="form-check-label" for="specificCustomPost">
                            Replace this user's posts with a specific custom message
                        </label>
                        <textarea class="form-control customPost" name="specificCustomPost" id="specificCustomPost" data-text-setting="specificCustomPost"></textarea>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label" for="specificCustomLastPost">
                            Replace the last posts username with a specific custom message
                        </label>
                        <textarea class="form-control customPost" name="specificCustomLastPost" id="specificCustomLastPost" data-text-setting="specificCustomLastPost" placeholder="type a user name like removed-user"></textarea>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label" for="specificCustomProfileMsg">
                            Replace this user's profile messages with a custom message
                        </label>
                        <textarea class="form-control customPost" name="specificCustomProfileMsg" id="specificCustomProfileMsg" data-text-setting="specificCustomProfileMsg"></textarea>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label" for="specificCustomQuote">
                            Replace this user's quotes with a specific custom message
                        </label>
                        <textarea class="form-control customPost" name="specificCustomQuote" id="specificCustomQuote" data-text-setting="specificCustomQuote"></textarea>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label" for="specificCustomReply">
                            Replace this user's replies with a specific custom message
                        </label>
                        <textarea class="form-control customPost" name="specificCustomReply" id="specificCustomReply" data-text-setting="specificCustomReply"></textarea>
                    </div>
                </div>
            </form>`;
 
        document.getElementById("content").insertAdjacentElement("afterend", settings);
 
        startEventListeners();
        loadSettingsIntoInputs();
    }
 
    function clickedSetting(e) {
        const input = e.target;
        switch (input.dataset.clickableSetting) {
             case "doNothingLastPost":
                saveSetting("lastpostMode", DO_NOTHING);
                break;
            case "hideLastPost":
                saveSetting("lastpostMode", IGNORE);
                break;
            case "replaceLastPost":
                saveSetting("lastpostMode", REPLACE);
                break;
            case "doNothingQuotes":
                saveSetting("quoteMode", DO_NOTHING);
                break;
            case "hideQuotes":
                saveSetting("quoteMode", IGNORE);
                break;
            case "replaceQuotes":
                saveSetting("quoteMode", REPLACE);
                break;
            case "doNothingReplies":
                saveSetting("replyMode", DO_NOTHING);
                break;
            case "hideReplies":
                saveSetting("replyMode", IGNORE);
                break;
            case "replaceReplies":
                saveSetting("replyMode", REPLACE);
                break;
            case "doNothingPosts":
                saveSetting("postMode", DO_NOTHING);
                break;
            case "hidePosts":
                saveSetting("postMode", IGNORE);
                break;
            case "replacePosts":
                saveSetting("postMode", REPLACE);
                break;
            case "replaceUsername":
                saveSetting("replaceUsername", input.checked);
                break;
            case "replaceAvatar":
                saveSetting("replaceAvatar", input.checked);
                break;
            case "removeTopics":
                saveSetting("removeTopics", input.checked);
                break;
            case "UnBlacklistUsername":
                saveSetting("UnBlacklistUsername", input.checked);
                break;
            case "removeUnBlacklist":
                saveSetting("removeUnBlacklist", input.checked);
                break;
            case "removeSignatures":
                saveSetting("removeSignatures", input.checked);
                break;
            case "removeUserinfo":
                saveSetting("removeUserinfo", input.checked);
                break;
            case "doNothingProfileMsgs":
                saveSetting("profileMsgMode", DO_NOTHING);
                break;
            case "hideProfileMsgs":
                saveSetting("profileMsgMode", IGNORE);
                break;
            case "replaceProfileMsgs":
                saveSetting("profileMsgMode", REPLACE);
                break;
            case "replaceProfileAvatar":
                saveSetting("replaceProfileAvatar", input.checked);
                break;
            default:
                return;
        }
    }
 
    function textSetting(e) {
        const input = e.target;
        switch (input.dataset.textSetting) {
              case "customLastPost":
                saveSetting("customLastPost", input.value);
                break;
             case "customQuote":
                saveSetting("customQuote", input.value);
                break;
             case "customReply":
                saveSetting("customReply", input.value);
                break;
            case "customPost":
                saveSetting("customPost", input.value);
                break;
            case "customUsername":
                saveSetting("customUsername", input.value);
                break;
            case "customAvatar":
                saveSetting("customAvatar", input.value);
                break;
            case "customProfileMsg":
                saveSetting("customProfileMsg", input.value);
                break;
            case "customProfileAvatar":
                saveSetting("customProfileAvatar", input.value);
                break;
            case "specificCustomProfileMsg":
                {
                    const selectedUser = document.querySelector("[data-select-users]").value;
                    saveSetting({ key: "specificCustomProfileMsg", subkey: selectedUser }, input.value);
                    break;
                }
            case "specificCustomPost":
                {
                    const selectedUser = document.querySelector("[data-select-users]").value;
                    saveSetting({ key: "specificCustomPost", subkey: selectedUser }, input.value);
                    break;
                }
            case "specificCustomQuote":
                {
                    const selectedUser = document.querySelector("[data-select-users]").value;
                    saveSetting({ key: "specificCustomQuote", subkey: selectedUser }, input.value);
                    break;
                }
            case "specificCustomReply":
                {
                    const selectedUser = document.querySelector("[data-select-users]").value;
                    saveSetting({ key: "specificCustomReply", subkey: selectedUser }, input.value);
                    break;
                }
            case "specificCustomLastPost":
                {
                    const selectedUser = document.querySelector("[data-select-users]").value;
                    saveSetting({ key: "specificCustomLastPost", subkey: selectedUser }, input.value);
                    break;
                }
            default:
                return;
        }
    }
 
    function startEventListeners() {
        document.querySelector("[data-add]").addEventListener("click", addNode);
        document.querySelectorAll("[data-clickable-setting]").forEach(clickable => {
            clickable.addEventListener("click", clickedSetting);
        });
        document.querySelectorAll("[data-text-setting]").forEach(text => {
            text.addEventListener("input", textSetting);
        });
        document.querySelector("[data-select-users]").addEventListener("change", loadSpecificMessages)
        blacklist.forEach(createNode);
        blacklist.forEach(addUserToSelect);
    }
 
    function loadSettingsIntoInputs() {
        switch (settings.lastpostMode) {
            case DO_NOTHING:
                document.getElementById("doNothingLastPost").checked = true;
                break;
            case IGNORE:
                document.getElementById("hideLastPost").checked = true;
                break;
            case REPLACE:
                document.getElementById("replaceLastPost").checked = true;
                break;
            default:
                document.getElementById("hideLastPost").checked = true;
                saveSetting("lastpostMode", IGNORE);
                break;
        }
 
        switch (settings.quoteMode) {
            case DO_NOTHING:
                document.getElementById("doNothingQuotes").checked = true;
                break;
            case IGNORE:
                document.getElementById("hideQuotes").checked = true;
                break;
            case REPLACE:
                document.getElementById("replaceQuotes").checked = true;
                break;
            default:
                document.getElementById("hideQuotes").checked = true;
                saveSetting("quoteMode", IGNORE);
                break;
        }
 
        switch (settings.replyMode) {
            case DO_NOTHING:
                document.getElementById("doNothingReplies").checked = true;
                break;
            case IGNORE:
                document.getElementById("hideReplies").checked = true;
                break;
            case REPLACE:
                document.getElementById("replaceReplies").checked = true;
                break;
            default:
                document.getElementById("hideReplies").checked = true;
                saveSetting("replyMode", IGNORE);
                break;
        }
 
        switch (settings.postMode) {
            case DO_NOTHING:
                document.getElementById("doNothingPosts").checked = true;
                break;
            case IGNORE:
                document.getElementById("hidePosts").checked = true;
                break;
            case REPLACE:
                document.getElementById("replacePosts").checked = true;
                break;
            default:
                document.getElementById("hidePosts").checked = true;
                saveSetting("postMode", IGNORE);
                break;
        }
 
        switch (settings.profileMsgMode) {
            case DO_NOTHING:
                document.getElementById("doNothingProfileMsgs").checked = true;
                break;
            case IGNORE:
                document.getElementById("hideProfileMsgs").checked = true;
                break;
            case REPLACE:
                document.getElementById("replaceProfileMsgs").checked = true;
                break;
            default:
                document.getElementById("hideProfileMsgs").checked = true;
                saveSetting("profileMsgMode", IGNORE);
                break;
        }
 
        if (settings.removeTopics) {
            document.getElementById("removeTopics").checked = true;
        }
        if (settings.UnBlacklistUsername) {
            document.getElementById("UnBlacklistUsername").checked = true;
        }
        if (settings.removeUnBlacklist) {
            document.getElementById("removeUnBlacklist").checked = true;
        }
        if (settings.removeSignatures) {
            document.getElementById("removeSignatures").checked = true;
        }
        if (settings.removeUserinfo) {
            document.getElementById("removeUserinfo").checked = true;
        }
        if (settings.replaceUsername) {
            document.getElementById("replaceUsername").checked = true;
        }
        if (settings.replaceAvatar) {
            document.getElementById("replaceAvatar").checked = true;
        }
        if (settings.replaceProfileAvatar) {
            document.getElementById("replaceProfileAvatar").checked = true;
        }
 
        document.getElementById("customLastPost").value = settings.customLastPost || "";
        document.getElementById("customQuote").value = settings.customQuote || "";
        document.getElementById("customReply").value = settings.customReply || "";
        document.getElementById("customPost").value = settings.customPost || "";
        document.getElementById("customUsername").value = settings.customUsername || "";
        document.getElementById("customAvatar").value = settings.customAvatar || "";
        document.getElementById("customProfileMsg").value = settings.customProfileMsg || "";
        document.getElementById("customProfileAvatar").value = settings.customProfileAvatar || "";
 
        document.querySelector("[data-select-users]").dispatchEvent(new Event("change"));
    }
 
    function alterLastPost(action) {
        const listItems = document.querySelectorAll(LAST_POST_LIST_CONTAINER_SELECTOR);
        const tableCells = document.querySelectorAll(LAST_POST_TABLE_CONTAINER_SELECTOR);
        const allLastPostElements = [...listItems, ...tableCells];
        allLastPostElements.forEach((item, index) => {
            let usernameElement = null;
            let user = null;
            if (item.matches(LAST_POST_LIST_CONTAINER_SELECTOR)) {
                usernameElement = item.querySelector(LAST_POST_LIST_USER_SELECTOR);
            } else if (item.matches(LAST_POST_TABLE_CONTAINER_SELECTOR)) {
                usernameElement = item.querySelector(LAST_POST_TABLE_USER_SELECTOR);
            } else {
                return;
            }
            if (!usernameElement) return;
            user = usernameElement.textContent.trim();
            if (!blacklist.includes(user)) return;
            action(item, user, usernameElement);
        });
    }
 
    function alterQuotes(action) {
        document.querySelectorAll(QUOTE_SELECTOR).forEach(quotes => {
            if (quotes.querySelector(FORUM_QUOTE_NAME_SELECTOR) == null) return;
            const quoteuser = quotes.querySelector(FORUM_QUOTE_NAME_SELECTOR).textContent;
            let user = quoteuser.replace(' said:','');
            if (!blacklist.includes(user)) return;
            let quote = quotes;
            action(quote, user);
        });
    }
 
    function alterReplies(action) {
        document.querySelectorAll(REPLIED_CONTAINER_SELECTOR).forEach(replyContainer => {
            const usernameElement = replyContainer.querySelector(FORUM_REPLY_NAME_SELECTOR);
            if (!usernameElement) return;
            const fullText = usernameElement.textContent;
            const usernameMatch = fullText.match(/^Reply to (.+)/);
            let user = null;
            if (usernameMatch && usernameMatch[1]) {
                user = usernameMatch[1].trim();
            }
            if (!blacklist.includes(user)) return;
            action(replyContainer, user);
        });
    }
 
    function alterPosts(action) {
        document.querySelectorAll(POST_USERS_SELECTOR).forEach(user => {
            if (!blacklist.includes(user.querySelector(FORUM_MSG_NAME_SELECTOR).textContent)) return;
            let post = user.parentNode;
            //for (let i = 0; i < 4; i++) {
                //post = post.parentNode;
            //}
            action(post, user);
        });
    }
 
    function alterProfileMessages(action) {
        document.querySelectorAll(PROFILE_MSG_SELECTOR).forEach(profileMessage => {
            const username = profileMessage.querySelector(PROFILE_MSG_NAME_SELECTOR).textContent;
            if (!blacklist.includes(username)) return;
            action(profileMessage, username);
        });
    }
 
    function alterComToCom(action) {
        document.querySelectorAll(COMTOCOM_SELECTOR).forEach(comMessage => {
            const username = comMessage.querySelector(COMTOCOM_NAME_SELECTOR).textContent;
            if (!blacklist.includes(username)) return;
            action(comMessage, username);
        });
    }
 
    function ignoreLastPost() {
        alterLastPost(lastPostItem => {
            lastPostItem.style.display = "none";
        });
    }
 
    function replaceLastPost() {
        alterLastPost((lastPostItem, user, usernameElement) => {
            const specificCustomLastPost = settings.specificCustomLastPost ? settings.specificCustomLastPost[user] : null;
            const replacementHTML = specificCustomLastPost ? specificCustomLastPost : (settings.customLastPost || "");
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = replacementHTML;
            const fragment = document.createDocumentFragment();
            while (tempDiv.firstChild) {
                fragment.appendChild(tempDiv.firstChild);
            }
            const parent = usernameElement.parentNode;
            if (parent) {
                parent.replaceChild(fragment, usernameElement);
            }
        });
    }
 
    function ignoreQuotes() {
        alterQuotes(quote => {
            quote.style.display = "none";
            //post.previousElementSibling.style.display = "none";
        });
    }
 
    function replaceQuotes() {
        alterQuotes((quote, user) => {
            const specificCustomQuote = settings.specificCustomQuote[user];
            quote.innerHTML = specificCustomQuote ? specificCustomQuote : settings.customQuote;
        });
    }
 
    function ignoreReplies() {
        alterReplies(replyContainer => {
            replyContainer.style.display = "none";
        });
    }
 
    function replaceReplies() {
        alterReplies((replyContainer, user) => {
            const specificCustomReply = settings.specificCustomReply ? settings.specificCustomReply[user] : null;
            replyContainer.innerHTML = specificCustomReply ? specificCustomReply : (settings.customReply || "");
        });
    }
 
    function ignorePosts() {
        alterPosts(post => {
            post.style.display = "none";
            post.previousElementSibling.style.display = "none";
        });
    }
 
    function replacePosts() {
        alterPosts((post, user) => {
            const username = user.querySelector(FORUM_MSG_NAME_SELECTOR).textContent;
            const specificCustomPost = settings.specificCustomPost[username];
            post.querySelector(MESSAGE_SELECTOR).innerHTML = specificCustomPost ? specificCustomPost : settings.customPost;
        });
    }
 
    function replaceProfileMsg() {
        alterProfileMessages((profileMessage, username) => {
            const specificCustomProfileMsg = settings.specificCustomProfileMsg[username];
            profileMessage.querySelector(PROFILE_MSG_TEXT_SELECTOR).innerHTML = specificCustomProfileMsg ? specificCustomProfileMsg : settings.customProfileMsg;
        });
    }
 
    function replaceComToCom() {
        alterComToCom((comMessage, username) => {
            const specificCustomProfileMsg = settings.specificCustomProfileMsg[username];
            comMessage.querySelector(COMTOCOM_TEXT_SELECTOR).innerHTML = specificCustomProfileMsg ? specificCustomProfileMsg : settings.customProfileMsg;
        });
    }
 
    function ignoreTopics() {
        document.querySelectorAll(TOPIC_USERS_SELECTOR).forEach(user => {
            if (!blacklist.includes(user.textContent)) return;
            user.closest("tr").style.display = "none";
        });
    }
    function ignoreProfileMsgs() {
        alterProfileMessages(profileMessage => {
            profileMessage.style.display = "none";
        });
    }
 
    function ignoreComToCom() {
        alterComToCom(comMessage => {
            comMessage.style.display = "none";
        });
    }
 
    function replaceUsername() {
        alterPosts((post, user) => {
            user.querySelector(FORUM_MSG_NAME_SELECTOR).innerHTML = `<a href="${user.querySelector(USER_PROFILE_SELECTOR).href}">${settings.customUsername}</a>`;
        });
    }
 
    function alterLastPostAvatars(action) {
        document.querySelectorAll(LAST_POST_LIST_AVATAR_SELECTOR).forEach(avatarLink => {
            const userMatch = avatarLink.href.split('/').pop();
            if (userMatch && blacklist.includes(userMatch)) {
                action(avatarLink, userMatch);
            }
        });
    }
 
    function replaceAvatar() {
        alterPosts((post, userElement) => {
            const avatar = userElement.querySelector(AVATAR_SELECTOR);
            if (!avatar) {
                if (settings.customAvatar === "") return;
                const newAvatarLink = document.createElement("a");
                const profileLinkElement = userElement.querySelector(USER_PROFILE_SELECTOR);
                if (profileLinkElement) {
                   newAvatarLink.href = profileLinkElement.href;
                } else {
                   newAvatarLink.href = "#";
                }
                newAvatarLink.className = "forum-icon";
                newAvatarLink.innerHTML = `
                    <img class=" lazyloaded" data-src="${settings.customAvatar}" vspace="2" border="0" src="${settings.customAvatar}" width="100" height="125">`;
                const userInfoElement = userElement.querySelector(USER_INFO_SELECTOR);
                if (userInfoElement) {
                    userInfoElement.insertAdjacentElement('afterend', newAvatarLink);
                } else {
                     userElement.appendChild(newAvatarLink);
                }
            } else {
                if (settings.customAvatar === "") {
                    avatar.style.display = "none";
                    return;
                }
                const img = avatar.querySelector("img");
                if (img) {
                    img.src = settings.customAvatar;
                    img.setAttribute("data-src", settings.customAvatar);
                    img.setAttribute("width", 100);
                    img.setAttribute("height", 125);
                }
            }
        });
        alterLastPostAvatars((avatarLink, user) => {
            if (settings.customAvatar === "") {
                avatarLink.style.display = "none";
                return;
            }
            const img = avatarLink.querySelector("img");
            if (img) {
                img.src = settings.customAvatar;
                img.setAttribute("data-src", settings.customAvatar);
                img.setAttribute("width", 20);
                img.setAttribute("height", 25);
            } else {
                if (settings.customAvatar !== "") {
                     const replacementImg = document.createElement('img');
                     replacementImg.src = settings.customAvatar;
                     replacementImg.setAttribute("data-src", settings.customAvatar);
                     replacementImg.setAttribute("width", 20);
                     replacementImg.setAttribute("height", 25);
                     const parent = avatarLink.parentNode;
                     if (parent) {
                         parent.replaceChild(replacementImg, avatarLink);
                     }
                }
            }
        });
    }
 
    function replaceProfileAvatar() {
        alterProfileMessages(profileMessage => {
            const avatar = profileMessage.querySelector(PROFILE_MSG_AVATAR_SELECTOR);
 
            if (settings.customProfileAvatar === "") {
                avatar.style.display = "none";
                return;
            }
 
            const img = avatar.querySelector("img");
            img.src = settings.customProfileAvatar;
            img.setAttribute("data-src", settings.customProfileAvatar);
        });
    }
 
    function replaceComToComAvatar() {
        alterComToCom(comMessage => {
            const avatar = comMessage.querySelector(COMTOCOM_AVATAR_SELECTOR);
 
            if (settings.customProfileAvatar === "") {
                avatar.style.display = "none";
                return;
            }
 
            const img = avatar.querySelector("img");
            img.src = settings.customProfileAvatar;
            img.setAttribute("data-src", settings.customProfileAvatar);
        });
    }
 
    function removeSignatures() {
        alterPosts(post => {
            const signature = post.querySelector(SIGNATURE_SELECTOR);
            if (!signature) return;
            signature.style.display = "none";
        });
    }
 
    function removeUserinfo() {
        alterPosts(post => {
            const userinfo = post.querySelector(USERINFO_SELECTOR);
            if (!userinfo) return;
            userinfo.style.display = "none";
            const userinfo1 = post.querySelector(USERINFO_SELECTOR1);
            if (!userinfo1) return;
            userinfo1.style.display = "none";
            const userinfo2 = post.querySelector(USERINFO_SELECTOR2);
            if (!userinfo2) return;
            userinfo2.style.display = "none";
            const userinfo3 = post.querySelector(USERINFO_SELECTOR3);
            if (!userinfo3) return;
            userinfo3.style.display = "none";
            const userinfo4 = post.querySelector(USERINFO_SELECTOR4);
            if (userinfo4) {
                userinfo4.style.display = "none";
            }
            const userinfo5 = post.querySelector(USERINFO_SELECTOR5);
            if (userinfo5) {
                userinfo5.style.display = "none";
            }
            const userinfo6 = post.querySelector(USERINFO_SELECTOR6);
            if (userinfo6) {
                userinfo6.style.display = "none";
            }
        });
    }
    function addPostsBlackListButtons() {
        document.querySelectorAll(FORUM_MESSAGE_SELECTOR).forEach(forumMessage => {
            const actionBar = forumMessage.querySelector(FORUM_ACTION_BAR_SELECTOR);
            const username = forumMessage.querySelector(FORUM_MSG_NAME_SELECTOR).textContent;
            if (!blacklist.includes(username)) {
                addBlackListButton(actionBar, username);
            } else {
                addUnBlackListButton(actionBar, username);
            }
        });
    }
 
    function addProfileMsgBlackListButtons() {
        document.querySelectorAll(PROFILE_MSG_SELECTOR).forEach(profileMessage => {
            let actionBar = profileMessage.querySelector(PROFILE_MSG_ACTION_BAR_SELECTOR);
            const username = profileMessage.querySelector(PROFILE_MSG_NAME_SELECTOR).textContent;
 
            //this happens when you are looking at someone elses profile, create the actionBar.
            if (!actionBar) {
                actionBar = document.createElement("div");
                actionBar.className = "postActions ar mt4";
                profileMessage.querySelector(PROFILE_MSG_TEXT_SELECTOR).insertAdjacentElement("afterend", actionBar);
            }
 
            if (!blacklist.includes(username)) {
                addBlackListLink(actionBar, username, " | ");
            } else {
                addUnBlackListLink(actionBar, username, " | ");
            }
        });
    }
 
    function addComToComBlackListButtons() {
        document.querySelectorAll(COMTOCOM_SELECTOR).forEach(comMessage => {
            let actionBar = comMessage.querySelector(COMTOCOM_ACTION_BAR_SELECTOR);
            const username = comMessage.querySelector(COMTOCOM_NAME_SELECTOR).textContent;
 
            //this happens when you manually enter the url of com-to-com between 2 users other than you.
            if (!actionBar) {
                const actionBarContainer = document.createElement("div");
                actionBarContainer.style.marginTop = "10px";
                actionBar = document.createElement("small");
                actionBarContainer.appendChild(actionBar);
                comMessage.querySelector(COMTOCOM_TEXT_SELECTOR).insertAdjacentElement("afterend", actionBarContainer);
            }
 
            if (!blacklist.includes(username)) {
                addBlackListLink(actionBar, username, " | ");
            } else {
                addUnBlackListLink(actionBar, username, " | ");
            }
        });
    }
 
    function addBlackListLink(actionBar, username, separator) {
        const you = document.querySelector(YOU_SELECTOR).textContent;
        if (username == you) return
        const a = document.createElement("a");
        a.href = "javascript:void(0)";
        a.textContent = "Blacklist User";
        a.dataset.username = username;
        a.onclick = blacklistUser;
 
        actionBar.after(a);
 
        if (separator) {
            actionBar.after(document.createTextNode(separator));
        }
    }
 
    function addUnBlackListLink(actionBar, username, separator) {
        if (settings.removeUnBlacklist) return;
        const a = document.createElement("a");
        a.href = "javascript:void(0)";
        a.textContent = "UnBlacklist User";
        if (settings.UnBlacklistUsername) a.title = username;
        a.dataset.username = username;
        a.onclick = blacklistUser;
 
        actionBar.after(a);
 
        if (separator) {
            actionBar.after(document.createTextNode(separator));
        }
    }
 
    function addBlackListButton(actionBar, username, separator) {
        const you = document.querySelector(YOU_SELECTOR).textContent;
        if (username == you) return
        const a = document.createElement("button");
        a.href = "javascript:void(0)";
        a.textContent = "Blacklist User";
        a.classList.add("mal-btn");
        a.classList.add("secondary");
        a.classList.add("small");
        a.classList.add("outline");
        a.classList.add("noborder");
        a.dataset.username = username;
        a.onclick = blacklistUser;
 
        if (actionBar.childElementCount > 0 && separator) {
            actionBar.prepend(document.createTextNode(separator));
        }
        actionBar.prepend(a);
    }
 
    function addUnBlackListButton(actionBar, username, separator) {
        if (settings.removeUnBlacklist) return;
        const a = document.createElement("button");
        a.href = "javascript:void(0)";
        a.textContent = "UnBlacklist User";
        a.classList.add("mal-btn");
        a.classList.add("secondary");
        a.classList.add("small");
        a.classList.add("outline");
        a.classList.add("noborder");
        if (settings.UnBlacklistUsername) a.title = username;
        a.dataset.username = username;
        a.onclick = blacklistUser;
 
        if (actionBar.childElementCount > 0 && separator) {
            actionBar.prepend(document.createTextNode(separator));
        }
        actionBar.prepend(a);
    }
 
    function blacklistUser(e) {
        const username = e.target.dataset.username;
 
        if (blacklist.includes(username)) {
            removeUser(username);
            window.location.reload();
        } else {
            addUser(username);
            window.location.reload();
        }
    }
 
    //Add a user to the blacklist
    function addUser(username) {
        blacklist.push(username);
        saveBlackList();
    }
 
    //Remove a user from the blacklist if it's there
    function removeUser(userName) {
        blacklist = blacklist.filter(name => userName !== name);
        saveBlackList();
    }
 
    //remove the user node from the html code and then update the localStorage
    function removeNode(e) {
        const row = e.target.parentNode;
        const name = row.querySelector("[data-name]").textContent;
        row.remove();
        removeUser(name);
        removeUserFromSelect(name);
    }
 
    //modify the user node from the html code and then update the localStorage
    function saveNode(e) {
        const newName = e.target.textContent;
        const previousName = e.target.dataset.previousName;
 
        previousName && removeUser(previousName);
 
        if (newName !== "") {
            addUser(newName);
            e.target.dataset.previousName = newName;
        } else {
            e.target.parentNode.remove();
        }
    }
 
    //add a new user node to the html code and then update the localStorage
    function addNode(e) {
        const node = e.target.parentNode;
        const usernameNode = node.querySelector("[data-name]");
        const username = usernameNode.textContent;
        usernameNode.textContent = "";
 
        if (!blacklist.includes(username)) {
            createNode(username);
            addUser(username);
            addUserToSelect(username);
        }
    }
 
    //create the user node then add it to the html code
    function createNode(username) {
        const newUser = document.createElement("div");
        newUser.setAttribute("data-user", "");
        newUser.className = "user";
        newUser.innerHTML = `<div data-name class="name" contenteditable="true" onclick="this.focus()" data-previous-name="${username}">${username}</div>
        <button data-remove class="remove">Remove</button>`;
        newUser.querySelector("[data-name]").addEventListener("focusout", saveNode);
        newUser.querySelector("[data-remove]").addEventListener("click", removeNode);
        document.querySelector("[data-blacklist]").append(newUser);
    }
 
    //add the users inside the user select element
    function addUserToSelect(username) {
        const selectUser = document.querySelector("[data-select-users]");
        const option = document.createElement("option");
        option.value = option.textContent = username;
        selectUser.appendChild(option);
    }
 
    //remove the user from the select list
    function removeUserFromSelect(username) {
        const userOption = document.querySelector(`[data-select-users] [value="${username}"]`);
        if (userOption) userOption.remove();
    }
 
    //load a custom post and custom profile message of a specific blacklisted user into the 2 text areas designated for these inputs
    function loadSpecificMessages(e) {
        const userCustomLastPost = settings.specificCustomLastPost[e.target.value];
        const userCustomQuote = settings.specificCustomQuote[e.target.value];
        const userCustomReply = settings.specificCustomReply[e.target.value];
        const userCustomPost = settings.specificCustomPost[e.target.value];
        const userCustomProfileMsg = settings.specificCustomProfileMsg[e.target.value];
        const customLastPost = document.getElementById("specificCustomLastPost");
        const customQuote = document.getElementById("specificCustomQuote");
        const customReply = document.getElementById("specificCustomReply");
        const customPost = document.getElementById("specificCustomPost");
        const customProfileMsg = document.getElementById("specificCustomProfileMsg");
        customLastPost.value = userCustomLastPost ? userCustomLastPost : "";
        customQuote.value = userCustomQuote ? userCustomQuote : "";
        customReply.value = userCustomReply ? userCustomReply : "";
        customPost.value = userCustomPost ? userCustomPost : "";
        customProfileMsg.value = userCustomProfileMsg ? userCustomProfileMsg : "";
    }
})();
欢迎访问Greasy Fork镜像
