MediaWiki:Common.js
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* ADOS Whisky-Ratings – RatePage Frontend (ES5, Widgets + Stats + Summary, Doppel-Init-Schutz; ANON VOTING ERLAUBT) */
mw.loader.using(['mediawiki.api', 'mediawiki.user']).then(function () {
// ---------- kleine Hilfsfunktion ----------
function get(obj, path) {
var cur = obj, i;
for (i = 0; i < path.length; i++) {
if (!cur || typeof cur !== 'object') return undefined;
cur = cur[path[i]];
}
return cur;
}
// ---------- Bootstrapping ----------
function boot(root) {
var scope = root || document;
var i, nodes;
nodes = scope.querySelectorAll('.whisky-rating__item');
for (i = 0; i < nodes.length; i++) setupWidget(nodes[i]);
initMetaOnly(scope);
nodes = scope.querySelectorAll('[data-ratepage-summary="true"]');
for (i = 0; i < nodes.length; i++) renderSummary(nodes[i]);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function(){ boot(document); });
} else {
boot(document);
}
mw.hook('wikipage.content').add(function($content){
if ($content && $content[0]) boot($content[0]);
});
// ---------- Interaktives Widget ----------
function setupWidget(box) {
if (box.getAttribute('data-rating-init') === '1') return;
box.setAttribute('data-rating-init', '1');
var pageId = mw.config.get('wgArticleId');
var contest = box.dataset.ratepageContest || undefined;
var scale = parseInt(box.dataset.ratepageScale || '10', 10);
var widget = box.querySelector('.whisky-rating__widget');
var meta = box.querySelector('.whisky-rating__meta');
while (widget.firstChild) widget.removeChild(widget.firstChild);
// Anonyme NICHT blockieren – nur optionaler Hinweis
var isAnon = mw.user.isAnon();
if (isAnon && meta && !meta.textContent) {
meta.textContent = 'Bewerte diesen Whisky!';
}
var buttons = [];
var i;
for (i = 1; i <= scale; i++) {
(function(iVal){
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'whisky-glass';
btn.setAttribute('aria-label', iVal + ' von ' + scale);
btn.setAttribute('aria-pressed', 'false');
// Immer klickbar – egal ob anonym oder eingeloggt
btn.title = iVal + ' / ' + scale;
btn.addEventListener('mouseenter', function(){ highlight(iVal); });
btn.addEventListener('mouseleave', function(){ highlight(current); });
btn.addEventListener('click', function(){ vote(iVal); });
btn.addEventListener('keydown', function(e){
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); vote(iVal); }
if (e.key === 'ArrowRight' && iVal < scale) buttons[iVal].focus();
if (e.key === 'ArrowLeft' && iVal > 1) buttons[iVal-2].focus();
});
widget.appendChild(btn);
buttons.push(btn);
})(i);
}
var current = 0;
highlight(current);
function highlight(n) {
var j;
for (j = 0; j < buttons.length; j++) {
var active = (j < n);
buttons[j].classList.toggle('is-active', active);
buttons[j].setAttribute('aria-pressed', active ? 'true' : 'false');
}
}
function updateStats() {
var api = new mw.Api();
api.get({
action: 'query',
prop: 'pagerating',
pageids: pageId,
prcontest: contest || undefined,
format: 'json',
errorformat: 'plaintext'
}).done(function (data) {
try {
var pages = get(data, ['query','pages']) || {};
var keys = []; for (var k in pages) if (Object.prototype.hasOwnProperty.call(pages, k)) keys.push(k);
var pid = keys.length ? keys[0] : String(pageId);
var page = pages[pid] || {};
var pr = page.pagerating;
if (!meta) return;
if (!pr) {
if (!meta.textContent) meta.textContent = 'Noch keine Bewertungen';
return;
}
if (typeof pr.canSee !== 'undefined' && pr.canSee === 0) {
meta.textContent = 'Bewertungen sind verborgen.';
} else {
var hist = pr.pageRating || {};
var total = 0, sum = 0;
for (var key in hist) {
if (Object.prototype.hasOwnProperty.call(hist, key)) {
var s = parseInt(key, 10), c = parseInt(hist[key], 10);
if (!isNaN(s) && !isNaN(c)) { total += c; sum += s * c; }
}
}
meta.textContent = total
? ('Ø ' + (Math.round((sum/total)*10)/10) + ' (' + total + ' Stimmen)')
: 'Noch keine Bewertungen';
}
if (pr.userVote) {
current = pr.userVote;
highlight(current);
}
if (typeof pr.canVote !== 'undefined' && pr.canVote === 0) {
// Serverseitig verboten → hier deaktivieren
box.classList.add('whisky-rating--disabled');
var gls = widget.querySelectorAll('.whisky-glass');
for (var i2 = 0; i2 < gls.length; i2++) gls[i2].disabled = true;
if (meta.textContent.indexOf('nicht abstimmen') === -1) {
meta.textContent += (meta.textContent ? ' • ' : '') + 'Du darfst hier nicht abstimmen.';
}
}
} catch (e) {
if (window.console && console.error) console.error(e);
if (meta && !meta.textContent) meta.textContent = 'Bewertungen konnten nicht geladen werden.';
}
}).fail(function (xhr) {
if (window.console && console.error) console.error('Pagerating-Load-Error', xhr);
if (meta && !meta.textContent) meta.textContent = 'Bewertungen konnten nicht geladen werden.';
});
}
function vote(value) {
var api = new mw.Api();
if (meta) meta.textContent = 'Wird gespeichert …';
var saved = false;
var failTimer = setTimeout(function () {
if (!saved && meta) meta.textContent = 'Speichern dauert ungewöhnlich lange … bitte Seite neu laden.';
}, 8000);
api.postWithToken('csrf', {
action: 'ratepage',
pageid: pageId,
answer: value,
contest: contest || undefined,
format: 'json'
}).done(function () {
saved = true;
clearTimeout(failTimer);
current = value;
highlight(current);
if (meta) meta.textContent = 'Danke! Deine Bewertung: ' + value + ' / ' + scale;
updateStats();
}).fail(function (xhr) {
clearTimeout(failTimer);
var msg = 'Unbekannter Fehler';
try {
var j = xhr && xhr.responseJSON ? xhr.responseJSON : xhr;
if (j && j.error) {
msg = (j.error.code ? j.error.code + ': ' : '') + (j.error.info || '');
}
} catch(e){}
if (window.console && console.error) console.error('RatePage-API-Fehler:', xhr);
if (meta) meta.textContent = 'Speichern fehlgeschlagen: ' + msg;
});
}
updateStats();
}
// ---------- Meta-only ----------
function initMetaOnly(scope) {
var root = scope || document;
var nodes = root.querySelectorAll('.whisky-rating__meta-only');
var i;
for (i = 0; i < nodes.length; i++) (function(box){
if (box.getAttribute('data-meta-init') === '1') return;
box.setAttribute('data-meta-init', '1');
var pageId = parseInt(box.dataset.ratepagePageid || mw.config.get('wgArticleId'), 10);
var contest = box.dataset.ratepageContest || undefined;
new mw.Api().get({
action: 'query',
prop: 'pagerating',
pageids: pageId,
prcontest: contest || undefined,
format: 'json'
}).done(function (data) {
var pages = get(data, ['query','pages']) || {};
var keys = []; for (var k in pages) if (Object.prototype.hasOwnProperty.call(pages,k)) keys.push(k);
var pid = keys.length ? keys[0] : String(pageId);
var pr = pages[pid] && pages[pid].pagerating;
if (!pr) { box.textContent = ''; return; }
if (typeof pr.canSee !== 'undefined' && pr.canSee === 0) { box.textContent = 'Bewertung verborgen'; return; }
var hist = pr.pageRating || {};
var total = 0, sum = 0;
for (var key in hist) {
if (Object.prototype.hasOwnProperty.call(hist, key)) {
var s = Number(key), c = Number(hist[key]);
if (s && c) { total += c; sum += s * c; }
}
}
box.textContent = total ? ('Ø ' + (Math.round((sum/total)*10)/10) + ' (' + total + ' Stimmen)') : 'Noch keine Bewertungen';
});
})(nodes[i]);
}
// ---------- Summary inkl. Gesamt + Balken ----------
function renderSummary(container) {
if (container.getAttribute('data-summary-init') === '1') return;
container.setAttribute('data-summary-init', '1');
var pageId = mw.config.get('wgArticleId');
var raw = container.dataset.ratepageContests || 'NASE,GESCHMACK,ABGANG';
var parts = raw.split(',');
var i;
for (i = 0; i < parts.length; i++) parts[i] = parts[i].replace(/^\s+|\s+$/g, '');
var nameToId = { 'nase':'NASE', 'geschmack':'GESCHMACK', 'abgang':'ABGANG', 'gesamteindruck':'GESAMTEINDRUCK' };
var contests = [];
var seen = {};
for (i = 0; i < parts.length; i++) {
var key = parts[i]; if (!key) continue;
var norm = key.toLowerCase();
var id = nameToId[norm] ? nameToId[norm] : key;
if (!seen[id]) { contests.push(id); seen[id] = true; }
}
var labels = { NASE: 'Nase', GESCHMACK: 'Geschmack', ABGANG: 'Abgang', GESAMTEINDRUCK: 'Gesamteindruck' };
container.textContent = 'Lade Bewertungen …';
function fetchContest(contest) {
return new mw.Api().get({
action: 'query',
prop: 'pagerating',
pageids: pageId,
prcontest: contest,
format: 'json',
errorformat: 'plaintext'
}).then(function (data) {
var pages = get(data, ['query','pages']) || {};
var keys = []; for (var k in pages) if (Object.prototype.hasOwnProperty.call(pages,k)) keys.push(k);
var pid = keys.length ? keys[0] : String(pageId);
var pr = pages[pid] && pages[pid].pagerating;
if (!pr || (typeof pr.canSee !== 'undefined' && pr.canSee === 0)) {
return { contest: contest, label: (labels[contest] || contest), avg: null, total: 0 };
}
var hist = pr.pageRating || {};
var total = 0, sum = 0;
for (var key in hist) {
if (Object.prototype.hasOwnProperty.call(hist, key)) {
var s = Number(key), c = Number(hist[key]);
if (s && c) { total += c; sum += s * c; }
}
}
var avg = total ? Math.round((sum / total) * 10) / 10 : null;
return { contest: contest, label: (labels[contest] || contest), avg: avg, total: total };
}, function () {
return { contest: contest, label: (labels[contest] || contest), avg: null, total: 0, _error: true };
});
}
var promises = [];
for (i = 0; i < contests.length; i++) promises.push(fetchContest(contests[i]));
Promise.all(promises).then(function (rows) {
if (!rows || !rows.length) {
container.textContent = 'Konnte Bewertungen nicht laden.';
return;
}
var table = document.createElement('table');
table.className = 'whisky-summary__table';
var thead = document.createElement('thead');
thead.innerHTML = '<tr><th>Kategorie</th><th>Ø</th><th>Stimmen</th></tr>';
table.appendChild(thead);
var tbody = document.createElement('tbody');
// Zeilen mit Balken
var r;
for (r = 0; r < rows.length; r++) {
var row = rows[r];
var totalText = row.total ? String(row.total) : '0';
var tr = document.createElement('tr');
var tdLabel = document.createElement('td');
tdLabel.textContent = row.label;
tr.appendChild(tdLabel);
var tdAvg = document.createElement('td');
if (row.avg !== null) {
var wrap = document.createElement('div'); wrap.className = 'whisky-bar';
var track = document.createElement('div'); track.className = 'whisky-bar__track';
var fill = document.createElement('div'); fill.className = 'whisky-bar__fill';
fill.style.width = Math.max(0, Math.min(100, (row.avg/10)*100)) + '%';
var val = document.createElement('span'); val.className = 'whisky-bar__value';
val.textContent = (row.avg.toFixed ? row.avg.toFixed(1) : (Math.round(row.avg*10)/10));
track.appendChild(fill); wrap.appendChild(track); wrap.appendChild(val); tdAvg.appendChild(wrap);
} else {
tdAvg.textContent = '–';
}
tr.appendChild(tdAvg);
var tdCnt = document.createElement('td');
tdCnt.textContent = totalText;
tr.appendChild(tdCnt);
tbody.appendChild(tr);
}
// Gesamt
var present = 0, sumAvg = 0, totalVotes = 0;
for (r = 0; r < rows.length; r++) {
if (rows[r].avg !== null) { present++; sumAvg += rows[r].avg; }
if (rows[r].total) totalVotes += rows[r].total;
}
var overall = (present > 0) ? Math.round((sumAvg / present) * 10) / 10 : null;
var overallText = (overall !== null)
? (overall.toFixed ? overall.toFixed(1) : (Math.round(overall*10)/10))
: '–';
var trG = document.createElement('tr');
var tdGL = document.createElement('td');
tdGL.innerHTML = '<strong>Gesamt</strong>';
trG.appendChild(tdGL);
var tdGA = document.createElement('td');
if (overall !== null) {
var w = document.createElement('div'); w.className = 'whisky-bar';
var t = document.createElement('div'); t.className = 'whisky-bar__track';
var f = document.createElement('div'); f.className = 'whisky-bar__fill';
f.style.width = Math.max(0, Math.min(100, (overall/10)*100)) + '%';
var v = document.createElement('span'); v.className = 'whisky-bar__value';
v.innerHTML = '<strong>' + overallText + '</strong>';
t.appendChild(f); w.appendChild(t); w.appendChild(v); tdGA.appendChild(w);
} else {
tdGA.innerHTML = '<strong>–</strong>';
}
trG.appendChild(tdGA);
var tdGD = document.createElement('td');
tdGD.textContent = totalVotes;
trG.appendChild(tdGD);
tbody.appendChild(trG);
table.appendChild(tbody);
while (container.firstChild) container.removeChild(container.firstChild);
container.appendChild(table);
var badge = document.getElementById('whisky-overall-badge');
if (badge && overall !== null) {
badge.textContent = overallText;
}
}).catch(function(){
container.textContent = 'Konnte Bewertungen nicht geladen werden.';
});
}
});
/* --- Whisky Top-5 (multi-root, recursive, robust, namespaces, ES5) ------- */
mw.loader.using(['mediawiki.api']).then(function () {
/* ========== Utils ========== */
function get(obj, path) {
var cur = obj, i;
for (i = 0; i < path.length; i++) { if (!cur || typeof cur !== 'object') return; cur = cur[path[i]]; }
return cur;
}
function parseWeights(raw, contests) {
var map = {}, parts = (raw || '').split(','), i;
for (i = 0; i < parts.length; i++) {
var kv = parts[i].split(':'); if (kv.length !== 2) continue;
var k = kv[0].replace(/^\s+|\s+$/g, ''), v = parseFloat(kv[1]);
if (!isNaN(v)) map[k] = v;
}
for (i = 0; i < contests.length; i++) if (typeof map[contests[i]] !== 'number') map[contests[i]] = 1;
return map;
}
/* ========== Statusbox im Widget ========== */
function makeStatus(container, keep){
var box = container.querySelector('.whisky-top5__status');
if (!box) {
box = document.createElement('div');
box.className = 'whisky-top5__status';
container.insertBefore(box, container.firstChild || null);
}
function line(txt){ var row = document.createElement('div'); row.textContent = txt; box.appendChild(row); box.scrollTop = box.scrollHeight; }
function status(msg, append){ if (!append && !keep) box.innerHTML = ''; line(msg); /* console.log('[Top5]', msg); */ }
status.done = function(delayMs){ if (keep) return; setTimeout(function(){ if (box && box.parentNode) box.parentNode.removeChild(box); }, typeof delayMs==='number'?delayMs:3000); };
return status;
}
/* ========== Robuste Kategorie-Auflösung ========== */
function categoryCandidates(name){
var n = (name || '').replace(/^\s+|\s+$/g,'');
var v = {}, add=function(s){ if (s && !v[s]) v[s]=1; };
add(n);
add(n.replace(/\u2026/g,'...')); // … -> ...
add(n.replace(/\.{3}/g,'…')); // ... -> …
add(n.replace(/\u2013/g,'-')); // – -> -
add(n.replace(/-/g,'–')); // - -> –
add(n.replace(/\s+/g,' ')); // Mehrfach-Spaces
return Object.keys(v);
}
function resolveCategoryTitle(api, rawName){
var cands = categoryCandidates(rawName).map(function(n){ return 'Kategorie:' + n; });
return api.get({ action:'query', titles: cands.join('|'), format:'json' }).then(function(d){
var pages = get(d,['query','pages']) || {}, pid, p;
for (pid in pages) if (Object.prototype.hasOwnProperty.call(pages,pid)) { p = pages[pid]; if (p && p.pageid && p.ns === 14) return p.title; }
return null;
});
}
/* ========== Kategorien rekursiv einsammeln (inkl. Subkats, Namespaces) ========== */
// NIMMT nsStr (z. B. "*", "0|102|14"). Bei "*" wird cmnamespace NICHT gesetzt.
function fetchCategoryMembersRecursiveSingleResolved(api, catTitle, limit, outSet, pages, nsStr){
var visited = {}, queue = [catTitle];
var cmNS = (nsStr && nsStr.trim()) ? nsStr.trim() : '0|14'; // default: Artikel+Kategorie
function fetchOne(title, cont){
var params = {
action: 'query',
list: 'categorymembers',
cmtitle: title,
// cmnamespace nur setzen, wenn NICHT "*"
cmtype: 'page|subcat',
cmlimit: Math.min(200, limit),
format: 'json'
};
if (cmNS !== '*' && cmNS !== '') {
params.cmnamespace = cmNS; // z.B. "0|102|14"
}
if (cont) params.cmcontinue = cont;
return api.get(params).then(function(d){
var cms = (d.query && d.query.categorymembers) || [], i, it;
for (i = 0; i < cms.length; i++) {
it = cms[i];
if (it.ns !== 14) { // alles außer Kategorien zählt als Seite
var pid = String(it.pageid);
if (!outSet[pid] && pages.length < limit) {
outSet[pid] = 1;
pages.push({ pageid: pid, title: it.title });
}
} else {
var sub = it.title;
if (!visited[sub]) { visited[sub] = 1; queue.push(sub); }
}
}
var next = d.continue && d.continue.cmcontinue;
if (next && pages.length < limit) return fetchOne(title, next);
});
}
function loop(){
if (pages.length >= limit || !queue.length) return Promise.resolve();
var next = queue.shift();
if (visited[next]) return loop();
visited[next] = 1;
return fetchOne(next).then(loop);
}
return loop();
}
function fetchCategoryMembersRecursiveMulti(rootCats, limit, status, nsStr){
var api = new mw.Api();
var pages = [], outSet = {};
var idx = 0;
function next(){
if (idx >= rootCats.length || pages.length >= limit) return Promise.resolve(pages);
var raw = rootCats[idx++]; if (!raw) return next();
return resolveCategoryTitle(api, raw).then(function(resolved){
if (!resolved) { status('Kategorie nicht gefunden: "' + raw + '"', true); return next(); }
status('Kategorie erkannt: ' + resolved + ' – sammle …', true);
var before = pages.length;
return fetchCategoryMembersRecursiveSingleResolved(api, resolved, limit, outSet, pages, nsStr).then(function(){
var added = pages.length - before;
status('→ gefunden in "' + resolved + '": ' + added + ' Seiten (kumuliert: ' + pages.length + ')', true);
return next();
});
});
}
return next();
}
/* ========== Ratings laden / auswerten ========== */
function fetchRatingsForContest(pageIds, contest, includeHidden) {
var api = new mw.Api(), res = {}, i, chunk = 50, chunks = [];
for (i = 0; i < pageIds.length; i += chunk) chunks.push(pageIds.slice(i, i + chunk));
function step(idx) {
if (idx >= chunks.length) return Promise.resolve(res);
var ids = chunks[idx];
return api.get({
action:'query', prop:'pagerating', pageids: ids.join('|'),
prcontest: contest, format:'json'
}).then(function(d){
var pages = get(d,['query','pages']) || {}, pid, pr, hist, k, total, sum, s, c;
for (pid in pages) if (Object.prototype.hasOwnProperty.call(pages,pid)) {
if (!res[pid]) res[pid] = { avg:null, total:0 };
pr = pages[pid].pagerating;
if (pr && (includeHidden || !('canSee' in pr) || pr.canSee !== 0)) {
hist = pr.pageRating || {}; total=0; sum=0;
for (k in hist) if (Object.prototype.hasOwnProperty.call(hist,k)) {
s = parseInt(k,10); c = parseInt(hist[k],10);
if (!isNaN(s) && !isNaN(c)) { total += c; sum += s*c; }
}
if (total > 0) res[pid] = { avg: Math.round((sum/total)*10)/10, total: total };
}
}
return step(idx + 1);
}, function(){ return step(idx + 1); });
}
return step(0);
}
function computeOverall(entry, contests, weights) {
var wSum=0, wAvgSum=0, present=0, totalVotes=0, i, sc, w;
for (i=0;i<contests.length;i++){
sc = entry.scores[contests[i]];
if (sc && sc.avg !== null) { w = (typeof weights[contests[i]]==='number') ? weights[contests[i]] : 1; wSum+=w; wAvgSum+=sc.avg*w; present++; }
if (sc && sc.total) totalVotes += sc.total;
}
entry.totalVotes = totalVotes;
entry.overall = (present>0 && wSum>0) ? Math.round((wAvgSum/wSum)*10)/10 : null;
}
/* ========== Render ========== */
function renderTopN(container, rows, N, minVotes) {
// Statusbox parken, falls keep aktiv
var keep = (container.getAttribute && container.getAttribute('data-keep-status') === 'true');
var statusBox = keep ? container.querySelector('.whisky-top5__status') : null;
rows = rows.filter(function(r){ return (r.overall !== null) && (r.totalVotes >= minVotes); });
rows.sort(function(a,b){
if (a.overall===null && b.overall!==null) return 1;
if (a.overall!==null && b.overall===null) return -1;
if (b.overall!==a.overall) return b.overall - a.overall;
if (b.totalVotes!==a.totalVotes) return b.totalVotes - a.totalVotes;
return a.title.localeCompare(b.title);
});
rows = rows.slice(0, N);
while (container.firstChild) container.removeChild(container.firstChild);
if (statusBox) container.appendChild(statusBox);
if (!rows.length) { container.appendChild(document.createTextNode('Noch keine Bewertungen vorhanden.')); return; }
var frag = document.createDocumentFragment(), i, r, item, rank, name, a, right, mini, track, fill, val, votes;
for (i=0;i<rows.length;i++){
r = rows[i];
item = document.createElement('div'); item.className = 'whisky-top5__item';
rank = document.createElement('div'); rank.className = 'whisky-top5__rank'; rank.textContent = (i+1);
name = document.createElement('div'); name.className = 'whisky-top5__name';
a = document.createElement('a'); a.href = mw.util.getUrl(r.title); a.textContent = r.title; name.appendChild(a);
right = document.createElement('div'); right.style.minWidth = '160px';
mini = document.createElement('div'); mini.className = 'whisky-mini';
track = document.createElement('div'); track.className = 'whisky-mini__track';
fill = document.createElement('div'); fill.className = 'whisky-mini__fill';
fill.style.width = Math.max(0, Math.min(100, (r.overall/10)*100)) + '%';
val = document.createElement('span'); val.className = 'whisky-mini__val';
val.textContent = (r.overall.toFixed ? r.overall.toFixed(1) : (Math.round(r.overall*10)/10));
track.appendChild(fill); mini.appendChild(track); mini.appendChild(val);
votes = document.createElement('div'); votes.className = 'whisky-top5__votes';
votes.textContent = r.totalVotes + ' Stimmen';
right.appendChild(mini); right.appendChild(votes);
item.appendChild(rank); item.appendChild(name); item.appendChild(right);
frag.appendChild(item);
}
container.appendChild(frag);
}
/* ========== Boot ========== */
function bootTop5(root) {
var nodes = (root || document).querySelectorAll('.whisky-top5');
if (!nodes.length) return;
for (var n=0;n<nodes.length;n++) (function(container){
if (container.getAttribute('data-top5-init')==='1') return;
container.setAttribute('data-top5-init','1');
// Kategorien (Zeilenumbruch ODER Semikolon getrennt)
var rawCats = container.getAttribute('data-categories') || container.getAttribute('data-category') || '';
var parts = rawCats.split(/\n|;/), rootCats = [], i;
for (i=0;i<parts.length;i++){ var nm = parts[i].replace(/^\s+|\s+$/g,''); if (nm) rootCats.push(nm); }
if (!rootCats.length) { container.textContent = 'Keine Kategorien angegeben.'; return; }
var lim = parseInt(container.getAttribute('data-limit') || '2000', 10);
var cnt = parseInt(container.getAttribute('data-count') || '5', 10);
var minVotes = parseInt(container.getAttribute('data-min-votes') || '1', 10);
var includeHidden = (container.getAttribute('data-include-hidden') === 'true');
var nsStr = container.getAttribute('data-namespaces') || '0|14'; // z. B. "*", "0|102|14"
var rawC = container.getAttribute('data-contests') || 'NASE,GESCHMACK,ABGANG,GESAMTEINDRUCK';
var cParts = rawC.split(','), contests = [], seen = {};
for (i=0;i<cParts.length;i++){ var c = cParts[i].replace(/^\s+|\s+$/g,''); if (c && !seen[c]){ contests.push(c); seen[c]=1; } }
var weights = parseWeights(container.getAttribute('data-weights') || '', contests);
var keep = (container.getAttribute('data-keep-status') === 'true');
function status(){ /* Debug-Ausgabe deaktiviert */ }
status('Sammle Seiten …');
// 1) Artikel einsammeln
fetchCategoryMembersRecursiveMulti(rootCats, lim, status, nsStr).then(function(members){
status('Gefundene Seiten gesamt: ' + (members ? members.length : 0) + ' – lade Bewertungen …', true);
if (!members || !members.length) { status('Keine passenden Seiten gefunden.', true); return; }
var pageIds = [], byId = {}, i;
for (i=0;i<members.length;i++){ pageIds.push(members[i].pageid); byId[members[i].pageid] = { pageid: members[i].pageid, title: members[i].title, scores: {} }; }
function loopContest(idx){
if (idx >= contests.length) return Promise.resolve();
var contest = contests[idx];
return fetchRatingsForContest(pageIds, contest, includeHidden).then(function(map){
var pid; for (pid in map) if (Object.prototype.hasOwnProperty.call(map,pid)) byId[pid].scores[contest] = map[pid];
return loopContest(idx + 1);
});
}
function buildAndRender(){
var rows = [], pid, e, withVotes = 0;
for (pid in byId) if (Object.prototype.hasOwnProperty.call(byId,pid)) {
e = byId[pid]; computeOverall(e, contests, weights); rows.push(e);
if (e.totalVotes > 0 && e.overall !== null) withVotes++;
}
if (withVotes === 0 && !includeHidden) {
status('Keine sichtbaren Stimmen – zweiter Versuch (versteckte Ergebnisse mitzählen) …', true);
includeHidden = true;
return loopContest(0).then(buildAndRender);
}
renderTopN(container, rows, cnt, minVotes);
status.done(keep ? 0 : 3000);
}
loopContest(0).then(buildAndRender).catch(function(){ status('Topliste konnte nicht geladen werden.', true); });
}).catch(function(){ status('Topliste konnte nicht geladen werden.'); });
})(nodes[n]);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function(){ bootTop5(document); });
} else { bootTop5(document); }
mw.hook('wikipage.content').add(function($c){ if($c && $c[0]) bootTop5($c[0]); });
});
/* Render star ratings from data-rating on .rating elements (0..5, step .5) */
mw.hook('wikipage.content').add(function($content){
$content.find('.rating').each(function(){
var el = this, val = parseFloat(el.getAttribute('data-rating') || '0');
if (isNaN(val)) val = 0;
// clamp 0..5
val = Math.max(0, Math.min(5, val));
// set CSS variable for width percentage (0..5 -> 0..5 stars)
el.style.setProperty('--stars', (val).toString());
el.setAttribute('aria-label', val + ' von 5 Sternen');
el.setAttribute('title', val + ' von 5 Sternen');
});
});
// --------------------------------
// Force light color-scheme at document level (helps Mobile Safari)
mw.loader.using('mediawiki.util').then(function () {
var m = document.querySelector('meta[name="color-scheme"]');
if (!m) {
m = document.createElement('meta');
m.name = 'color-scheme';
m.content = 'light';
document.head.appendChild(m);
} else {
m.content = 'light';
}
});
// -------------------------------------
/* Whisky News – World of Whisky (Mannheim) – Popup (v3, Wave-Fix)
- Flüssigkeit wird als Wellen-Path gefüllt (keine harte Kante mehr)
- HiDPI & ResizeObserver wie gehabt
*/
mw.loader.using(['mediawiki.util','jquery']).then(function(){
(function($, mw){
'use strict';
var CONFIG = {
enabled: true,
id: 'wow_mannheim_whisky_news_v3',
title: 'Whisky News: Messeabfüllungen – World of Whisky (Mannheim)',
introHTML: '<p>Frisch zur Messe in Mannheim: Zwei limitierte Abfüllungen. Schau sie dir an und bewerte sie im Wiki!</p>',
images: [
{
src: 'https://example.com/path/South_Islay_13_Sherry_Octave.jpg', // ← deine finale URL
alt: 'South Islay 13y – Sherry Octave Cask Finish',
link: 'https://ados-wiki.de/wiki/South_Islay_Single_Malt_13_year-old_(Sherry_Octave_Cask_Finish)',
cta: 'Zur South Islay Abfüllung'
},
{
src: 'https://example.com/path/Tullibardine_13_Shiraz_Octave.jpg', // ← deine finale URL
alt: 'Tullibardine 13y – Shiraz Wine Octave Cask Finish',
link: 'https://ados-wiki.de/wiki/Tullibardine_13_year-old',
cta: 'Zur Tullibardine Abfüllung'
}
],
showOnNamespaces: 'all',
escToClose: true,
clickBackdropToClose: true
};
if (!CONFIG.enabled) return;
var ns = mw.config.get('wgNamespaceNumber');
if (CONFIG.showOnNamespaces !== 'all' &&
$.isArray(CONFIG.showOnNamespaces) &&
$.inArray(ns, CONFIG.showOnNamespaces) === -1) return;
// 1×/Tag
var isAnon = (mw.config.get('wgUserName') === null);
function LSget(k){ try { return localStorage.getItem(k); } catch(e){ return null; } }
function LSset(k,v){ try { localStorage.setItem(k,v); } catch(e){} }
var key = 'popup_' + CONFIG.id + (isAnon?':anon':':user');
var today = (function(d){ return d.getFullYear()+'-'+('0'+(d.getMonth()+1)).slice(-2)+'-'+('0'+d.getDate()).slice(-2); })(new Date());
if (LSget(key) === today) return;
function markSeen(){ LSset(key, today); }
$(function(){
var $overlay = $('<div>', {'class':'mw-popup-overlay'});
var $modal = $('<div>', {'class':'mw-popup-modal','role':'dialog','aria-modal':'true','aria-labelledby':'mw-news-title'});
var $stage = $('<div>', {'class':'mw-fw-canvas-wrap'});
var $canvas = $('<canvas>', {'class':'mw-fw-canvas','aria-hidden':'true'});
$stage.append($canvas);
var $title = $('<h2>', { id:'mw-news-title' }).text(CONFIG.title);
var $intro = $('<div>', {'class':'mw-popup-content'}).html(CONFIG.introHTML);
var $cards = $('<div>', {'class':'mw-wnews-cards'});
CONFIG.images.forEach(function(img){
var $card = $('<a>', {'class':'mw-wnews-card','href':img.link,'target':'_blank','rel':'noopener'});
$card.append(
$('<div>', {'class':'mw-wnews-thumb'}).append($('<img>', {src: img.src, alt: img.alt, loading:'lazy'})),
$('<div>', {'class':'mw-wnews-meta'}).append(
$('<div>', {'class':'mw-wnews-title', text: img.alt}),
$('<div>', {'class':'mw-wnews-cta', text: img.cta || 'Mehr ansehen'})
)
);
$cards.append($card);
});
var $btnRow = $('<div>', {'class':'mw-popup-button-row'});
var $ok = $('<button>', {'class':'mw-popup-close', type:'button'}).text('OK');
$btnRow.append($ok);
$modal.append($stage, $title, $intro, $cards, $btnRow);
$('body').append($overlay, $modal);
function close(){
stopAnim(true);
markSeen();
$overlay.remove(); $modal.remove();
$(document).off('keydown.mwwnews visibilitychange');
}
if (CONFIG.clickBackdropToClose) $overlay.on('click', close);
$ok.on('click', close);
if (CONFIG.escToClose){
$(document).on('keydown.mwwnews', function(e){
var k = e.key || e.keyCode;
if (k==='Escape' || k==='Esc' || k===27){ e.preventDefault(); close(); }
});
}
// ===== Canvas-Animation (Wave-Fix) =====
var canvas = $canvas[0], ctx = canvas.getContext && canvas.getContext('2d');
var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
var dpr=1, cw=0, ch=0, raf=null, t0=0, started=false, bubbles=[], ro;
function setSize(){
var r = $stage[0].getBoundingClientRect();
if (r.width <= 0 || r.height <= 0) return false;
var newDpr = Math.max(1, window.devicePixelRatio || 1);
if (cw !== r.width || ch !== r.height || dpr !== newDpr){
dpr = newDpr; cw = r.width; ch = r.height;
canvas.width = Math.floor(cw*dpr);
canvas.height = Math.floor(ch*dpr);
canvas.style.width = cw+'px';
canvas.style.height = ch+'px';
}
return true;
}
function drawGlass(){
var w = canvas.width, h = canvas.height;
var gx = w*0.18, gy = h*0.15, gw = w*0.64, gh = h*0.7, r = Math.min(gw,gh)*0.08;
ctx.save();
ctx.strokeStyle = 'rgba(255,255,255,0.28)';
ctx.lineWidth = Math.max(2, 2*dpr);
ctx.beginPath();
ctx.moveTo(gx+r, gy);
ctx.arcTo(gx+gw, gy, gx+gw, gy+gh, r);
ctx.arcTo(gx+gw, gy+gh, gx, gy+gh, r);
ctx.arcTo(gx, gy+gh, gx, gy, r);
ctx.arcTo(gx, gy, gx+gw, gy, r);
ctx.closePath();
ctx.stroke();
// kleiner Glanz
ctx.beginPath();
ctx.moveTo(gx+gw*0.15, gy+gh*0.1);
ctx.quadraticCurveTo(gx+gw*0.25, gy+gh*0.05, gx+gw*0.3, gy+gh*0.3);
ctx.strokeStyle = 'rgba(255,255,255,0.18)';
ctx.stroke();
ctx.restore();
return {x:gx,y:gy,w:gw,h:gh,r:r};
}
function rand(min,max){ return Math.random()*(max-min)+min; }
function resetBubble(b, liquidTop, glass){
b.x = glass.x + Math.random()*glass.w*0.96 + glass.w*0.02;
b.y = glass.y + glass.h - Math.random()*10*dpr;
b.r = Math.random()*1.8*dpr + 0.8*dpr;
b.speed = (Math.random()*0.2 + 0.1)*dpr;
b.wobble = Math.random()*0.8 + 0.4;
}
function drawLiquid(glass, t){
var base = glass.y + glass.h*0.58; // mittlere Füllhöhe
var amp = Math.min(14*dpr, canvas.height*0.03);// Amplitude
var wave = Math.sin(t*2.2)*amp;
var topY = base + wave;
// Farbverlauf
var grd = ctx.createLinearGradient(0, topY-30*dpr, 0, glass.y+glass.h);
grd.addColorStop(0, 'rgba(255,190,90,0.96)');
grd.addColorStop(1, 'rgba(170,85,20,0.98)');
// Clip ins Glas
ctx.save();
ctx.beginPath();
ctx.moveTo(glass.x+glass.r, glass.y);
ctx.arcTo(glass.x+glass.w, glass.y, glass.x+glass.w, glass.y+glass.h, glass.r);
ctx.arcTo(glass.x+glass.w, glass.y+glass.h, glass.x, glass.y+glass.h, glass.r);
ctx.arcTo(glass.x, glass.y+glass.h, glass.x, glass.y, glass.r);
ctx.arcTo(glass.x, glass.y, glass.x+glass.w, glass.y, glass.r);
ctx.closePath();
ctx.clip();
// === Wellen-PATH als komplette Flüssigkeit (kein Rechteck!) ===
ctx.beginPath();
ctx.moveTo(glass.x, topY);
for (var x=0; x<=glass.w; x+=6*dpr){
var y = topY + Math.sin((x*0.05) + t*3.2) * amp * 0.22;
ctx.lineTo(glass.x + x, y);
}
// Seiten + Boden schließen
ctx.lineTo(glass.x + glass.w, glass.y + glass.h);
ctx.lineTo(glass.x, glass.y + glass.h);
ctx.closePath();
ctx.fillStyle = grd;
ctx.fill();
// dezente helle Gischt auf dem Kamm
ctx.beginPath();
ctx.moveTo(glass.x, topY);
for (var x2=0; x2<=glass.w; x2+=6*dpr){
var y2 = topY + Math.sin((x2*0.05) + t*3.2) * amp * 0.22;
ctx.lineTo(glass.x + x2, y2);
}
ctx.strokeStyle = 'rgba(255,215,120,0.35)';
ctx.lineWidth = Math.max(1, 1*dpr);
ctx.stroke();
// Blasen (nur innerhalb der Flüssigkeit)
if (bubbles.length === 0){
for (var i=0;i<120;i++){ bubbles.push({}); resetBubble(bubbles[i], topY, glass); }
}
ctx.globalCompositeOperation = 'lighter';
bubbles.forEach(function(b){
if (b.y < topY + 3*dpr) resetBubble(b, topY, glass);
else {
b.y -= b.speed * (1 + Math.sin(t*3 + b.x*0.02)*0.2);
b.x += Math.sin(t*2 + b.y*0.02)*b.wobble*0.15;
}
ctx.beginPath();
ctx.fillStyle = 'rgba(255,220,140,0.9)';
ctx.arc(b.x, b.y, b.r, 0, Math.PI*2);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = 'rgba(255,255,255,0.6)';
ctx.arc(b.x - b.r*0.3, b.y - b.r*0.3, b.r*0.35, 0, Math.PI*2);
ctx.fill();
});
ctx.restore(); // Clip
}
function frame(ts){
if (!t0) t0 = ts;
var t = (ts - t0)/1000;
// weiches Redraw
ctx.globalCompositeOperation = 'source-over';
ctx.fillStyle = 'rgba(5,10,20,0.16)';
ctx.fillRect(0,0,canvas.width,canvas.height);
var glass = drawGlass();
drawLiquid(glass, t);
// kleiner Randglanz
ctx.save();
ctx.globalCompositeOperation = 'lighter';
ctx.strokeStyle = 'rgba(255,255,255,0.15)';
ctx.lineWidth = 1*dpr;
ctx.beginPath();
ctx.arc(glass.x + glass.w*0.85, glass.y + glass.h*0.15, 10*dpr, 0, Math.PI*2);
ctx.stroke();
ctx.restore();
raf = requestAnimationFrame(frame);
}
function startAnim(){
if (!ctx || (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches)) return;
if (!setSize()) { setTimeout(startAnim, 50); return; }
if (started) return;
started = true; t0 = 0;
raf = requestAnimationFrame(frame);
if ('ResizeObserver' in window) {
ro = new ResizeObserver(setSize);
ro.observe($stage[0]);
} else {
$(window).on('resize.mwwnews', setSize);
}
document.addEventListener('visibilitychange', onVis);
}
function stopAnim(remove){
if (raf){ cancelAnimationFrame(raf); raf=null; }
started = false;
if (remove){
if (ro){ ro.disconnect(); ro=null; } else { $(window).off('resize.mwwnews'); }
document.removeEventListener('visibilitychange', onVis);
}
}
function onVis(){ if (document.hidden) stopAnim(false); else startAnim(); }
setTimeout(startAnim, 0);
markSeen();
});
})(jQuery, mw);
});