Stop Tracking Mods

Stop tracking multiple mods at once on Nexus Mods.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name               Stop Tracking Mods
// @namespace          https://github.com/ewigl/nexusmods-stop-tracking-mods
// @version            1.0.3
// @description        Stop tracking multiple mods at once on Nexus Mods.
// @author             Licht
// @license            MIT
// @homepage           https://github.com/ewigl/nexusmods-stop-tracking-mods
// @icon               https://www.nexusmods.com/favicon.ico
// @match              https://www.nexusmods.com/mods/trackingcentre*
// @match              https://www.nexusmods.com/*/mods/trackingcentre*
// @grant              GM_addStyle
// ==/UserScript==

; (function () {
    'use strict';

    // "UPDATED" label
    GM_addStyle(`
        .tracking-highlight {
            left: 31px;
        }
        #batch-untrack-btn:hover {
            opacity: 0.9;
        }
    `)

    function initBatchUntrack() {
        const trackingTable = document.querySelector('.mod-table.mod-tracking-table');
        if (!trackingTable) return;

        const hasMods = trackingTable.querySelector('tbody tr .tracking-mod') !== null;

        let untrackControls = document.getElementById('batch-untrack-controls');

        if (!untrackControls) {
            untrackControls = document.createElement('div');
            untrackControls.id = 'batch-untrack-controls';
            untrackControls.style.display = hasMods ? 'flex' : 'none';
            untrackControls.style.justifyContent = 'flex-start';
            untrackControls.style.alignItems = 'center';
            untrackControls.style.margin = "8px 0"
            untrackControls.innerHTML = `
                <input
                    type="checkbox" 
                    id="select-all-untrack"
                    style="transform: scale(1.3); margin: 0 12px 0 6px; cursor: pointer;"
                >
                <button
                    id="batch-untrack-btn"
                    style="
                        width: 100px;
                        height: 60px;
                        padding: 4px;
                        font-size: 14px;
                        font-weight: bold;
                        background-color: #da3e3e;
                        color: white;
                        border-radius: 4px;
                        border: none;
                        cursor: pointer;
                        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
                    "
                >
                    Stop Tracking
                </button>
            `;

            trackingTable.parentNode.insertBefore(untrackControls, trackingTable.nextSibling);

            document.getElementById('select-all-untrack').addEventListener('change', (e) => {
                const rowCbs = document.querySelectorAll('.batch-untrack-cb');
                rowCbs.forEach(cb => {
                    cb.checked = e.target.checked;
                });
            });

            document.getElementById('batch-untrack-btn').addEventListener('click', (e) => {
                e.preventDefault();
                const checkedCbs = document.querySelectorAll('.batch-untrack-cb:checked');

                if (checkedCbs.length === 0) {
                    alert('Please select at least 1 mod.');
                    return;
                }

                if (!confirm(`Are you sure you want to stop tracking these ${checkedCbs.length} mods(s)?`)) {
                    return;
                }

                // Click "Stop tracking"
                checkedCbs.forEach(cb => {
                    const tr = cb.closest('tr');
                    const untrackBtn = tr.querySelector('.toggle-track-mod');
                    if (untrackBtn) {
                        untrackBtn.click();
                        const wrapper = cb.closest('.batch-untrack-wrapper');
                        if (wrapper) wrapper.style.display = 'none';
                    }
                });

                document.getElementById('select-all-untrack').checked = false;
            });
        } else {
            untrackControls.style.display = hasMods ? 'flex' : 'none';
        }

        if (!hasMods) return;

        const tbodyTrs = trackingTable.querySelectorAll('tbody tr');
        tbodyTrs.forEach(tr => {
            const modNameTd = tr.querySelector('.tracking-mod');
            if (modNameTd && !modNameTd.querySelector('.batch-untrack-cb')) {
                modNameTd.insertAdjacentHTML('afterbegin', `
                    <div class="batch-untrack-wrapper" style="display: inline-block; vertical-align: middle; margin: 0 12px 0 6px;">
                        <input type="checkbox" class="batch-untrack-cb" style="transform: scale(1.3); cursor: pointer; margin: 0;">
                    </div>
                `);
            }
        });
    }

    let observerTimeout = null;

    const observer = new MutationObserver((_mutations) => {
        clearTimeout(observerTimeout);

        observerTimeout = setTimeout(() => {
            const table = document.querySelector('.mod-table.mod-tracking-table');

            if (table) {
                const isControlsMissing = !document.getElementById('batch-untrack-controls');

                const hasModRows = table.querySelector('.tracking-mod') !== null;
                const isCheckboxMissing = hasModRows && !table.querySelector('.batch-untrack-cb');

                if (isControlsMissing || isCheckboxMissing) {
                    initBatchUntrack();
                }
            }
        }, 100);
    });

    const targetContainer = document.querySelector('.tabcontent') || document.querySelector('.wrapper') || document.body;

    observer.observe(targetContainer, {
        childList: true,
        subtree: true
    });

    window.addEventListener('load', initBatchUntrack);

})();