MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary Tag: Reverted |
||
| Line 109: | Line 109: | ||
/* Jakes Recent Changes Portlet */ | /* Jakes Recent Changes Portlet */ | ||
(function () { | (function () { | ||
/* ---------------- Recent changes ---------------- */ | |||
var jakeRcPortletId = "p-jake-recentchanges"; | |||
var jakeRcListId = "jake-rc-list"; | |||
var jakeRcIntervalId = null; | |||
var jakeRcObserver = null; | |||
function jakeTimeAgo(date) { | function jakeTimeAgo(date) { | ||
var s = Math.floor((Date.now() - date.getTime()) / 1000); | var s = Math.floor((Date.now() - date.getTime()) / 1000); | ||
| Line 120: | Line 127: | ||
} | } | ||
function | function jakeGetMenu() { | ||
return ( | |||
document.getElementById("vector-main-menu") || | document.getElementById("vector-main-menu") || | ||
document.getElementById("mw-panel"); | document.querySelector("#mw-panel #vector-main-menu") || | ||
document.getElementById("mw-panel") || | |||
null | |||
); | |||
} | |||
function jakeBuildPortlet() { | |||
var menu = jakeGetMenu(); | |||
if (!menu) return null; | if (!menu) return null; | ||
if (document.getElementById(" | |||
var existingList = document.getElementById(jakeRcListId); | |||
if (existingList) return existingList; | |||
var existingPortlet = document.getElementById(jakeRcPortletId); | |||
if (existingPortlet) { | |||
var list = existingPortlet.querySelector("#" + jakeRcListId); | |||
return list || null; | |||
} | |||
var portlet = document.createElement("div"); | var portlet = document.createElement("div"); | ||
portlet.id = | portlet.id = jakeRcPortletId; | ||
portlet.className = "vector-menu mw-portlet"; | portlet.className = "vector-menu mw-portlet"; | ||
| Line 141: | Line 162: | ||
var ul = document.createElement("ul"); | var ul = document.createElement("ul"); | ||
ul.className = "vector-menu-content-list"; | ul.className = "vector-menu-content-list"; | ||
ul.id = | ul.id = jakeRcListId; | ||
var moreWrap = document.createElement("div"); | var moreWrap = document.createElement("div"); | ||
| Line 149: | Line 170: | ||
moreLink.href = mw.util.getUrl("Special:RecentChanges"); | moreLink.href = mw.util.getUrl("Special:RecentChanges"); | ||
moreLink.textContent = "Show more…"; | moreLink.textContent = "Show more…"; | ||
moreWrap.appendChild(moreLink); | moreWrap.appendChild(moreLink); | ||
content.appendChild(ul); | content.appendChild(ul); | ||
content.appendChild(moreWrap); | content.appendChild(moreWrap); | ||
| Line 157: | Line 178: | ||
portlet.appendChild(content); | portlet.appendChild(content); | ||
var | var after = | ||
menu.querySelector("#p-Community") || | |||
menu.querySelector("#p-navigation") || | |||
null; | |||
if (after && after.parentNode) after.parentNode.insertBefore(portlet, after.nextSibling); | |||
else menu.appendChild(portlet); | |||
return ul; | return ul; | ||
} | } | ||
function | function jakeRenderRecentChanges(items) { | ||
var ul = document.getElementById(jakeRcListId) || jakeBuildPortlet(); | |||
if (!ul) return; | if (!ul) return; | ||
ul.textContent = ""; | |||
if (!items || !items.length) { | |||
var li0 = document.createElement("li"); | |||
li0.className = "mw-list-item jake-rc-item"; | |||
var a0 = document.createElement("a"); | |||
a0.href = mw.util.getUrl("Special:RecentChanges"); | |||
a0.textContent = "View recent changes"; | |||
li0.appendChild(a0); | |||
ul.appendChild(li0); | |||
return; | |||
} | |||
for (var i = 0; i < items.length; i++) { | |||
var rc = items[i]; | |||
var li = document.createElement("li"); | |||
li.className = "mw-list-item jake-rc-item"; | |||
var a = document.createElement("a"); | |||
a.href = mw.util.getUrl(rc.title); | |||
a.textContent = rc.title; | |||
var meta = document.createElement("div"); | |||
meta.className = "jake-rc-meta"; | |||
meta.textContent = jakeTimeAgo(new Date(rc.timestamp)) + " · " + (rc.user || ""); | |||
li.appendChild(a); | |||
li.appendChild(meta); | |||
ul.appendChild(li); | |||
} | |||
} | } | ||
function | function jakeFetchRecentChanges() { | ||
var ul = document.getElementById(jakeRcListId) || jakeBuildPortlet(); | |||
if (!ul) return; | |||
var | var api = new mw.Api(); | ||
api.get({ | |||
action: "query", | |||
list: "recentchanges", | |||
} | rcnamespace: "0|4", | ||
rclimit: 5, | |||
rctype: "edit|new", | |||
rcprop: "title|timestamp|user", | |||
rcshow: "!bot", | |||
formatversion: 2 | |||
}).then(function (data) { | |||
var items = | |||
data && data.query && data.query.recentchanges | |||
? data.query.recentchanges | |||
: []; | |||
jakeRenderRecentChanges(items); | |||
}).catch(function () { | |||
jakeRenderRecentChanges([]); | |||
}); | |||
} | } | ||
function | function jakeWatchRecentChangesPortlet() { | ||
if (jakeRcObserver) return; | |||
jakeRcObserver = new MutationObserver(function () { | |||
var menu = | var menu = jakeGetMenu(); | ||
if (!menu) return; | |||
if ( | if (!document.getElementById(jakeRcPortletId)) { | ||
jakeBuildPortlet(); | |||
jakeFetchRecentChanges(); | |||
} | } | ||
}); | |||
jakeRcObserver.observe(document.body, { childList: true, subtree: true }); | |||
} | } | ||
function jakeInitRecentChanges() { | |||
jakeBuildPortlet(); | |||
jakeFetchRecentChanges(); | |||
if (jakeRcIntervalId) clearInterval(jakeRcIntervalId); | |||
jakeRcIntervalId = setInterval(jakeFetchRecentChanges, 60000); | |||
jakeWatchRecentChangesPortlet(); | |||
} | |||
/* */ | /* */ | ||
(function () { | (function () { | ||