MediaWiki:Gadget-site-javascript.js
跳到导航
跳到搜索
注意:这类代码页面在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 按住
CTRL+SHIFT+DEL 或 ⌘-Shift-R
来清除缓存! - 或尝试在地址栏的地址最后添加代码
?_=1
来访问最新页面。 - 你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮!
1. | 桌面版CSS | MediaWiki:Common.css |
2. | 桌面版JS | MediaWiki:Common.js |
3. | 移动端CSS | MediaWiki:Mobile.css |
4. | 移动端JS | MediaWiki:Mobile.js |
5. | 全局共用CSS | MediaWiki:Gadget-site-styles.css |
6. | 全局共用JS | MediaWiki:Gadget-site-javascript.js |
7. | 管理员CSS | MediaWiki:Group-sysop.css |
8. | 管理员JS | MediaWiki:Group-sysop.js |
9. | 编辑时载入 | MediaWiki:Common.js/edit.js |
引用api时用
mw.loader.using("mw.Api")
,引用uri时用mw.loader.using("mediawiki.Uri")
。/* 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");
}
});
});
});
/**
* 侧边栏隐藏工具
* 本工具参考自维百的同功能小工具——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)();
});
});
});
});
//图片地址
mw.loader.using("mediawiki.Uri").then(function () {
setInterval(function () {
$(document.querySelectorAll('img[src*="//img.moegirl.org/"]:not(.org-changed), img[src*="//commons.moegirl.org/"]:not(.org-changed)')).each(function (_, ele) {
try {
var url = new mw.Uri(ele.src);
if (["img.moegirl.org", "commons.moegirl.org"].includes(url.host)) {
url.host += ".cn";
ele.src = url;
}
ele.classList.add("org-changed");
} catch (e) { }
});
}, 200);
});
$(window).on("load", function () {
//R18警告
function r18Warning() {
var content = $('<div id="x18"><div id="x18Context"><div id="x18Title"><div id="x18Icon"></div></div><div class="x18Button"></div></div></div>');
if (!window.localStorage.getItem('x18')) { //如果没有x18记录
$('body').css('overflow', 'hidden'); //禁止滚屏
$('#mw-content-text').css({
'opacity': 0
});
//禁止偷看
content.prependTo('body').find('.x18Button').append('<div id="x18Yes">是</div><div id="x18No" class="x18Button">否</div>')
.end().find('#x18Title').append('你是否已年满十八岁?')
.end().delay(400).queue(function() {
$(this).css({
'opacity': 1
}); //显示警告信息
$(this).dequeue();
});
$('#x18Yes').on('click', function() {
window.localStorage.setItem('x18', true); //记录x18
$('#mw-content-text').css('opacity', 1).removeAttr('style'); //显示内容
$("#x18").remove(); //移除警告信息
$('body').removeAttr('style'); //允许滚屏
});
$('#x18No').on('click', function() {
window.location.replace(window.location.origin + '/' + mw.config.get('wgMainPageTitle')); //不给你看
});
} else $("#x18").remove(); //如果有x18记录
}
$(function() {
r18Warning();
});
});
})();
})(jQuery, mediaWiki);