Gelbooru Show Tags on Hover Everywhere

Makes tags display on hover for more like this, saved searches, and wiki pages, like on the rest of the site.

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Gelbooru Show Tags on Hover Everywhere
// @namespace    http://tampermonkey.net/
// @version      3.1.1
// @description  Makes tags display on hover for more like this, saved searches, and wiki pages, like on the rest of the site.
// @author       Xerodusk
// @homepage     https://greasyfork.org/en/users/460331-xerodusk
// @license      GPL-3.0-or-later
// @match        https://gelbooru.com/index.php*page=post*s=view*
// @match        https://gelbooru.com/index.php*s=saved_search*
// @match        https://gelbooru.com/index.php*page=wiki*s=view*
// @grant        none
// @icon         https://gelbooru.com/favicon.png
// ==/UserScript==
/* jshint esversion: 6 */

// Decode encoded characters in tags for proper processing
function HtmlDecode(input) {
    'use strict';

    const tempElem = document.createElement('div');
    tempElem.innerHTML = input;
    return tempElem.childNodes.length === 0 ? "" : tempElem.childNodes[0].nodeValue;
}

// Copy tags from alt attribute to title attribute for image thumbnails
function TagsToTitle(imageThumbs) {
    'use strict';

    imageThumbs.forEach(imageThumb => {
        imageThumb.title = HtmlDecode(imageThumb.alt);
    });
}

// Fetch tags for More Like This
function FetchTags(imageThumbs) {
    'use strict';

    imageThumbs.forEach(imageThumb => {
        // Check if Highlighter already fetched
        const imageData = imageThumb.dataset.tags;
        if (imageData) {
            imageThumb.title = HtmlDecode(imageData);
        } else {
            const linkURL = imageThumb.parentNode.href;

            fetch(linkURL).then(response => response.text()).then((responseText) => {
                const parser = new DOMParser();

                const htmlDoc = parser.parseFromString(responseText, 'text/html');

                // Get tags
                const tagsEditField = htmlDoc.querySelector('textarea#tags.tagBox[name="tags"]');
                const tags = tagsEditField.value;
                // Get rating
                const ratingEditField = htmlDoc.querySelector('input[name="rating"][checked]');
                const ratingAbbrv = ratingEditField.value;
                let rating = '';
                switch (ratingAbbrv) {
                    case 'e': rating = 'explicit'; break;
                    case 'q': rating = 'questionable'; break;
                    case 's': rating = 'sensitive'; break;
                    case 'g': rating = 'general'; break;
                    default: break;
                }
                // Get score
                const linkSearchParams = new URLSearchParams(new URL(linkURL).search);
                const linkID = linkSearchParams.get('id');
                const score = htmlDoc.getElementById('psc' + linkID).textContent;

                // Construct string
                const titleString = tags + '  score:' + score + ' rating:' + rating;

                imageThumb.title = HtmlDecode(titleString);
            });
        }
    });
}

(function() {
    'use strict';

    // Get all image thumbnails on page
    let imageSelector; // selector for all image thumbnails
    const searchParams = new URLSearchParams(window.location.search);
    if (searchParams.get('s') === 'saved_search') {
        imageSelector = '.thumbnail-container > .thumbnail-preview a img';
    } else if (searchParams.get('page') === 'wiki') {
        imageSelector = '.thumb img';
    } else if (searchParams.get('page') === 'post') {
        imageSelector = '.mainBodyPadding > div > a[href*="page=post&s=view"] img';
    }

    const imageThumbs = [...document.querySelectorAll(imageSelector)];

    if (searchParams.get('page') === 'post') {
        // Highlighter script may already be doing the heavy lifting
        if (window.typeHighlighterInstalled) {
            // Wait for highlighter to finish fetching
            window.addEventListener('tagsretrieve', () => {
                FetchTags(imageThumbs);
            });
        } else {
            FetchTags(imageThumbs);
        }
    } else {
        TagsToTitle(imageThumbs);
    }
})();