ffxiv.ariyala.com 小工具

ffxiv.ariyala.com 自动标记所选项 + 魔晶石镶嵌界面快速选择魔晶石功能
目前为 2019-12-30 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name           ffxiv.ariyala.com 小工具
// @name:en        ffxiv.ariyala.com Tool
// @description    ffxiv.ariyala.com 自动标记所选项 + 魔晶石镶嵌界面快速选择魔晶石功能
// @description:en ffxiv.ariyala.com Auto mark the selection + Quickly selection on Materia Melding
// @version        0.0.1
// @match          *://ffxiv.ariyala.com/*
// @run-at         document-start
// @grant          unsafeWindow
// @author         AnnAngela
// @namespace      https://gf.qytechs.cn/users/129402
// @license        GNU General Public License v3.0 or later
// @compatible     chrome
// ==/UserScript==
/* eslint-disable no-magic-numbers */
/* global unsafeWindow */
"use strict";
unsafeWindow.addEventListener("load", () => {
    const i18n = {
        CRT: "暴击",
        DHT: "直击",
        SPS: "咏唱",
        SKS: "技速",
        DET: "信念",
        TEN: "坚韧",
        PIE: "信仰",
        clear: "清空",
    };
    const attributes = unsafeWindow.toolkit.currentContentCallback.attributeNames.filter((n) => i18n.hasOwnProperty(n));
    const uiLangIsChinese = unsafeWindow.navigator.language.startsWith("zh");

    const doc = unsafeWindow.document;
    const style = doc.createElement("style");
    style.innerText = ".materiaQuicklySelect { text-align: left; } .materiaQuicklySelect a { margin-left: 1em; } .materiaQuicklySelect a:first-child, .materiaQuicklySelect br + a { margin-left: 0; }";
    doc.head.appendChild(style);
    function check() {
        if (!doc.querySelector(".markAllSelection")) {
            Array.from(doc.querySelectorAll('[id^="classJobsOptionsLine"]')).forEach((n) => {
                const button = doc.createElement("a");
                button.classList.add("markAllSelection");
                button.classList.add("author");
                button.innerText = "Mark ALL selection";
                n.append(" • ");
                n.appendChild(button);
                button.addEventListener("click", () => {
                    Array.from(doc.querySelectorAll('#groupTables .inventoryCell[displaystate="inventory"]')).forEach((p) => {
                        const n = p.querySelector(".inventoryToggleButton");
                        if (p.classList.contains("selected") && !n.classList.contains("selected") || !p.classList.contains("selected") && n.classList.contains("selected")) {
                            n.click();
                        }
                    });
                });
            });
        }
    }
    check();
    const observerForMarkAllSelection = new MutationObserver(check);
    observerForMarkAllSelection.observe(unsafeWindow.document.querySelector("#classJobsOptionsLineA"), {
        childList: true,
        characterData: true,
        subtree: true,
    });
    observerForMarkAllSelection.observe(unsafeWindow.document.querySelector("#classJobsOptionsLineB"), {
        childList: true,
        characterData: true,
        subtree: true,
    });
    if (doc.querySelector('[id^="materiaSelect"]')) {
        Array.from(doc.querySelectorAll('select[id^="materiaSelect"]')).forEach((n, i) => {
            const levels = i < 2 ? [8] : i === 2 ? [8, 6] : [8, 7];
            if (!n.parentElement.querySelector(".materiaQuicklySelect")) {
                const div = doc.createElement("div");
                div.classList.add("materiaQuicklySelect");
                levels.forEach((level, index) => {
                    if (index !== 0) {
                        div.innerHTML += "<br>";
                    }
                    div.innerHTML += attributes.map((attr) => `<a href="javascript:void(0);" title="${uiLangIsChinese ? i18n[attr] : `${attr}:`}${level}" data-value="CRT:${level - 1}">${uiLangIsChinese ? i18n[attr] : `${attr}:`}${level}</a>`);
                    if (index === levels.length - 1) {
                        div.innerHTML += ` <a href="javascript:void(0);" title="${uiLangIsChinese ? i18n.clear : "Clear"}" data-value="">Clear</a>`;
                    }
                });
                n.after(div);
                Array.from(div.querySelectorAll("a")).forEach((ele) => {
                    ele.addEventListener("click", () => {
                        n.value = ele.dataset.value;
                        unsafeWindow.uiManager.currentOverlayWindow.updateMateriaWindowTable();
                    });
                });
            }
        });
    }
    const observerForMateriaSelect = new MutationObserver(() => {
        Array.from(doc.querySelectorAll('select[id^="materiaSelect"]')).forEach((n) => {
            if (n.parentElement.querySelector(".materiaQuicklySelect")) {
                n.parentElement.querySelector(".materiaQuicklySelect").style = `display: ${n.disabled ? "none" : "block"};`;
            }
        });
    });
    observerForMateriaSelect.observe(unsafeWindow.document.querySelector("#materiaWindow"), {
        attributes: true,
        attributeFilter: ["style"],
    });
});
欢迎访问Greasy Fork镜像
