Widget:TalkToc:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
标签:回退 |
||
(未显示4个用户的68个中间版本) | |||
第1行: | 第1行: | ||
<noinclude>Only for | <noinclude>Only for Talk</noinclude><includeonly><!--{if !isset($wgTalkToc) || !$wgTalkToc}--><!--{assign var="wgTalkToc" value=true scope="global"}--><script> | ||
window. | window.addEventListener('jquery-ready', function() { | ||
if (location.hostname.includes("m.hmoegirl.info")) return; | |||
if (location.hostname.includes(" | |||
mw.loader.using(["oojs-ui"]).then(function() { | mw.loader.using(["oojs-ui"]).then(function() { | ||
if (!mw.config.get('talkTocLoaded', false)) { | if (!mw.config.get('talkTocLoaded', false)) { | ||
第26行: | 第25行: | ||
appendToggleButton; | appendToggleButton; | ||
/* 预处理 */ | |||
//备份目录 | |||
$toc.after($toc.clone().hide().attr('id', 'tocClone')); | |||
// 整理 讨论串 | |||
$('#mw-content-text > .mw-parser-output > h2').each(function() { | |||
var head = $(this); | |||
var container = $('<' + 'div/>'); | |||
}); | container.addClass('discussionContainer'); | ||
//整理标题列表 | head.addClass('discussionHead'); | ||
head.before(container); | |||
head.nextUntil('h2').not('h2').appendTo(container); | |||
head.prependTo(container); | |||
if (container.find('.saveNotice')[0] && head.nextUntil(".saveNotice").length === 0) { | |||
$toc.find('a[href="#' + head.find('.mw-headline')[0].id.replace(/"/g, '\\\"') + '"]').parent().addClass("savedDiscussion hiddenDiscussion"); | |||
container.addClass('savedDiscussion'); | |||
} else if (window.CSS && CSS.supports && CSS.supports('position', 'sticky')) { | |||
head.css({ | |||
position: 'sticky', | |||
top: 0, | |||
'background-color': bgcolor, | |||
'z-index': 2 | |||
}); | |||
container.css('position', 'relative'); | |||
} | |||
}); | |||
// Temporary padding fix for Microsoft Edge | |||
// TODO: Report this issue to Edge team | |||
if (/Edge/.test(navigator.userAgent)) { | |||
$('.discussionContainer').css('padding-top', '10px'); | |||
} | |||
//整理标题列表 | |||
$toc.append("<" + "ol style='margin-left: 1.7em;'><" + "/ol>").after('<' + 'div id="tocBox"><' + '/div>'); | |||
$toc.children('ul').children().appendTo($toc.find('ol')); | |||
$toc.find(".toclevel-1 > a > .tocnumber").remove(); | |||
$toc.appendTo("#tocBox"); | |||
/* 定义变量 */ | |||
$tocBox = $('#tocBox'); | |||
$level2 = $toc.find('.toclevel-2').hide(); | |||
$li = $toc.find('ol > li'); | |||
$svdDcs = $toc.find('.savedDiscussion'); | |||
$title = $toc.find('.toctitle').css("margin-right", "1em").append('<' + 'span id="toctoggle"><' + '/span>'); | |||
$toggle = $title.append('<' + 'div id="toggle"><' + '/div>').find('#toggle'); | |||
$tocText = $title.after('<' + 'div id="tocText"><' + '/div>').parents('#toc').find('#tocText'); | |||
appendToggleButton = function($Obj, $set, shTx, hiTx, fun) { | |||
if (!$Obj[0]) return false; | |||
$set.append($('<' + 'a/>', { | |||
text: function() { | |||
if ($Obj.is(':visible')) return hiTx; | |||
else return shTx; | |||
}, | |||
'class': 'toggleButton', | |||
href: 'javascript:void(0);', | |||
bind: { | |||
click: function() { | |||
if ($Obj.is(':visible')) { | |||
$Obj.hide(); | |||
$(this).text(shTx); | |||
} else { | |||
$Obj.show(); | |||
$(this).text(hiTx); | |||
} | } | ||
} | } | ||
})); | } | ||
})); | |||
if (typeof fun == 'function') fun(); | |||
}; | |||
/* 业务处理*/ | |||
//添加存档讨论串标题toggle按钮 | |||
if ($svdDcs[0]) { | |||
$toggle.append($('<' + 'a/>', { | |||
text: '显示已被存档标题', | |||
'class': 'toggleButton', | |||
href: 'javascript:void(0);', | |||
on: { | |||
click: function() { | |||
if ($svdDcs.hasClass('hiddenDiscussion')) { | |||
$svdDcs.removeClass('hiddenDiscussion'); | |||
$(this).text('隐藏已被存档标题'); | |||
} else { | |||
$svdDcs.addClass('hiddenDiscussion'); | |||
$(this).text('显示已被存档标题'); | |||
} | } | ||
} | } | ||
})); | } | ||
})); | |||
$tocText.append("<" + "div class='tocText'>(有下划线标题是已被存档标题)<" + "/div>"); | |||
} | |||
//添加二三四五级标题toggle按钮和标题数量 | |||
appendToggleButton($level2, $toggle, '显示段落', '隐藏段落', function() { | |||
$tocText.append("<" + "div class='tocText'>(中括号内数字是该大段下小段数量)<" + "/div>"); | |||
$toc.find('.toclevel-1').each(function() { | |||
var subtitleLength = $(this).find('.toctext').length - 1; | |||
if (subtitleLength) $(this).children('a').after('[' + subtitleLength + ']'); | |||
}); | }); | ||
$(' | }); | ||
//添加整体toggle按钮 | |||
appendToggleButton($toc.find('ol'), $title.find('#toctoggle'), '显示', '隐藏'); | |||
$('#toc').addClass('noOrigin'); | |||
/* | |||
$('.saveNotice').each(function() { | |||
$(this).prev('h2').addClass('savedNotice'); | |||
});*/ | |||
var containers = $('.discussionContainer'); | |||
containers.first().before('<' + 'div id="talkTocBox"><' + 'table><' + '/table><' + '/div>'); | |||
var self = $('#talkTocBox table'), | |||
a = $('<' + 'a/>').text(''); | |||
self.append('<' + 'caption/>').find('caption').append('<br/>').append('').append(a).append('') | |||
.end().append('<' + 'tbody/>'); | |||
containers.not('.savedDiscussion').each(function(i) { | |||
if (i % 4 === 0) self.find('tbody:last').append('<' + 'tr/>'); | |||
var that = $(this); | |||
/* var content = that.children().not('h2'); | |||
content.find('a').each(function() { | |||
try { | |||
var href = $(this)[0].href; | |||
if (!href) return; | |||
var link = new mw.Uri(href); | |||
if (link.host !== 'www.moegirl.com') this.userNameErrorReason = "link.host !== 'www.moegirl.com'"; | |||
else if (/^\/api\.php/i.test(link.path)) this.userNameErrorReason = "!!/^\\/api\\.php/i.test(link.path)"; | |||
else if (!link.query.title && /\.php$/i.test(link.path)) this.userNameErrorReason = "!!(!link.query.title && /\\.php$/i.test(link.path))"; | |||
else { | |||
var t = link.query.title || decodeURIComponent(link.path.substring(1)); | |||
if (/^user([ _]talk)?:[^\/]+$/i.test(t)) $(this).data('userName', t.replace(/^user([ _]talk)?:/i, '')).addClass('userTalkPage'); | |||
else this.userNameErrorReason = "!!/^user([ _]talk)?:[^\\/]+$/i.test(t)"; | |||
} | } | ||
} | } catch (e) { | ||
return; | |||
} | |||
} | |||
}); | }); | ||
content.find('.userTalkPage').each(function() { | |||
var parent = $(this).closest(containers).clone(); | |||
var now = Date.now() + (Math.random() + '').substring(2); | |||
parent.find('.userTalkPage').text(now); | |||
var regExec = RegExp(now + '(.*)(\\d{4}年([1-9]|1[0-2]) 月([1-9]|[12]\\d|3[01])日\\s{0,10}\\([一二三四五六日]\\)\\s{0,10}([01]\\d|2[0-3]):[0-5]\\d\\s{0,10}(\\([A-Z]{3}\\))?)').exec(parent.text()); | |||
if (!regExec || regExec[1].length > 20) { | |||
this.userNameErrorReason = 'Too far away from timestamp (' + (regExec ? regExec[1].length : 'null') + ')'; | |||
this.userNameErrorRegExec = regExec; | |||
$(this).removeClass('userTalkPage'); | |||
} else $(this).data('userTalkTime', regExec[2]); | |||
}); | }); | ||
var userTalkPage = []; | |||
content.find('.userTalkPage').each(function() { | |||
var timestamp = $(this).data('userTalkTime').replace(/ \([A-Z]{3,4}\)$|\([日一二三四五六]\)/g, ''), | |||
date = new Date(), | |||
time = timestamp.split(/[年月日\s\(\)\:]+/).map(function(n) { | |||
return +n; | |||
}); | |||
if (!time || !time[4]) return $(this).removeClass('.userTalkPage')[0].userNameErrorReason = 'Error Timestamp(' + timestamp + ')'; | |||
date.setFullYear(time[0]); | |||
date.setMonth(time[1] - 1); | |||
date.setDate(time[2]); | |||
date.setHours(time[3]); | |||
date.setMinutes(time[4]); | |||
userTalkPage.push([$(this).data('userName'), timestamp, date.getTime()]); | |||
}); | }); | ||
if (!userTalkPage[0]) userTalkPage.push(['Unsigned user/Nonstandard sign', 'Unknown Time']); | |||
else userTalkPage.sort(function(a, b) { | |||
return a[2] - b[2] | |||
}); | }); | ||
var firstName = userTalkPage[0], | |||
$(' | lastName = userTalkPage[userTalkPage.length - 1]; | ||
titlereg[that.find('.mw-headline:first').attr('id')] = that;*/ | |||
self.find('tr:last').append('<' + 'td><' + '/td>') | |||
.find('td:last').append( | |||
$('<' + 'a/>').attr('href', '#' + that.find('.mw-headline:first').attr('id').replace(/"/g, """)).append(that.find('.mw-headline:first').clone().find('a').replaceWith(function() { | |||
return $(this).text(); | |||
}).end().html()) | |||
); | |||
/* .append( | |||
$('<' + 'div/>').addClass('signInfo').append('话题发起:' + (firstName[0] === 'Unsigned user/Nonstandard sign' ? 'Unsigned user/Nonstandard sign' : '<' + 'a href="/User_talk:' + firstName[0] + '" title="' + firstName[0] + '的讨论页" target="_blank">' + firstName[0].replace(/_/g, ' ') + '<' + '/a>')) | |||
.append('<' + 'br>最后回复:' + (lastName[0] === 'Unsigned user/Nonstandard sign' ? 'Unsigned user/Nonstandard sign' : '<' + 'a href="/User_talk:' + lastName[0] + '" title="' + lastName[0] + '的讨论页" target="_blank">' + lastName[0].replace(/_/g, ' ') + '<' + '/a>') + '(' + lastName[1] + ' )') | |||
); */ | |||
}); | |||
/* if ($('.signInfo').filter(function() { | |||
return $(this).text().indexOf('Unsigned user/Nonstandard sign') !== -1; | |||
}).length * 2 > $('.signInfo').length) $('.signInfo').hide(); */ | |||
$( | self.append('<' + 'tbody class="hr"><' + 'tr><' + 'td colspan="4"> <' + '/td><' + '/tr><' + '/tbody>').append('<' + 'tbody/>').find('tbody').not(':first').hide(); | ||
containers.filter('.savedDiscussion').each(function(i) { | |||
if (i % 4 === 0) self.find('tbody:last').append('<' + 'tr/>'); | |||
self.find('tr:last').append('<' + 'td><' + 'a class="savedTitle" href="#' + $(this).find('.mw-headline:first').attr('id').replace(/"/g, """) + '">' + $(this).clone().find('.mw-headline:first').children('.mw-headline-number').remove().end().prepend(containers.index(this) + 1 + ' ').text() + '<' + '/a><' + '/td>'); | |||
}); | |||
a.on('click', function() { | |||
self.find('tbody').not(':first').fadeToggle(); | |||
$(this).text($(this).text() === ' 显示已存档讨论串标题' ? '隐藏已存档讨论串标题' : '显示已存档讨论串标题'); | |||
}); | |||
self.find('tbody').not('.hr').each(function() { | |||
var that = $(this).find('tr:last'); | |||
that.append(("<" + "td> <" + "/td>").repeat(4 - that.find("td").length)); | |||
}); | |||
$('#talkTocBox caption').append('').append($('<' + 'a/>').addClass('cbutton')).append(''); | |||
$('#tocText').append('<' + 'br>').append($('<' + 'a/>').addClass('cbutton')).append(''); | |||
$('.cbutton').on('click', function() { | |||
if (!localStorage.wgTocStyle || localStorage.wgTocStyle !== 'list') { | if (!localStorage.wgTocStyle || localStorage.wgTocStyle !== 'list') { | ||
$('#talkTocBox'). | $('#talkTocBox').hide(); | ||
$('.cbutton').text(' | $('#tocBox').show(); | ||
localStorage.setItem('wgTocStyle', 'list'); | |||
$('.cbutton').text(''); | |||
$(toclist.filter(function(l) { | |||
return l !== "tocBox"; | |||
}).map(function(l) { | |||
return 'a[href="#' + l + '"'; | |||
}).join(', ')).attr("href", "#tocBox"); | |||
} else { | } else { | ||
$('#tocBox'). | $('#talkTocBox').show(); | ||
$('.cbutton').text(' | $('#tocBox').hide(); | ||
localStorage.setItem('wgTocStyle', 'table'); | |||
$('.cbutton').text(''); | |||
$(toclist.filter(function(l) { | |||
return l !== "talkTocBox"; | |||
}).map(function(l) { | |||
return 'a[href="#' + l + '"'; | |||
}).join(', ')).attr("href", "#talkTocBox"); | |||
} | } | ||
}); | |||
if (!localStorage.wgTocStyle || localStorage.wgTocStyle !== 'list') { | |||
$('#talkTocBox').show(); | |||
$('.cbutton').text(''); | |||
$(toclist.filter(function(l) { | |||
return l !== "talkTocBox"; | |||
}).map(function(l) { | |||
return 'a[href="#' + l + '"'; | |||
}).join(', ')).attr("href", "#talkTocBox"); | |||
} else { | |||
$('#tocBox').show(); | |||
$('.cbutton').text(''); | |||
$(toclist.filter(function(l) { | |||
return l !== "tocBox"; | |||
}).map(function(l) { | |||
return 'a[href="#' + l + '"'; | |||
}).join(', ')).attr("href", "#tocBox"); | |||
} | } | ||
$tocBox.css({ | |||
position: 'relative', | |||
'z-index': 10 | |||
}); | |||
$(window).on('hashchange', function(e) { | |||
try { | |||
var hash = location.hash.substring(1); | |||
var target = $('[id="' + decodeURIComponent(hash).replace(/"/g, '\\\"') + '"]'); | |||
if (target[0]) { | |||
var scrollTop = target.offset().top; | |||
if (target.closest('.discussionHead').length === 0) { | |||
var parent = target.closest('h1, h2, h3, h4, h5, h6'); | |||
if (parent.length > 0) { | |||
scrollTop -= parent.outerHeight(true) - parent.height(); | |||
var h = parent.prevAll('h1, h2, h3, h4, h5, h6').filter(function() { | |||
return $(this).css('position') === 'sticky'; | |||
}); | |||
if (h.length > 0) scrollTop -= h.outerHeight(); | |||
} | |||
} else scrollTop = target.closest('.discussionContainer').offset().top; | |||
setTimeout(function() { | |||
$('html,body').animate({ | |||
scrollTop: scrollTop | |||
}, 0); | |||
}, 1); | |||
return false; | |||
} | |||
} catch (e) { | |||
return; | |||
} | |||
}).trigger('hashchange'); | |||
const g = ["sysop", "patroller"]; | |||
} | |||
} | } | ||
}); | }); | ||
}); | }); | ||
</script><style> | </script><style> | ||
#tocBox { | /* <pre> */ | ||
@media screen and (min-width: 600px) { | |||
body { | |||
opacity: 0.95; | |||
background-image:url(https://www.hmoegirl.info/images/a/af/%E8%AE%A8%E8%AE%BA%E7%89%88%E8%AF%8D%E4%BA%91.jpg); | |||
background-repeat:no-repeat; | |||
} | |||
} | |||
#ca-nstab-project { | |||
display: none; | |||
} | |||
.widgetTalkTocEnable #tocBox { | |||
max-width: 37%; | max-width: 37%; | ||
min-width: 300px; | min-width: 300px; | ||
float: left; | float: left; | ||
} | } | ||
#toc.noOrigin { | .widgetTalkTocEnable #toc.noOrigin { | ||
display: table; | display: table; | ||
} | } | ||
div.toc#toc { | .widgetTalkTocEnable div.toc#toc:not(.toc-custom) { | ||
min-width: 300px; | min-width: 300px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
第249行: | 第323行: | ||
padding-left: 1em; | padding-left: 1em; | ||
} | } | ||
div.toc#toc div | .widgetTalkTocEnable div.toc#toc div.toctitle h2 { | ||
margin-right: 1em; | margin-right: 1em; | ||
} | } | ||
div.toc.noOrigin#toc .toctoggle { | .widgetTalkTocEnable div.toc.noOrigin#toc .toctoggle { | ||
display: none; | display: none; | ||
} | } | ||
div#toc.toc #toctoggle, | .widgetTalkTocEnable div#toc.toc #toctoggle, | ||
div#toc.toc #toggle { | .widgetTalkTocEnable div#toc.toc #toggle { | ||
font-size: 94%; | font-size: 94%; | ||
-webkit-user-select: none; | -webkit-user-select: none; | ||
第264行: | 第338行: | ||
user-select: none; | user-select: none; | ||
} | } | ||
div#toc.toc .toggleButton:before { | .widgetTalkTocEnable div#toc.toc .toggleButton:before { | ||
content: "["; | content: "["; | ||
color: black; | color: black; | ||
} | } | ||
div#toc.toc .toggleButton:after { | .widgetTalkTocEnable div#toc.toc .toggleButton:after { | ||
content: "]"; | content: "]"; | ||
color: black; | color: black; | ||
} | } | ||
#toc .toggleButton:first-child { | .widgetTalkTocEnable #toc .toggleButton:first-child { | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
} | } | ||
div#toc.toc .toggleButton:last-child { | .widgetTalkTocEnable div#toc.toc .toggleButton:last-child { | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
div#toc.toc .hiddenDiscussion { | .widgetTalkTocEnable div#toc.toc .hiddenDiscussion { | ||
visibility: hidden; | visibility: hidden; | ||
height: 0; | height: 0; | ||
margin: 0; | margin: 0; | ||
} | } | ||
div.toc#toc li.savedDiscussion a { | .widgetTalkTocEnable div.toc#toc li.savedDiscussion a { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
#toc div#tocText { | .widgetTalkTocEnable #toc div#tocText { | ||
text-align:center | text-align: center; | ||
} | } | ||
#toc . | .widgetTalkTocEnable #toc div.tocText { | ||
display: inline-block; | |||
} | } | ||
#toc:not(.toc-custom), | |||
# | |||
#tocBox, | #tocBox, | ||
#talkTocBox { | #talkTocBox { | ||
display: none; | display: none; | ||
} | } | ||
#talkTocBox td { | .widgetTalkTocDisable #toc:not(.toc-custom) { | ||
display: table; | |||
} | |||
.widgetTalkTocEnable #talkTocBox td { | |||
text-align: center; | text-align: center; | ||
border: 1px solid #a7d7f9; | border: 1px solid #a7d7f9; | ||
第317行: | 第380行: | ||
padding: 0 1em; | padding: 0 1em; | ||
} | } | ||
#talkTocBox .hr td { | .widgetTalkTocEnable #talkTocBox .hr td { | ||
width: 100%; | width: 100%; | ||
} | } | ||
#talkTocBox table { | .widgetTalkTocEnable #talkTocBox table { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
width: 100%; | width: 100%; | ||
} | } | ||
#talkTocBox a { | .widgetTalkTocEnable #talkTocBox a { | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
#talkTocBox .savedTitle { | .widgetTalkTocEnable #talkTocBox .savedTitle { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
.cbutton { | .widgetTalkTocEnable .cbutton { | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
#ca-edit, #ca-editTopSection .mw-editsection { | |||
display: none !important; | |||
} | |||
.signInfo { | |||
display: none !important; | |||
} | |||
#right-navigation.no-need-to-edit-whole-page ul { | |||
display: flex; | |||
} | |||
#right-navigation.no-need-to-edit-whole-page ul>li { | |||
order: 999; | |||
} | |||
#right-navigation.no-need-to-edit-whole-page ul>li#ca-view { | |||
order: 1; | |||
} | |||
#right-navigation.no-need-to-edit-whole-page ul>li#ca-no-need-to-edit-whole-page-notice { | |||
order: 2; | |||
font-style: italic; | |||
} | |||
#right-navigation.no-need-to-edit-whole-page ul>li#ca-no-need-to-edit-whole-page-notice a, | |||
#right-navigation.no-need-to-edit-whole-page ul>li#ca-no-need-to-edit-whole-page-notice a:visited { | |||
color: #222; | |||
text-decoration: none; | |||
} | |||
#right-navigation.no-need-to-edit-whole-page ul>li#Wikiplus-Edit-TopBtn, | |||
#right-navigation.no-need-to-edit-whole-page ul>li#ca-edit, | |||
#right-navigation.no-need-to-edit-whole-page ul>li#ca-editTopSection{ | |||
display: none; | |||
} | |||
.cloaked-element.transparent-shield { | |||
z-index: 9999999; | |||
} | |||
.navpopup { | |||
z-index: 1000000; | |||
} | |||
/* </pre> */ | |||
</style><!--{/if}--></includeonly> | </style><!--{/if}--></includeonly> |
2023年8月18日 (五) 10:14的最新版本
Only for Talk