☰

meneame.net - Destacar edad de usuarios

Destacar edad de usuarios.

当前为 2021-11-28 提交的版本，查看 最新版本。

// ==UserScript==
// @name        meneame.net - Destacar edad de usuarios
// @namespace   http://tampermonkey.net/
// @version     3.0
// @description Destacar edad de usuarios.
// @author      ᵒᶜʰᵒᶜᵉʳᵒˢ & Niko
// @match       *://*.meneame.net/*
// @connect     meneame.net
// @icon https://www.meneame.net/favicon.ico
// @grant       GM_addStyle
// @grant       GM.setValue
// @grant       GM.getValue
// @grant       GM.listValues
// @grant       GM.deleteValue
// @grant       GM.xmlHttpRequest
// @license     GNU GPLv3
// ==/UserScript==

// ---- SCRIPT CONFIG ----
const CACHE_DAYS = 30;
const GREEN_DAYS = 30;
const ORANGE_DAYS = 30;
const RED_DAYS = 30;
const GREEN_COLOR = "#0ba800";
const ORANGE_COLOR = "#ffa200";
const RED_COLOR = "#ff0000";

const GOLD_MEDAL_COLOR = "#FFCC00";
const SILVER_MEDAL_COLOR = "#999999";
const BRONZE_MEDAL_COLOR = "#A05A2C";
const SILVER_YEARS = 5;
const BRONZE_YEARS = 3;

const NOOB_DAYS = RED_DAYS + ORANGE_DAYS + GREEN_DAYS;
const FILLCOLOR = 'FILLCOLOR';
const MEDAL_COLOR = 'MEDAL_COLOR';
const YEARS_MEDAL = 'YEARS_MEDAL';

// ---- API values ----
const USER_LOCATIONS = [
    ['.username',null],
    ['.news-submitted',3]
];
const REQUEST_URL = 'https://www.meneame.net/backend/get_user_info?id=';
const AVATAR_CLASSES = '.avatar, .lazy';

const SVG_CSS_Tooltip = "a.SVGtooltips {position: relative;display: inline; left: -15px;} a.SVGtooltips span {position: absolute;width:60px;color: #FFFFFF;background: #000000;height: 18px;line-height: 14px;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: -10px;margin-left: 10px;z-index: 999;}";
const SVG_L_PIC = "<a class='SVGtooltips' href='#'>&nbsp;&nbsp;<svg width='11' height='12' style='overflow: visible'> <rect style='fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.23;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' height='16.55' ry='0.88' rx='0.88' width='14.89' x='-0.09' y='-0.09'></rect> <rect rx='0.55' ry='0.55' height='14.89' x='0.73' y='0.73' width='13.24' style='fill:FILLCOLOR;fill-opacity:1;stroke:#000000;stroke-width:0.20;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1'></rect> <path style='fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.09;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' d='M 2.77,1.66 V 14.71 h 3.30 v -0.0058 H 11.92 V 12.18 L 5.50,12.16 V 1.64 Z'></path></svg><span>XXX DÍAS</span></a>";
const SVG_MEDAL_PIC = "<a class='SVGtooltips' href='#'>&nbsp;&nbsp;<svg width='11' height='12' style='overflow: visible'><defs><linearGradient spreadMethod='pad' id='gradient_type' x1='100%' y1='100%' x2='0%' y2='0%'><stop offset='25%' style='stop-color:MEDAL_COLOR;stop-opacity:1;' /><stop offset='95%' style='stop-color:#FFFFFF;stop-opacity:1;' /></linearGradient></defs><path style='fill:#ff0000' d='M 11.95,23.17 0,2.2e-6 22.56,0 Z'/><circle style='fill:url(#gradient_type)' r='11' cx='11.50' cy='16.63' y='0' x='0'/><text text-anchor='middle' dominant-baseline='central' x='11.5' y='16.63' style='font-size:13px'><tspan style='font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;text-align:center;text-anchor:middle;stroke-width:2.02'>YEARS_MEDAL</tspan></text></svg><span>YEARS_MEDAL AÑOS</span></a>";

