meneame.net - Destacar comentarios de usuarios recientes

Destacar comentarios de usuarios con menos de NOOB_DAYS días.
当前为 2021-10-23 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        meneame.net - Destacar comentarios de usuarios recientes
// @namespace   http://tampermonkey.net/
// @version     2.4
// @description Destacar comentarios de usuarios con menos de NOOB_DAYS días.
// @author      Niko & оᴄнᴏсᴇʀоs
// @match       *://*.meneame.net/*
// @grant       GM.setValue
// @grant       GM.getValue
// ==/UserScript==

// ---- SCRIPT CONFIG ----
const NOOB_DAYS = 90;

// ---- API values ----
const USERNAME_CLASS = '.username';
const SUBMITTED_NEWS_CLASS = '.news-submitted';
const URL_SUFFIX_VOTERS = '/voters';
const VOTERS_LIST_CLASS = '.voters-list';
const VOTERS_ITEM_CLASS = '.item';
const VOTERS_PAGES_CLASS = '.pages';
const REQUEST_URL = 'https://www.meneame.net/backend/get_user_info?id=';

const DOUBLE_SPACE = "&nbsp;&nbsp;";
const PIC_L = "<svg width='11' height='12' style='overflow: visible'> <rect style='fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.23726973;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' height='16.553701' ry='0.88286412' rx='0.88286412' width='14.898332' id='rect858' x='-0.096365139' y='-0.096365139'></rect> <rect rx='0.55179006' ry='0.55179006' height='14.898332' x='0.73131996' y='0.73131996' width='13.242962' style='fill:#0ba800;fill-opacity:1;stroke:#000000;stroke-width:0.20416233;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect860'></rect> <path style='fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.09538639;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' d='M 2.7781475,1.6690757 V 14.711704 h 3.3093231 v -0.0058 H 11.927454 V 12.181045 L 5.5034726,12.161578 V 1.6496091 Z' id='rect817'></path></svg>"
const SVG_CSS_Tooltip = "a.SVGtooltips {position: relative;display: inline;} a.SVGtooltips span {position: absolute;width:180px;color: #FFFFFF;background: #000000;height: 30px;line-height: 30px;text-align: center;visibility: hidden;border-radius: 6px;} a.SVGtooltips span:after {content: '';position: absolute;top: 50%;right: 100%;margin-top: -8px;width: 0; height: 0;border-right: 8px solid #000000;border-top: 8px solid transparent;border-bottom: 8px solid transparent;} a:hover.SVGtooltips span {visibility: visible;opacity: 1;left: 100%;top: 50%;margin-top: -15px;margin-left: 15px;z-index: 999;}";
const SVG_A_OPEN = "<a class='SVGtooltips' href='#'>";
const SVG_A_CLOSE = "</a>";
const SVG_SPAN_OPEN = "<span>";
const SVG_SPAN_CLOSE = "</span>";

DoDirtyThings();

function DoDirtyThings() {
	addGlobalStyle(SVG_CSS_Tooltip);
	highlightUserNews();
	highlightUserComments();
	highlightVotersList();
};

function highlightUserComments() {
    let usernames = document.querySelectorAll(USERNAME_CLASS);
    usernames.forEach( function(node) {
		checkIfUserIsNoob(node, DOUBLE_SPACE + PIC_L);
    });
	usernames = "";
}

function highlightUserNews() {
    let newsSubmitted = document.querySelectorAll(SUBMITTED_NEWS_CLASS);
    newsSubmitted.forEach( function(node) {
        //console.log(node.childNodes[3].textContent);
		checkIfUserIsNoob(node.childNodes[3], DOUBLE_SPACE + PIC_L + DOUBLE_SPACE);
    });
	newsSubmitted = "";
}

async function checkIfUserIsNoob(node, HTML_SVG) {
    let date = await GM.getValue(node.textContent, "");
    if (date === "") {
        let date = requestRegistrationDate(node.textContent);
    }
	let days = daysSinceRegistration(date);
    if (days < NOOB_DAYS) {
        node.insertAdjacentHTML('afterend', svgImage(days, HTML_SVG));
    }
	days = "";
}

function requestRegistrationDate(user) {
    let xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) {
            const dateRegex = /((0[1-9]|[12]\d|3[01])-(0[1-9]|1[0-2])-[12]\d{3})/;
            const date = this.responseText.match(dateRegex);
            if (user != "") {
                GM.setValue(user, date[0]);
            }
        }
    };
    xhttp.open("GET", REQUEST_URL + user, true);
    xhttp.send();
}

function daysSinceRegistration(dateStr) {
    const dateArray = dateStr.toString().split('-');
    const date = new Date(dateArray[2], dateArray[1] - 1, dateArray[0]);
    return (Date.now() - date.getTime()) / 3600000 / 24;
}

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

function svgImage(days, HTML_SVG) {
	let svgResponse =
		SVG_A_OPEN +
			HTML_SVG +
			SVG_SPAN_OPEN +
				Math.floor(days) + " DÍAS PULULANDO" +
			SVG_SPAN_CLOSE +
		SVG_A_CLOSE;
	return svgResponse;
}

function highlightVotersList() {
	if (currentLocationURLEndsIn(URL_SUFFIX_VOTERS)){
		let votersList = document.querySelector(VOTERS_LIST_CLASS).childNodes;
		votersList.forEach( function(node) {
			fixVotersAnchor(node.childNodes[0]);
			checkIfUserIsNoob(node.childNodes[0], DOUBLE_SPACE + PIC_L + DOUBLE_SPACE);
		});
		votersList = "";
		injectJSIntoVotersPagesLink();
	}
}

function injectJSIntoVotersPagesLink(){
	let votersPagesLink = document.querySelector(VOTERS_PAGES_CLASS).childNodes;
    votersPagesLink.forEach( function(node) {
        if (node.nodeType === 1 && node.tagName.toLowerCase() === "a") {
			node.href = node.href + ";highlightVotersList()";
		}
    });
	votersPagesLink = "";
}

function fixVotersAnchor(node){
	if (node.nodeType === 1 && node.tagName.toLowerCase() === "a" && node.textContent === ""){
		node.setAttribute("style", "font-size:0;");
		node.childNodes[0].insertAdjacentHTML('afterend',node.title.split(':')[0]);
	}
}

function currentLocationURLEndsIn(urlSuffix){
	let currentURL = window.location.href;
	return currentURL.substring(currentURL.length - urlSuffix.length) === urlSuffix;
}
欢迎访问Greasy Fork镜像
