“MediaWiki:Gadget-sharelink”与“MediaWiki:Gadget-site-javascript.js”:页面之间的差异
(页面间差异)
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>Irukaza 无编辑摘要 |
||
第1行: | 第1行: | ||
/* 放置于这里的JavaScript将同时应用于桌 面 端和移动端 */ | |||
/* Tabs */ | |||
"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 () { | |||
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 = "hmoegirl.com"; | |||
ele.src = url; | |||
} | |||
ele.classList.add("org-changed"); | |||
} catch (e) { } | |||
}); | |||
}, 200); | |||
}); | |||
//最近更改图例说明 | |||
if (mw.config.get("wgCanonicalSpecialPageName") === "Recentchanges") { | |||
var div = document.getElementById('mw-content-text'); | |||
div.innerHTML = div.innerHTML | |||
.replace(/行\<\/dd>/g,'行\<\/dd>\<dt class\=\"newpage\"\>坏\<\/dt>\<dd class\=\"mw-changeslist-legend-damaging\"\>编辑或存问 题 ,应予复核(\<a href="https:\/\/www.mediawiki.org\/wiki\/Special:MyLanguage\/ORES_review_tool" class="extiw" title="mw:Special:MyLanguage\/ORES review tool\"\>更多信息\<\/a\>)\<\/dd\>\<dt class\=\"newpage"\>\<font color=\"sienna"\>巡\</font>\<\/dt>\<dd class=\"mw-changeslist-legend-damaging\"\>维护组用户权限(\<a href=\"https:\/\/www.hmoegirl.com\/帮助:H萌娘管理部\"\>成员总览\<\/a\>)\<\/dd\>') | |||
.replace(/\<dt class\=\"mw-plusminus-pos\">(\<em>±123\<\/em>)/g,'\<dt class\=\"mw-plusminus-pos\">(\<em>±123\<\/em>)') | |||
.replace(/mw-collapsible mw-collapsed mw-enhanced-rc mw-changeslist-line mw-changeslist-edit/g,'\mw-collapsible mw-enhanced-rc mw-changeslist-line mw-changeslist-edit') | |||
.replace(/mw-collapsible-toggle mw-collapsible-arrow mw-enhancedchanges-arrow mw-enhancedchanges-arrow-space/g,'\mw-collapsible-toggle mw-collapsible-arrow mw-enhancedchanges-arrow mw-enhancedchanges-arrow-space mw-collapsible-toggle-expanded'); | |||
} |
2022年3月17日 (四) 18:25的版本
/* 放置于这里的JavaScript将同时应用于桌面端和移动端 */
/* Tabs */
"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 () {
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 = "hmoegirl.com";
ele.src = url;
}
ele.classList.add("org-changed");
} catch (e) { }
});
}, 200);
});
//最近更改图例说明
if (mw.config.get("wgCanonicalSpecialPageName") === "Recentchanges") {
var div = document.getElementById('mw-content-text');
div.innerHTML = div.innerHTML
.replace(/行\<\/dd>/g,'行\<\/dd>\<dt class\=\"newpage\"\>坏\<\/dt>\<dd class\=\"mw-changeslist-legend-damaging\"\>编辑或存问题,应予复核(\<a href="https:\/\/www.mediawiki.org\/wiki\/Special:MyLanguage\/ORES_review_tool" class="extiw" title="mw:Special:MyLanguage\/ORES review tool\"\>更多信息\<\/a\>)\<\/dd\>\<dt class\=\"newpage"\>\<font color=\"sienna"\>巡\</font>\<\/dt>\<dd class=\"mw-changeslist-legend-damaging\"\>维护组用户权限(\<a href=\"https:\/\/www.hmoegirl.com\/帮助:H萌娘管理部\"\>成员总览\<\/a\>)\<\/dd\>')
.replace(/\<dt class\=\"mw-plusminus-pos\">(\<em>±123\<\/em>)/g,'\<dt class\=\"mw-plusminus-pos\">(\<em>±123\<\/em>)')
.replace(/mw-collapsible mw-collapsed mw-enhanced-rc mw-changeslist-line mw-changeslist-edit/g,'\mw-collapsible mw-enhanced-rc mw-changeslist-line mw-changeslist-edit')
.replace(/mw-collapsible-toggle mw-collapsible-arrow mw-enhancedchanges-arrow mw-enhancedchanges-arrow-space/g,'\mw-collapsible-toggle mw-collapsible-arrow mw-enhancedchanges-arrow mw-enhancedchanges-arrow-space mw-collapsible-toggle-expanded');
}