North-Plus MarkRead

Mark read thread.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         North-Plus MarkRead
// @namespace    https://github.com/sssssssl
// @version      0.1
// @description  Mark read thread.
// @author       sl
// @match        https://*.white-plus.net/thread.php?fid-*
// @match        https://*.south-plus.net/thread.php?fid-*
// @match        https://*.imoutolove.me/thread.php?fid-*
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==

(function() {
    'use strict';

    const CLS_THREAD = '.tr3.t_one';
    const TD_ID_PAT = /td_(\d+)/;
    const KEY_VISITED_TD = 'visited_id';
    const CLS_UNREAD = 'np-unread';

    const NP_UNREAD_STYLE = `
    <style>
    .np-unread {
        font-weight : bold;
    }
    </style>`;

    let threads = document.querySelectorAll(CLS_THREAD);

    let visitedThreads = GM_getValue(KEY_VISITED_TD);
    if(!visitedThreads) {
        visitedThreads = [];
    }

    document.head.insertAdjacentHTML('beforeend', NP_UNREAD_STYLE);

    threads.forEach((elem) => {
        let _td = elem.querySelector('td[id]');
        if(_td) {
            let m = TD_ID_PAT.exec(_td.id);
            if(m) {
                let id = parseInt(m[1]);
                if(visitedThreads.indexOf(id) == -1) {
                    let title = _td.querySelector('h3 a');
                    title.classList.add(CLS_UNREAD);

                    _td.onclick = () => {
                        let idx = visitedThreads.indexOf(id);
                        if(idx == -1) {
                            visitedThreads.push(id);
                            GM_setValue(KEY_VISITED_TD, visitedThreads);
                            console.log(`${id} clicked.`);
                        }
                    };
                }
            }
        }
    });

    // Your code here...
})();