function DoDirtyThings() {
    cacheDelete();
    GM_addStyle(SVG_CSS_Tooltip);
    highlightNoobUsers();
};

function highlightNoobUsers() {
    for(var userLocation of USER_LOCATIONS) {
        let usernames = document.querySelectorAll(userLocation[0]);
        let childNodeNumber = userLocation[1];
        usernames.forEach(function(node) {
            checkIfUserIsNoob(node, childNodeNumber);
        });
    }
}

async function checkIfUserIsNoob(node, childnode) {
    var user = "";
    if (childnode) {
        user = node.childNodes[childnode].textContent;
    } else {
        user = node.textContent;
    }
    let date = await GM.getValue(user, "");
    if (date === "") date = requestRegistrationDate(user);
    let days = daysSinceRegistration(date);
    if (days < NOOB_DAYS) {
        InsertAfterAvatar(node, FormatSVG_L_PIC(Math.floor(days)));
    } else {
        InsertAfterAvatar(node, FormatSVG_MEDAL_PIC(Math.floor(days/365)));
    }
}

function FormatSVG_MEDAL_PIC(years) {
    var strSVG = SVG_MEDAL_PIC.replaceAll(YEARS_MEDAL,years);
    switch(true) {
        case (years <= BRONZE_YEARS):
            strSVG = strSVG.replace(MEDAL_COLOR, BRONZE_MEDAL_COLOR).replaceAll('_type','_bronze'); break;
        case (years <= BRONZE_YEARS + SILVER_YEARS):
            strSVG = strSVG.replace(MEDAL_COLOR, SILVER_MEDAL_COLOR).replaceAll('_type','_silver'); break;
        default:
            strSVG = strSVG.replace(MEDAL_COLOR, GOLD_MEDAL_COLOR).replaceAll('_type','_gold');
    }
    if (years == 1) strSVG = strSVG.replace('AÑOS', 'AÑO');
    return strSVG;
}

function FormatSVG_L_PIC(days) {
    var strSVG = SVG_L_PIC.replace("XXX",days);
    switch(true) {
        case (days <= RED_DAYS):
            strSVG = strSVG.replace(FILLCOLOR, RED_COLOR); break;
        case (days <= RED_DAYS + ORANGE_DAYS):
            strSVG = strSVG.replace(FILLCOLOR, ORANGE_COLOR); break;
        default:
            strSVG = strSVG.replace(FILLCOLOR, GREEN_COLOR);
    }
    if (days == 1) strSVG = strSVG.replace('DÍAS', 'DÍA');
    return strSVG;
}

function InsertAfterAvatar(usernode, htmlsvg) {
    let avatarNodes = usernode.parentNode.querySelectorAll(AVATAR_CLASSES);
    avatarNodes.forEach(function(node) {
        node.insertAdjacentHTML('afterend', htmlsvg);
    });
}

async function requestRegistrationDate(user) {
    await GM.xmlHttpRequest(
        {method: "GET", url: REQUEST_URL + user, onload: function(result) {
            const dateRegex = /((0[1-9]|[12]\d|3[01])-(0[1-9]|1[0-2])-[12]\d{3})/;
            const date = result.responseText.match(dateRegex);
            if (user != "") GM.setValue(user, date[0]);
        }
        }
    );
}

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

async function cacheDelete() {
    const UPDATE_DATE_KEY = "_CACHE_CLEAR_DATE_"
    let lastClearDate = await GM.getValue(UPDATE_DATE_KEY, "");
    if (lastClearDate === "") {
        GM.setValue(UPDATE_DATE_KEY, Date.now());
    } else {
        if ((Date.now() - lastClearDate) / 8.64e7 > CACHE_DAYS) {
            let values = await GM.listValues();
            values.forEach( function(value) {GM.deleteValue(value);});
            GM.setValue(UPDATE_DATE_KEY, Date.now());
        }
    }
}

DoDirtyThings();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址