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 () { | ||
var jakePortletId = "p-jake-recentchanges"; | |||
var jakeListId = "jake-rc-list"; | |||
var jakeTimer = 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 124: | ||
} | } | ||
function | function jakeFindMenuRoot() { | ||
return document.getElementById("vector-main-menu") || document.getElementById("mw-panel"); | |||
} | |||
function jakeEnsurePortlet() { | |||
var menu = jakeFindMenuRoot(); | |||
if (!menu) return null; | if (!menu) return null; | ||
if (document.getElementById(" | |||
var existingList = document.getElementById(jakeListId); | |||
if (existingList) return existingList; | |||
var existingPortlet = document.getElementById(jakePortletId); | |||
if (existingPortlet) { | |||
var list = existingPortlet.querySelector("#" + jakeListId); | |||
return list || null; | |||
} | |||
var portlet = document.createElement("div"); | var portlet = document.createElement("div"); | ||
portlet.id = | portlet.id = jakePortletId; | ||
portlet.className = "vector-menu mw-portlet"; | portlet.className = "vector-menu mw-portlet"; | ||
| Line 141: | Line 154: | ||
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 = jakeListId; | ||
var moreWrap = document.createElement("div"); | var moreWrap = document.createElement("div"); | ||
| Line 149: | Line 162: | ||
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 170: | ||
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 jakeRender(changes) { | ||
var ul = document.getElementById(jakeListId) || jakeEnsurePortlet(); | |||
if (!ul) return; | if (!ul) return; | ||
ul.textContent = ""; | |||
for (var i = 0; i < changes.length; i++) { | |||
var rc = changes[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 jakeFetch() { | |||
if (!mw || !mw.Api || !mw.util) return; | |||
jakeEnsurePortlet(); | |||
var api = new mw.Api(); | |||
api.get({ | |||
}); | action: "query", | ||
list: "recentchanges", | |||
rclimit: 5, | |||
rctype: "edit|new", | |||
rcprop: "title|timestamp|user", | |||
rcshow: "!bot", | |||
rcstart: new Date().toISOString(), | |||
formatversion: 2 | |||
}).then(function (data) { | |||
var items = (data && data.query && data.query.recentchanges) ? data.query.recentchanges : []; | |||
jakeRender(items); | |||
}).catch(function () { | |||
var ul = document.getElementById(jakeListId) || jakeEnsurePortlet(); | |||
if (!ul) return; | |||
ul.textContent = ""; | |||
var li = document.createElement("li"); | |||
li.className = "mw-list-item jake-rc-item"; | |||
var a = document.createElement("a"); | |||
a.href = mw.util.getUrl("Special:RecentChanges"); | |||
a.textContent = "View recent changes"; | |||
li.appendChild(a); | |||
ul.appendChild(li); | |||
}); | |||
} | |||
} | } | ||
function | function jakeInit() { | ||
if (!mw || !mw.util || !mw.Api) return; | |||
jakeFetch(); | |||
if (jakeTimer) clearInterval(jakeTimer); | |||
jakeTimer = setInterval(jakeFetch, 60000); | |||
if (mw.hook) { | |||
mw.hook("wikipage.content").add(function () { | |||
jakeEnsurePortlet(); | |||
}); | |||
} | |||
} | } | ||
if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", jakeInit); | |||
else jakeInit(); | |||
})(); | })(); | ||
/* */ | /* */ | ||