imported>=海豚= |
imported>=海豚= |
| 第337行： |
第337行： |
| }); | | }); |
| }, 200); | | }, 200); |
| /**
| |
| * 侧边栏隐藏工具
| |
| * 本工具参考自维百的同功能小工具——https://zh.wikipedia.org/wiki/MediaWiki:Gadget-CollapsibleSidebar.js
| |
| * [[User:AnnAngela]]/[[User:850710247liu]]做了一点改进
| |
| * 此处代码已转化为可通过mw检测的格式，源码可在 https://zh.moegirl.org.cn/User:AnnAngela/js/sidebarHidden.js 找到
| |
| */
| |
| /* eslint-disable prefer-arrow-callback */
| |
| /* eslint-disable prefer-template */
| |
| /* eslint-disable comma-dangle */
| |
| /* eslint-disable no-var */
| |
| /* global $, mw, localforage*/
| |
| "use strict";
| |
| $(function () {
| |
| if (mw.config.get("skin") !== "vector" || mw.config.get("wgCanonicalSpecialPageName") === "Blankpage" || getComputedStyle(document.body).direction !== "ltr") {
| |
| return;
| |
| }
| |
| mw.loader.using(["ext.gadget.localforage"]).then(function () {
| |
| var test = localforage.createInstance({
| |
| name: "AnnTools",
| |
| storeName: "IndexedDB-test",
| |
| driver: [localforage.INDEXEDDB]
| |
| });
| |
| return new Promise(function (res) {
| |
| var random = Math.random().toString().substring(2);
| |
| var fired = false;
| |
| test.setItem("test", random).then(function () {
| |
| return test.getItem("test");
| |
| }).then(function (result) {
| |
| if (!fired) {
| |
| fired = true;
| |
| res(result === random);
| |
| }
| |
| });
| |
| setTimeout(function () {
| |
| if (!fired) {
| |
| fired = true;
| |
| res(false);
| |
| }
| |
| }, 137);
| |
| });
| |
| }).then(function (indexedDBCanRun) {
| |
| var store = localforage.createInstance({
| |
| name: "AnnTools",
| |
| storeName: "SidebarHidden",
| |
| driver: indexedDBCanRun ? [localforage.INDEXEDDB] : [localforage.LOCALSTORAGE]
| |
| });
| |
| store.getItem("hidden").then(function (_hidden) {
| |
| var hidden = _hidden;
| |
| var saving = false;
| |
| var generateImageObject = function (svg) {
| |
| return URL.createObjectURL(new Blob([svg], {
| |
| type: "image/svg+xml"
| |
| }));
| |
| };
| |
| var logoPic = "https://www.hmoegirl.com/images/b/bc/Hmoegirl_logo.png";
| |
| var arrowRightSvg = generateImageObject('<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48"><polygon fill="#2196F3" points="17.1,5 14,8.1 29.9,24 14,39.9 17.1,43 36,24"/></svg>');
| |
| var arrowLeftSvg = generateImageObject('<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48"><polygon fill="#2196F3" points="30.9,43 34,39.9 18.1,24 34,8.1 30.9,5 12,24"/></svg>');
| |
| var $body = $(document.body);
| |
| var $mwNavigation = $("#mw-navigation");
| |
| var $mwWikiLogo = $(".mw-wiki-logo");
| |
| var $logoLink = $mwWikiLogo.clone(false);
| |
| var $logo = $("<img>").attr({
| |
| id: "sidebarHidden-logo",
| |
| src: logoPic
| |
| });
| |
| var $arrow = $("<img>").attr({
| |
| id: "sidebarHidden-arrow",
| |
| src: arrowLeftSvg
| |
| });
| |
| $logoLink.empty().removeAttr("class").attr("id", "sidebarHidden-logo-link").append($logo);
| |
| var hide = function () {
| |
| if (saving) {
| |
| return;
| |
| }
| |
| hidden = true;
| |
| saving = true;
| |
| $body.addClass("sidebarHidden");
| |
| $arrow.attr("src", arrowRightSvg);
| |
| store.setItem("hidden", hidden).then(function () {
| |
| saving = false;
| |
| });
| |
| };
| |
| var show = function () {
| |
| if (saving) {
| |
| return;
| |
| }
| |
| saving = true;
| |
| hidden = false;
| |
| $body.removeClass("sidebarHidden");
| |
| $arrow.attr("src", arrowLeftSvg);
| |
| store.setItem("hidden", hidden).then(function () {
| |
| saving = false;
| |
| });
| |
| };
| |
| $mwNavigation.append($arrow).append($logoLink);
| |
| if (hidden) {
| |
| hide();
| |
| }
| |
| $arrow.on("click", function () {
| |
| (hidden ? show : hide)();
| |
| });
| |
| });
| |
| });
| |
| });
| |
| /* Tabs */
| |
| /* eslint-disable no-var */
| |
| /* eslint-disable no-magic-numbers */
| |
| /* global OO, mediaWiki, jQuery */
| |
| /* eslint-disable comma-dangle */
| |
| /* eslint-disable prefer-arrow-callback */
| |
| /* eslint-disable no-var */
| |
| "use strict";
| |
| $(function () {
| |
| var defaultStyle = {
| |
| purple: {
| |
| labelColor: " ", //anti check
| |
| labelBackgroundColor: "#9070c0",
| |
| labelBorderColor: "#b090e0 #7050a0 #9070c0 #b090e0",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBorderColor: "#9070c0",
| |
| textBackgroundColor: "#f0edf5",
| |
| textPadding: "1em",
| |
| },
| |
| green: {
| |
| labelColor: " ",
| |
| labelBackgroundColor: "#75c045",
| |
| labelBorderColor: "#90d060 #60b030 #75c045 #90d060",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBorderColor: "#75c045 #60b030 #60b030 #75c045",
| |
| textBackgroundColor: "#f5fffa",
| |
| textPadding: "1em",
| |
| },
| |
| red: {
| |
| labelColor: " ",
| |
| labelBackgroundColor: "#FF0000",
| |
| labelBorderColor: "#FF8888 #CC0000 #FF0000 #FF8888",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBorderColor: "#FF0000 #CC0000 #CC0000 #FF0000",
| |
| textBackgroundColor: "#fffafa",
| |
| textPadding: "1em",
| |
| },
| |
| blue: {
| |
| labelColor: " ",
| |
| labelBackgroundColor: "#5b8dd6",
| |
| labelBorderColor: "#88abde #3379de #5b8dd6 #88abde",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBackgroundColor: "#f0f8ff",
| |
| textBorderColor: "#5b8dd6 #3379de #3379de #5b8dd6",
| |
| textPadding: "1em",
| |
| },
| |
| yellow: {
| |
| labelColor: " ",
| |
| labelBackgroundColor: "#ffe147",
| |
| labelBorderColor: "#ffe977 #ffd813 #ffe147 #ffe977",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBackgroundColor: "#fffce8",
| |
| textBorderColor: "#ffe147 #ffd813 #ffd813 #ffe147",
| |
| textPadding: "1em",
| |
| },
| |
| orange: {
| |
| labelColor: " ",
| |
| labelBackgroundColor: "#ff9d42",
| |
| labelBorderColor: "#ffac5d #ff820e #ff9d42 #ffac5d",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBackgroundColor: "#ffeedd",
| |
| textBorderColor: "#ff9d42 #ff820e #ff820e #ff9d42",
| |
| textPadding: "1em",
| |
| },
| |
| black: {
| |
| labelColor: " ",
| |
| labelBackgroundColor: "#7f7f7f",
| |
| labelBorderColor: "#999999 #4c4c4c #7f7f7f #999999",
| |
| labelPadding: ".2em .3em .2em .3em",
| |
| textBackgroundColor: "#e5e5e5",
| |
| textBorderColor: "#7f7f7f #4c4c4c #4c4c4c #7f7f7f",
| |
| textPadding: "1em",
| |
| },
| |
| };
| |
| var sides = {
| |
| top: {
| |
| className: "tabLabelTop",
| |
| labelColorSide: "top",
| |
| labelBorderSide: ["left", "right"],
| |
| labelColorSideReverse: "bottom",
| |
| dividerSizeType: "height"
| |
| },
| |
| bottom: {
| |
| className: "tabLabelBottom",
| |
| labelColorSide: "bottom",
| |
| labelBorderSide: ["left", "right"],
| |
| labelColorSideReverse: "top",
| |
| dividerSizeType: "height"
| |
| },
| |
| left: {
| |
| className: "tabLabelLeft",
| |
| labelColorSide: "left",
| |
| labelBorderSide: ["top", "bottom"],
| |
| labelColorSideReverse: "right",
| |
| dividerSizeType: "width"
| |
| },
| |
| right: {
| |
| className: "tabLabelRight",
| |
| labelColorSide: "right",
| |
| labelBorderSide: ["top", "bottom"],
| |
| labelColorSideReverse: "left",
| |
| dividerSizeType: "width"
| |
| }
| |
| };
| |
| var truthy = ["1", "on", "true", "yes"];
| |
| $("body").addClass("tab");
| |
| function getOwnPropertyNamesLength(obj) {
| |
| return Object.getOwnPropertyNames(obj).length;
| |
| }
| |
| function toLowerFirstCase(str) {
| |
| return str.substring(0, 1).toLowerCase() + str.substring(1);
| |
| }
| |
| function toUpperFirstCase(str) {
| |
| return str.substring(0, 1).toUpperCase() + str.substring(1);
| |
| }
| |
| mw.hook("wikipage.content").add(function () {
| |
| $(".Tabs").each(function () {
| |
| if ($(this).children(".TabLabel")[0]) {
| |
| return true;
| |
| }
| |
| var self = $(this),
| |
| classList = Array.from(this.classList).filter(function (n) {
| |
| return n in defaultStyle;
| |
| }),
| |
| data = $.extend({
| |
| labelPadding: "2px",
| |
| labelBorderColor: "#aaa",
| |
| labelColor: "green",
| |
| labelBackgroundColor: $("#content").css("background-color"),
| |
| textPadding: "20px 30px",
| |
| textBorderColor: "#aaa",
| |
| textBackgroundColor: "white",
| |
| defaultTab: 1,
| |
| }, classList[0] ? defaultStyle[classList[0]] || {} : {}, this.dataset || {}),
| |
| tabLabel = self.append('<div class="TabLabel"></div>').children(".TabLabel"),
| |
| tabDivider = self.append('<div class="TabDivider"></div>').children(".TabDivider"),
| |
| tabContent = self.append('<div class="TabContent"></div>').children(".TabContent"),
| |
| labelPadding = data.labelPadding,
| |
| labelColor = data.labelColor,
| |
| styleSheet = {
| |
| label: {},
| |
| text: {},
| |
| },
| |
| labelSide = data.labelSide in sides ? data.labelSide : "top",
| |
| side = sides[labelSide],
| |
| labelColorSideReverse = truthy.includes(data.labelColorSideReverse),
| |
| dividerSize = parseInt(data.dividerSize),
| |
| defaultTab = parseInt(data.defaultTab);
| |
| if(labelSide==="top"){
| |
| tabLabel.after(tabDivider);
| |
| tabDivider.after(tabContent);
| |
| }else if(labelSide==="bottom"){
| |
| tabContent.after(tabDivider);
| |
| tabDivider.after(tabLabel);
| |
| }
| |
| if (!isNaN(dividerSize) && dividerSize > 0) {
| |
| self.find(".TabDivider")[side.dividerSizeType](dividerSize);
| |
| }
| |
| var labelColorName = toUpperFirstCase(labelColorSideReverse ? side.labelColorSideReverse : side.labelColorSide);
| |
| self.addClass(side.className);
| |
| if (labelColorSideReverse) {
| |
| self.addClass("reverse");
| |
| }
| |
| self.children(".Tab").each(function () {
| |
| if ($(this).children(".TabLabelText").text().replace(/\s/g, "").length || $(this).children(".TabLabelText").children().length) {
| |
| $(this).children(".TabLabelText").appendTo(tabLabel);
| |
| $(this).children(".TabContentText").appendTo(self.children(".TabContent"));
| |
| }
| |
| $(this).remove();
| |
| });
| |
| if (isNaN(defaultTab) || defaultTab <= 0 || defaultTab > tabLabel.children(".TabLabelText").length) {
| |
| defaultTab = 1;
| |
| }
| |
| tabLabel.children(".TabLabelText").on("click", function () {
| |
| var label = $(this);
| |
| label.addClass("selected").siblings().removeClass("selected").css({
| |
| "border-color": "transparent",
| |
| "background-color": "inherit",
| |
| });
| |
| tabContent.children(".TabContentText").eq(tabLabel.children(".TabLabelText").index(label)).addClass("selected").siblings().removeClass("selected").removeAttr("style");
| |
| if (getOwnPropertyNamesLength(styleSheet.label) > 0) {
| |
| label.css(styleSheet.label);
| |
| }
| |
| }).eq(defaultTab - 1).click();
| |
| if (labelPadding) {
| |
| tabLabel.children(".TabLabelText").css("padding", labelPadding);
| |
| }
| |
| ["labelBorderColor", "labelBackgroundColor", "textPadding", "textBorderColor", "textBackgroundColor"].forEach(function (n) {
| |
| var target = /^label/.test(n) ? "label" : "text",
| |
| key = toLowerFirstCase(n.replace(target, ""));
| |
| styleSheet[target][key] = data[n];
| |
| });
| |
| if (labelColor) {
| |
| styleSheet.label["border" + labelColorName + "Color"] = labelColor;
| |
| } else if (styleSheet.label.borderColor) {
| |
| styleSheet.label["border" + labelColorName + "Color"] = "green";
| |
| }
| |
| tabLabel.find(".selected").click();
| |
| if (getOwnPropertyNamesLength(styleSheet.text) > 0) {
| |
| tabContent.css(styleSheet.text);
| |
| }
| |
| if (data.autoWidth === "yes") {
| |
| self.addClass("AutoWidth");
| |
| }
| |
| if (data.float === "left") {
| |
| self.addClass("FloatLeft");
| |
| }
| |
| if (data.float === "right") {
| |
| self.addClass("FloatRight");
| |
| }
| |
|
| |
| });
| |
| });
| |
| });
| |
| //图片地址 | | //图片地址 |
| mw.loader.using("mediawiki.Uri").then(function () { | | mw.loader.using("mediawiki.Uri").then(function () { |