ADOS Wiki

MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 1: Zeile 1:
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen 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) {
  1) Whisky-Bewertung (Gläser, Balken, Summary-Tabelle)
    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 ----------
/* Layout für die drei Bewertungsboxen */
  function boot(root) {
.whisky-rating {
    var scope = root || document;
  display: grid;
    var i, nodes;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 1rem 0 1.5rem;
}


    nodes = scope.querySelectorAll('.whisky-rating__item');
.whisky-rating__item {
    for (i = 0; i < nodes.length; i++) setupWidget(nodes[i]);
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  background: #fffaf2; /* leicht whisky-farbener Ton */
}


    initMetaOnly(scope);
.whisky-rating__label {
  font-weight: 600;
  margin-bottom: .5rem;
  color: #111827;
}


    nodes = scope.querySelectorAll('[data-ratepage-summary="true"]');
/* Container für die Gläser */
    for (i = 0; i < nodes.length; i++) renderSummary(nodes[i]);
.whisky-rating__widget {
  }
  display: flex;
  flex-wrap: wrap;         /* erlaubt Umbruch bei kleinen Screens */
  align-items: center;
  gap: 6px;
}


  if (document.readyState === 'loading') {
/* Gläser (Button) – konsolidierte Definition */
    document.addEventListener('DOMContentLoaded', function(){ boot(document); });
.whisky-glass {
   } else {
  display: inline-block;
    boot(document);
  width: 36px;
   }
  height: 36px;
   mw.hook('wikipage.content').add(function($content){
  margin: 0 6px 6px 0;
    if ($content && $content[0]) boot($content[0]);
   border: 0;
   });
  padding: 0;
   background-color: transparent;
   background-image: url("/index.php?title=Special:FilePath/Whisky_empty.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  line-height: 0;
  vertical-align: middle;
  box-sizing: content-box;
  opacity: .8;
  transition: opacity .08s ease, filter .08s ease;
   touch-action: manipulation;
}


  // ---------- Interaktives Widget ----------
/* Aktive (gefüllte) Gläser */
   function setupWidget(box) {
.whisky-glass.is-active {
    if (box.getAttribute('data-rating-init') === '1') return;
   background-image: url("/index.php?title=Special:FilePath/Whisky_filled.png");
    box.setAttribute('data-rating-init', '1');
  opacity: 1;
}


    var pageId  = mw.config.get('wgArticleId');
/* Hover/Fokus-Effekt */
    var contest = box.dataset.ratepageContest || undefined;
.whisky-glass:hover,
    var scale   = parseInt(box.dataset.ratepageScale || '10', 10);
.whisky-glass:focus {
  opacity: 1;
  outline: none;
   filter: drop-shadow(0 0 0.4px rgba(0,0,0,.25));
}


    var widget  = box.querySelector('.whisky-rating__widget');
/* Zustand: nicht eingeloggt */
    var meta    = box.querySelector('.whisky-rating__meta');
.whisky-rating--disabled .whisky-glass {
  cursor: not-allowed;
  filter: grayscale(0.3) opacity(.5);
}


    while (widget.firstChild) widget.removeChild(widget.firstChild);
/* Textbereich unter den Gläsern */
.whisky-rating__meta {
  margin-top: .4rem;
  font-size: .9rem;
  color: #4b5563;
}


    // Anonyme NICHT blockieren – nur optionaler Hinweis
/* Mobile: kleinere Gläser */
    var isAnon  = mw.user.isAnon();
@media (max-width: 480px) {
    if (isAnon && meta && !meta.textContent) {
  .whisky-glass { width: 32px; height: 32px; margin: 0 5px 5px 0; }
      meta.textContent = 'Bewerte diesen Whisky!';
}
    }
@media (max-width: 420px) {
  .whisky-glass { width: 28px; height: 28px; }
}


    var buttons = [];
/* Tabelle für Whisky-Bewertungen */
    var i;
.whisky-summary__table {
    for (i = 1; i <= scale; i++) {
  border-collapse: collapse;
      (function(iVal){
  margin-top: 0.5em;
        var btn = document.createElement('button');
  width: auto;
        btn.type = 'button';
}
        btn.className = 'whisky-glass';
.whisky-summary__table th,
        btn.setAttribute('aria-label', iVal + ' von ' + scale);
.whisky-summary__table td {
        btn.setAttribute('aria-pressed', 'false');
  padding: 0.4em 0.8em;
  text-align: left;
}
.whisky-summary__table th {
  background: #f5f5f5;
  font-weight: 600;
}
.whisky-summary__table tr:nth-child(even) td {
  background: #fafafa;
}
/* Letzte Zeile (Gesamt) hervorheben */
.whisky-summary__table tr:last-child td {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-top: 2px solid #333;
  font-weight: bold;
  background: #fff9e6;
}


        // Immer klickbar – egal ob anonym oder eingeloggt
/* Whisky Ø-Balken */
        btn.title = iVal + ' / ' + scale;
.whisky-bar {
        btn.addEventListener('mouseenter', function(){ highlight(iVal); });
  display: flex;
        btn.addEventListener('mouseleave', function(){ highlight(current); });
  align-items: center;
        btn.addEventListener('click',      function(){ vote(iVal); });
  gap: .5rem;
        btn.addEventListener('keydown',   function(e){
  min-width: 160px;
          if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); vote(iVal); }
}
          if (e.key === 'ArrowRight' && iVal < scale) buttons[iVal].focus();
.whisky-bar__track {
          if (e.key === 'ArrowLeft'  && iVal > 1)    buttons[iVal-2].focus();
  position: relative;
        });
  flex: 1 1 auto;
  height: 10px;
  background: #ececec;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
}
.whisky-bar__fill {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #f0b429, #d97706);
  transition: width .35s ease;
}
.whisky-bar__value {
  font-variant-numeric: tabular-nums;
  min-width: 3ch;
  text-align: right;
}


        widget.appendChild(btn);
.whisky-overall-badge {
        buttons.push(btn);
  display: inline-block;
      })(i);
  margin-left: .5rem;
    }
  padding: .1rem .45rem;
  border-radius: .5rem;
  background: #111827;
  color: #fff;
  font-weight: 600;
  font-size: .95rem;
  line-height: 1.2;
}


    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();
  2) Top-5 Widget
      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;
.whisky-top5 {
  background: #fffaf2; /* warm statt weiß */
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}


          if (!pr) {
/* Strukturierte Items (wenn das JS diese Klassen nutzt) */
            if (!meta.textContent) meta.textContent = 'Noch keine Bewertungen';
.whisky-top5__item {
            return;
  display: grid;
          }
  grid-template-columns: auto 1fr auto;
  gap: 8px 12px;
  align-items: center;
  padding: 8px 4px;
  border-bottom: 1px dashed #eee;
}
.whisky-top5__item:last-child { border-bottom: 0; }


          if (typeof pr.canSee !== 'undefined' && pr.canSee === 0) {
.whisky-top5__rank {
            meta.textContent = 'Bewertungen sind verborgen.';
  width: 28px;
          } else {
  height: 28px;
            var hist = pr.pageRating || {};
  border-radius: 999px;
            var total = 0, sum = 0;
  background: #fff1c7;
            for (var key in hist) {
  color: #7a4b00;
              if (Object.prototype.hasOwnProperty.call(hist, key)) {
  font-weight: 700;
                var s = parseInt(key, 10), c = parseInt(hist[key], 10);
  display: flex;
                if (!isNaN(s) && !isNaN(c)) { total += c; sum += s * c; }
  align-items: center;
              }
  justify-content: center;
            }
}
            meta.textContent = total
.whisky-top5__name a {
              ? ('Ø ' + (Math.round((sum/total)*10)/10) + ' (' + total + ' Stimmen)')
  text-decoration: none;
              : 'Noch keine Bewertungen';
  color: #111;
          }
}
.whisky-top5__name a:hover { text-decoration: underline; }


          if (pr.userVote) {
/* kleiner Ø-Balken */
            current = pr.userVote;
.whisky-mini {
            highlight(current);
  display: flex;
          }
  align-items: center;
  gap: .5rem;
}
.whisky-mini__track {
  flex: 1 1 140px;
  height: 8px;
  background: #ececec;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
}
.whisky-mini__fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #f0b429, #d97706);
  transition: width .35s ease;
}
.whisky-mini__val {
  min-width: 3.2ch;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: #222;
}
.whisky-top5__votes {
  color: #666;
  font-size: .9em;
}


          if (typeof pr.canVote !== 'undefined' && pr.canVote === 0) {
/* Generische Fallback-Styles, falls nur <li> erzeugt wird */
            // Serverseitig verboten → hier deaktivieren
.whisky-top5 .item,
            box.classList.add('whisky-rating--disabled');
.whisky-top5 li {
            var gls = widget.querySelectorAll('.whisky-glass');
  display: flex;
            for (var i2 = 0; i2 < gls.length; i2++) gls[i2].disabled = true;
  justify-content: space-between;
            if (meta.textContent.indexOf('nicht abstimmen') === -1) {
  align-items: baseline;
              meta.textContent += (meta.textContent ? ' • ' : '') + 'Du darfst hier nicht abstimmen.';
  gap: .6rem;
            }
  padding: .35rem 0;
          }
  border-bottom: 1px dashed #eaeaea;
        } catch (e) {
}
          if (window.console && console.error) console.error(e);
.whisky-top5 .item:last-child,
          if (meta && !meta.textContent) meta.textContent = 'Bewertungen konnten nicht geladen werden.';
.whisky-top5 li:last-child {
        }
  border-bottom: 0;
      }).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',
  3) Layout-Helper, Teaser, Sterne-Rating
        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();
.grid { display: grid; gap: 1rem; }
  }
.grid-2 { grid-template-columns: 1fr; }
@media (min-width: 900px) {
  .grid-2 { grid-template-columns: 1.2fr 0.8fr; }
}
.col { display: flex; flex-direction: column; gap: 1rem; }


  // ---------- Meta-only ----------
/* News-Listen & kompakte Listen */
   function initMetaOnly(scope) {
.list.compact .news-item {
    var root = scope || document;
   display: flex;
    var nodes = root.querySelectorAll('.whisky-rating__meta-only');
  gap: .6rem;
    var i;
  padding: .25rem 0;
    for (i = 0; i < nodes.length; i++) (function(box){
  border-bottom: 1px dashed #eee;
      if (box.getAttribute('data-meta-init') === '1') return;
}
      box.setAttribute('data-meta-init', '1');
.list.compact .news-item:last-child { border-bottom: 0; }
.news-item .date {
  font-variant-numeric: tabular-nums;
  color:#666;
  min-width: 7ch;
}


      var pageId = parseInt(box.dataset.ratepagePageid || mw.config.get('wgArticleId'), 10);
/* Pillen / Kategoriechips (Basis – Farbe später bei Links) */
      var contest = box.dataset.ratepageContest || undefined;
.pill-list a {
  display:inline-block;
  margin:.25rem;
  padding:.35rem .7rem;
  border:1px solid #ddd;
  border-radius:999px;
  text-decoration:none;
}
.pill-list a:hover { background:#f8f8f8; }


      new mw.Api().get({
/* Whisky cards */
        action: 'query',
.whisky-card {
        prop: 'pagerating',
  display: grid;
        pageids: pageId,
  grid-template-columns: 140px 1fr;
        prcontest: contest || undefined,
  gap: .9rem;
        format: 'json'
  align-items: start;
      }).done(function (data) {
}
        var pages = get(data, ['query','pages']) || {};
.whisky-card .whisky-media img { border-radius: 10px; }
        var keys = []; for (var k in pages) if (Object.prototype.hasOwnProperty.call(pages,k)) keys.push(k);
.whisky-card h3 { margin:.2rem 0; }
        var pid = keys.length ? keys[0] : String(pageId);
.whisky-card .meta { color:#666; font-size:.95rem; }
        var pr = pages[pid] && pages[pid].pagerating;
.whisky-card .note { margin:.4rem 0 0; }
        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 ----------
.whisky-mini { display: block; padding:.35rem 0; }
  function renderSummary(container) {
.whisky-mini .dim { color:#666; }
    if (container.getAttribute('data-summary-init') === '1') return;
    container.setAttribute('data-summary-init', '1');


    var pageId  = mw.config.get('wgArticleId');
/* Teaser grid (3 Spalten auf Desktop) */
    var raw      = container.dataset.ratepageContests || 'NASE,GESCHMACK,ABGANG';
.teaser-grid { display:grid; grid-template-columns:1fr; gap:.25rem; }
    var parts    = raw.split(',');
@media (min-width: 700px){
    var i;
  .teaser-grid { grid-template-columns:1fr 1fr 1fr; }
}


    for (i = 0; i < parts.length; i++) parts[i] = parts[i].replace(/^\s+|\s+$/g, '');
/* Recent changes block */
.recent-changes {
  max-height: 360px;
  overflow:auto;
  border:1px solid #eee;
  border-radius:10px;
  padding:.5rem;
  background:#fafafa;
}


    var nameToId = { 'nase':'NASE', 'geschmack':'GESCHMACK', 'abgang':'ABGANG', 'gesamteindruck':'GESAMTEINDRUCK' };
/* Simple star rating (rendered via JS) */
    var contests = [];
.rating {
    var seen = {};
  --stars: 0;
    for (i = 0; i < parts.length; i++) {
  position: relative;
      var key = parts[i]; if (!key) continue;
  display:inline-block;
      var norm = key.toLowerCase();
  font-size: 1.1rem;
      var id = nameToId[norm] ? nameToId[norm] : key;
  line-height: 1;
      if (!seen[id]) { contests.push(id); seen[id] = true; }
}
    }
.rating::before {
  content: "★★★★★";
  letter-spacing: .1rem;
  color:#ddd;
}
.rating::after  {
  content: "★★★★★";
  letter-spacing: .1rem;
  color:#f5b50a;
  position:absolute;
  left:0;
  top:0;
  width: calc(var(--stars) * 20%);
  overflow:hidden;
}


    var labels = { NASE: 'Nase', GESCHMACK: 'Geschmack', ABGANG: 'Abgang', GESAMTEINDRUCK: 'Gesamteindruck' };
/* Typo tweaks */
    container.textContent = 'Lade Bewertungen …';
h2, h3 { scroll-margin-top: 80px; }


    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]));
  4) ADOS: Mobile-first Layout & Basis-Farben
  ========================================================= */


    Promise.all(promises).then(function (rows) {
/* Typografie & Basis */
      if (!rows || !rows.length) {
:root {
        container.textContent = 'Konnte Bewertungen nicht laden.';
  --bg: #faf8f3;
        return;
  --card: #fffaf2;
      }
  --muted: #f6f0e6;
  --border: #e6e6e6;
  --text: #222;
  --text-sub: #666;
  --link: #2d6ca2;
  --link-hover: #1c4d7d;
  --radius: 14px;
  --shadow: 0 1px 3px rgba(0,0,0,.06);
}


      var table = document.createElement('table');
body {
      table.className = 'whisky-summary__table';
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}
a {
  color: var(--link);
  text-decoration: none;
}
a:hover {
  color: var(--link-hover);
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}


      var thead = document.createElement('thead');
/* Grid (1 Spalte mobil, 2 Spalten ab 900px) */
      thead.innerHTML = '<tr><th>Kategorie</th><th>Ø</th><th>Stimmen</th></tr>';
.ados-grid {
      table.appendChild(thead);
  display: grid;
  gap: 12px;
}
.col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 900px) {
  .ados-grid {
    grid-template-columns: 1.15fr .85fr;
    align-items: start;
  }
}


      var tbody = document.createElement('tbody');
/* Karten (globale Verwendung) */
.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 12px 14px;
}
.card h2 {
  margin: 0 0 .5rem;
  padding-bottom: .25rem;
  border-bottom: 1px solid #eee;
  font-size: 1.12rem;
}
.card-muted { background: var(--muted); }


      // Zeilen mit Balken
/* Meta/Hinweis */
      var r;
.meta,
      for (r = 0; r < rows.length; r++) {
.hint {
        var row = rows[r];
  font-size: 90%;
        var totalText = row.total ? String(row.total) : '0';
  color: var(--text-sub);
  margin-top: .35rem;
}


        var tr = document.createElement('tr');
/* Navigation Einzeiler */
.navline { margin: 0; }


        var tdLabel = document.createElement('td');
/* Footer */
        tdLabel.textContent = row.label;
.ados-footerdate {
        tr.appendChild(tdLabel);
  font-size: 80%;
  color: #777;
  margin-top: .6rem;
}
.ados-footerinfo {
  border-top: 1px solid var(--border);
  margin-top: .8rem;
  padding-top: .5rem;
  font-size: 92%;
  color: var(--text-sub);
}
.ados-footernote {
  text-align: center;
  font-size: 90%;
  margin-top: .8rem;
  color: var(--text-sub);
}


        var tdAvg = document.createElement('td');
/* Touch-friendly auf sehr kleinen Displays */
        if (row.avg !== null) {
@media (max-width: 480px) {
          var wrap  = document.createElement('div');  wrap.className = 'whisky-bar';
  .card { padding: 12px; }
          var track = document.createElement('div');  track.className = 'whisky-bar__track';
   .card h2 { font-size: 1.05rem; }
          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');
/* Leichtes Hover-Feedback (nur Desktop) */
        tdCnt.textContent = totalText;
@media (pointer: fine) {
        tr.appendChild(tdCnt);
  .card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    transition: box-shadow .2s;
  }
}


        tbody.appendChild(tr);
/* Bevorzugt dunkles Farbschema */
      }
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212;
    --card: #1c1c1c;
    --muted: #181818;
    --border: #313131;
    --text: #e8e8e8;
    --text-sub: #b4b4b4;
    --link: #86c2ff;
    --link-hover: #c5e1ff;
    --shadow: 0 1px 4px rgba(0,0,0,.6);
  }
  img { filter: brightness(.95) contrast(1.05); }
}


      // Gesamt
/* Respektiere reduzierte Animationen */
      var present = 0, sumAvg = 0, totalVotes = 0;
@media (prefers-reduced-motion: reduce) {
      for (r = 0; r < rows.length; r++) {
  * { animation: none !important; transition: none !important; }
        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) {
  5) Hard Fix: Force Light Mode on iOS/Safari
        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');
html { color-scheme: light !important; }
      tdGD.textContent = totalVotes;
@media (prefers-color-scheme: dark) {
      trG.appendChild(tdGD);
  html, body {
 
    background: #ffffff !important;
      tbody.appendChild(trG);
    color: #222 !important;
 
  }
      table.appendChild(tbody);
  .card,
 
  .card-muted,
      while (container.firstChild) container.removeChild(container.firstChild);
  .whisky-rating__item,
      container.appendChild(table);
  .whisky-top5,
 
  .mw-popup-modal,
      var badge = document.getElementById('whisky-overall-badge');
  .whisky-summary__table th,
      if (badge && overall !== null) {
  .whisky-summary__table td {
        badge.textContent = overallText;
    background: #ffffff !important;
      }
    color: #222 !important;
     }).catch(function(){
    border-color: #e6e6e6 !important;
      container.textContent = 'Konnte Bewertungen nicht geladen werden.';
     box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
    });
   }
   }
  .whisky-summary__table tr:nth-child(even) td { background: #fafafa !important; }
  .list.compact .news-item { border-bottom-color: #eee !important; }
  a { color: #2d6ca2 !important; }
  a:hover { color: #1c4d7d !important; }
  img { filter: none !important; }
}


});




/* =========================================================
  6) Modal / News-Popup
  ========================================================= */


.mwnews-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:10000;
}
.mwnews-modal {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  color:#111;
  max-width:96%;
  width:760px;
  padding:22px 26px 26px;
  border-radius:14px;
  z-index:10001;
  text-align:center;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  max-height:94vh;
  overflow-y:auto;
}
.mwnews-modal h2 {
  margin:8px 0 6px;
  font-size:1.35em;
}
.mwnews-intro {
  margin:.5em 0 1em;
  font-size:1.06em;
  line-height:1.5;
}


/* Karten im Popup */
.mwnews-cards {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.mwnews-card {
  display:block;
  width:300px;
  text-decoration:none;
  color:inherit;
  background:#f8f9fa;
  border:1px solid #e3e6e8;
  border-radius:10px;
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.mwnews-card:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  border-color:#d5dadd;
}
.mwnews-thumb img {
  display:block;
  width:100%;
  height:210px;
  object-fit:cover;
}
.mwnews-meta { padding:10px 12px; }
.mwnews-title {
  font-weight:700;
  font-size:1.02em;
  margin-bottom:6px;
}
.mwnews-cta {
  color:#36c;
  font-weight:600;
}


/* Buttons */
.mwnews-btnrow {
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:12px;
}
.mwnews-close {
  padding:10px 16px;
  border:0;
  background:#36c;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  font-size:1em;
  font-weight:600;
}
.mwnews-close:hover { background:#258; }


/* --- Whisky Top-5 (multi-root, recursive, robust, namespaces, ES5) ------- */
/* Mobil */
mw.loader.using(['mediawiki.api']).then(function () {
@media (max-width:640px){
 
   .mwnews-modal{
   /* ========== Utils ========== */
     width:calc(100% - 20px);
  function get(obj, path) {
     padding:16px;
     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) {
   .mwnews-card{ width:100%; }
    var map = {}, parts = (raw || '').split(','), i;
  .mwnews-thumb img{
    for (i = 0; i < parts.length; i++) {
    height:240px;
      var kv = parts[i].split(':'); if (kv.length !== 2) continue;
     object-fit:contain;
      var k = kv[0].replace(/^\s+|\s+$/g, ''), v = parseFloat(kv[1]);
     background:#000;
      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.
  7) Links, Navigationslisten, Chips
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){
/* Grundlegende Linksichtbarkeit */
    var params = {
.mw-parser-output a {
      action: 'query',
  color: #2d6ca2;
      list: 'categorymembers',
  text-decoration: underline;
      cmtitle: title,
  text-underline-offset: 2px;
      // cmnamespace nur setzen, wenn NICHT "*"
}
      cmtype: 'page|subcat',
.mw-parser-output a:hover,
      cmlimit: Math.min(200, limit),
.mw-parser-output a:focus {
      format: 'json'
  color: #1c4d7d;
    };
  text-decoration-thickness: 2px;
    if (cmNS !== '*' && cmNS !== '') {
}
      params.cmnamespace = cmNS; // z.B. "0|102|14"
.mw-parser-output a:visited { color: #5a3fa8; }
    }
    if (cont) params.cmcontinue = cont;


    return api.get(params).then(function(d){
/* Tastaturfokus */
      var cms = (d.query && d.query.categorymembers) || [], i, it;
.mw-parser-output a:focus-visible {
      for (i = 0; i < cms.length; i++) {
  outline: 3px solid #99c2ff;
        it = cms[i];
  outline-offset: 2px;
        if (it.ns !== 14) { // alles außer Kategorien zählt als Seite
  border-radius: 4px;
          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(){
/* Tap-Feedback auf Touch-Geräten */
    if (pages.length >= limit || !queue.length) return Promise.resolve();
@media (hover:none) and (pointer:coarse) {
    var next = queue.shift();
  .mw-parser-output a:active {
     if (visited[next]) return loop();
     background: rgba(45,108,162,.08);
     visited[next] = 1;
     border-radius: 6px;
    return fetchOne(next).then(loop);
   }
   }
}


   return loop();
/* Link-Listen / Navigationslisten */
.list-links {
   list-style: none;
  padding-left: 0;
  margin: .4rem 0;
}
.list-links li {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .6rem;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fffaf2;
  margin: .35rem 0;
  transition: transform .06s ease, box-shadow .12s ease, background .12s ease;
}
.list-links li::before {
  content: "›";
  font-weight: 700;
  color: #888;
}
.list-links li:hover {
  background:#f8fbff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.list-links li a {
  text-decoration: none;
}
.list-links li a:hover {
  text-decoration: underline;
}
}


   function fetchCategoryMembersRecursiveMulti(rootCats, limit, status, nsStr){
/* Chips / Kategorie-Pillen mit warmem Hintergrund */
    var api = new mw.Api();
.pill-row a,
    var pages = [], outSet = {};
.pill-list a {
    var idx = 0;
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: .35rem .7rem;
   border-radius: 999px;
  background: #fffaf2;
  text-decoration: none;
  transition: background .12s ease, box-shadow .12s ease, transform .06s ease;
}
.pill-row a:hover,
.pill-list a:hover {
  background:#f2f7ff;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  transform: translateY(-1px);
}
.pill-row a:focus-visible,
.pill-list a:focus-visible {
  outline: 3px solid #99c2ff;
  outline-offset: 2px;
}


    function next(){
/* Ganze Karten klickbar machen */
      if (idx >= rootCats.length || pages.length >= limit) return Promise.resolve(pages);
.card .card-link {
      var raw = rootCats[idx++]; if (!raw) return next();
  position: static;
  font-weight: 600;
}
.card.card-clickable { cursor: pointer; }
.card.card-clickable:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.card .card-overlay {
  position:absolute;
  inset:0;
  z-index:1;
  text-indent:-9999px;
  background: transparent;
}


      return resolveCategoryTitle(api, raw).then(function(resolved){
/* Hinweise-Icons */
        if (!resolved) { status('Kategorie nicht gefunden: "' + raw + '"', true); return next(); }
a.external::after { content:" ↗"; font-size:.9em; }
        status('Kategorie erkannt: ' + resolved + ' – sammle …', true);
a.category-link::after { content:" ⟶"; }
        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();
/* Dark-Mode Anpassungen für Link-Kacheln */
@media (prefers-color-scheme: dark) {
  .mw-parser-output a { color:#86c2ff; }
  .mw-parser-output a:hover,
  .mw-parser-output a:focus { color:#c5e1ff; }
  .list-links li {
    background:#1c1c1c;
    border-color:#313131;
   }
   }
 
   .list-links li:hover { background:#20242b; }
  /* ========== Ratings laden / auswerten ========== */
  .pill-row a,
   function fetchRatingsForContest(pageIds, contest, includeHidden) {
  .pill-list a {
    var api = new mw.Api(), res = {}, i, chunk = 50, chunks = [];
    background:#1c1c1c;
    for (i = 0; i < pageIds.length; i += chunk) chunks.push(pageIds.slice(i, i + chunk));
     border-color:#313131;
 
    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){
  8) Cargo / Diagramme
      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);
.cargoNVD3chart svg {
    if (statusBox) container.appendChild(statusBox);
  min-height: 400px !important;
}
.nvd3 .nv-line path {
  stroke-width: 3px !important;
  stroke: #f0b429 !important;
}
.nvd3 text {
  fill: #111 !important;
}


    if (!rows.length) { container.appendChild(document.createTextNode('Noch keine Bewertungen vorhanden.')); return; }
/* Diagramm flexibel */
.ados-chart-multi { width: 100%; max-width: 100%; }
@media (max-width: 480px) {
  .ados-chart-multi { min-height: 280px; }
}


    var frag = document.createDocumentFragment(), i, r, item, rank, name, a, right, mini, track, fill, val, votes;
.chart-total-info {
    for (i=0;i<rows.length;i++){
  text-align: center;
      r = rows[i];
  font-weight: bold;
      item = document.createElement('div'); item.className = 'whisky-top5__item';
  font-size: 1.05em;
  color: #444;
  margin-top: 0.4em;
}
.ados-chart-multi { margin-bottom: .75rem; }


      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';
/* =========================================================
  9) Diagramm-Popup (Canvas)
  ========================================================= */


      mini = document.createElement('div'); mini.className = 'whisky-mini';
.mw-popup-overlay {
      track = document.createElement('div'); track.className = 'whisky-mini__track';
  position: fixed;
      fill = document.createElement('div'); fill.className = 'whisky-mini__fill';
  inset: 0;
      fill.style.width = Math.max(0, Math.min(100, (r.overall/10)*100)) + '%';
  background: rgba(0,0,0,0.45);
      val = document.createElement('span'); val.className = 'whisky-mini__val';
  z-index: 10000;
      val.textContent = (r.overall.toFixed ? r.overall.toFixed(1) : (Math.round(r.overall*10)/10));
}
.mw-popup-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  max-width: 96%;
  width: 720px;
  padding: 22px 26px 26px;
  border-radius: 14px;
  z-index: 10001;
  text-align: center;
  box-shadow: 0 10px 28px rgba(0,0,0,0.35);
  max-height: 94vh;
  overflow-y: auto;
}


      track.appendChild(fill); mini.appendChild(track); mini.appendChild(val);
/* Canvas-Bühne */
.mw-fw-canvas-wrap {
  position: relative;
  height: 240px;
  margin: -6px -6px 12px;
  border-radius: 10px;
  overflow: hidden;
  background: radial-gradient(ellipse at center, #0b1c38 0%, #061025 60%, #03060d 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.65);
}
.mw-fw-canvas { display:block; width:100%; height:100%; }


      votes = document.createElement('div'); votes.className = 'whisky-top5__votes';
/* Text */
      votes.textContent = r.totalVotes + ' Stimmen';
.mw-popup-modal h2 {
  margin: 8px 0 6px;
  font-size: 1.38em;
}
.mw-popup-content p {
  margin: 0.55em 0;
  font-size: 1.06em;
  line-height: 1.55;
}


      right.appendChild(mini); right.appendChild(votes);
/* Buttons */
.mw-popup-button-row {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.mw-popup-wiki-button {
  padding: 10px 16px;
  background: #f60;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
}
.mw-popup-wiki-button:hover { background: #d85000; }
.mw-popup-close {
  padding: 10px 16px;
  border: none;
  background: #36c;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
}
.mw-popup-close:hover { background: #258; }


      item.appendChild(rank); item.appendChild(name); item.appendChild(right);
/* Mobil */
      frag.appendChild(item);
@media (max-width: 640px) {
     }
  .mw-popup-modal {
     container.appendChild(frag);
    width: calc(100% - 20px);
    padding: 16px;
  }
  .mw-fw-canvas-wrap {
     height: 220px;
     margin: -6px -6px 10px;
   }
   }
}


  /* ========== 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') || '';
  10) Minerva: Abschnitte offen halten
      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);
.skin-minerva .collapsible-block {
      var cnt = parseInt(container.getAttribute('data-count') || '5', 10);
  display: block !important;
      var minVotes = parseInt(container.getAttribute('data-min-votes') || '1', 10);
}
      var includeHidden = (container.getAttribute('data-include-hidden') === 'true');
.skin-minerva button.section-toggle {
      var nsStr = container.getAttribute('data-namespaces') || '0|14'; // z. B. "*", "0|102|14"
  display: none !important;
}


      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 …');


/* =========================================================
  11) LabelScan / Scan-UI
  ========================================================= */


      // 1) Artikel einsammeln
/* Grund-Layout */
      fetchCategoryMembersRecursiveMulti(rootCats, lim, status, nsStr).then(function(members){
.ados-scan {
        status('Gefundene Seiten gesamt: ' + (members ? members.length : 0) + ' – lade Bewertungen …', true);
  border:1px solid #e6e6e6;
        if (!members || !members.length) { status('Keine passenden Seiten gefunden.', true); return; }
  border-radius:14px;
  padding:12px;
  background:#fffaf2;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.ados-scan h2 { margin:.2rem 0 .4rem; }


        var pageIds = [], byId = {}, i;
.ados-scan__controls {
        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: {} }; }
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin:.4rem 0;
}
.ados-scan__preview img {
  max-width: 100%;
  border-radius: 8px;
}
.ados-scan__status {
  color:#666;
  font-size:90%;
  margin:.4rem 0;
}
.ados-scan__results {
  display:grid;
  grid-template-columns: 1fr;
  gap:8px;
}
@media (min-width:700px){
  .ados-scan__results { grid-template-columns: 1fr 1fr; }
}
.ados-hit {
  border:1px solid #eee;
  border-radius:10px;
  padding:10px;
  background:#fafafa;
}
.ados-hit b {
  display:block;
  margin-bottom:4px;
}


        function loopContest(idx){
/* Uploader / Dropzone */
          if (idx >= contests.length) return Promise.resolve();
.ados-scan__uploader {
          var contest = contests[idx];
  display:flex;
          return fetchRatingsForContest(pageIds, contest, includeHidden).then(function(map){
  justify-content:center;
            var pid; for (pid in map) if (Object.prototype.hasOwnProperty.call(map,pid)) byId[pid].scores[contest] = map[pid];
}
            return loopContest(idx + 1);
.ados-scan__btn {
          });
  display:flex;
        }
  flex-direction:column;
  align-items:center;
  gap:.35rem;
  padding:18px 20px;
  border:2px dashed #cfcfcf;
  border-radius:16px;
  background:#fafafa;
  cursor:pointer;
  width:100%;
  max-width:520px;
  text-align:center;
  transition:background .15s, border-color .15s, transform .05s;
}
.ados-scan__btn:hover {
  background:#f6f6f6;
  border-color:#bbb;
}
.ados-scan__btn:active { transform:scale(.99); }
.ados-scan__btn svg {
  width:44px;
  height:44px;
  fill:#ff7a00;
  opacity:.9;
}
.ados-scan__btn span { font-weight:700; }
.ados-scan__btn small { color:#666; }
#ados-scan-drop.dragover .ados-scan__btn {
  border-color:#ff7a00;
  background:#fff8f1;
}


        function buildAndRender(){
/* Fortschritt */
          var rows = [], pid, e, withVotes = 0;
.ados-scan__progress {
          for (pid in byId) if (Object.prototype.hasOwnProperty.call(byId,pid)) {
  margin:.6rem 0 .3rem;
            e = byId[pid]; computeOverall(e, contests, weights); rows.push(e);
  display:flex;
            if (e.totalVotes > 0 && e.overall !== null) withVotes++;
  align-items:center;
          }
  gap:10px;
          if (withVotes === 0 && !includeHidden) {
  flex-wrap:wrap;
            status('Keine sichtbaren Stimmen – zweiter Versuch (versteckte Ergebnisse mitzählen) …', true);
}
            includeHidden = true;
#ados-scan-progress {
            return loopContest(0).then(buildAndRender);
  width:220px;
          }
  height:10px;
          renderTopN(container, rows, cnt, minVotes);
  accent-color:#ff7a00;
          status.done(keep ? 0 : 3000);
}
        }


        loopContest(0).then(buildAndRender).catch(function(){ status('Topliste konnte nicht geladen werden.', true); });
/* Ergebnis-Vorschau */
      }).catch(function(){ status('Topliste konnte nicht geladen werden.'); });
.ados-scan__preview {
  margin:.5rem 0;
}
.ados-scan__preview img {
  max-width:100%;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}


    })(nodes[n]);
/* Buttons */
.ados-scan__actions {
  margin:.4rem 0 .6rem;
}
.ados-scan__run {
  padding:.55rem .9rem;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  font-weight:600;
}
.ados-scan__run[disabled] {
  opacity:.6;
  cursor:not-allowed;
}
 
/* Dark-Mode-Anpassungen */
@media (prefers-color-scheme: dark){
  .ados-scan {
    background:#1c1c1c;
    border-color:#313131;
  }
  .ados-scan__btn {
    background:#181818;
    border-color:#343434;
  }
  .ados-scan__btn:hover {
    background:#1b1b1b;
    border-color:#555;
  }
  .ados-scan__status { color:#bbb; }
  .ados-hit {
    background:#202020;
    border-color:#2e2e2e;
   }
   }
}


  if (document.readyState === 'loading') {
/* LabelScan: Button sicher klickbar */
    document.addEventListener('DOMContentLoaded', function(){ bootTop5(document); });
#ados-labelscan { position: relative; }
   } else { bootTop5(document); }
#ados-scan-run,
  mw.hook('wikipage.content').add(function($c){ if($c && $c[0]) bootTop5($c[0]); });
#ados-scan-bigbtn {
  position: relative;
  z-index: 9999;
   pointer-events: auto;
}
#ados-labelscan * { pointer-events: auto; }
#ados-labelscan [aria-hidden="true"] { pointer-events: none; }


});
/* Häufige Störenfriede (Vector sticky header) */
.mw-body-content .sticky-header,
.mw-body-content .vector-sticky-header {
  pointer-events: none;
}


/* LabelScan – Mobile optimiert */
#ados-labelscan {
  max-width: 640px;
  margin: 0 auto;
  padding: 1rem;
}
#ados-labelscan .ados-scan__drop {
  background: #ffffff;
  border-radius: 12px;
  padding: 1.5rem 1rem;
  text-align: center;
  border: 2px dashed #ccc;
  color: #444;
}
#ados-labelscan button,
#ados-labelscan .mw-ui-button {
  font-size: 1rem !important;
  border-radius: 30px !important;
  padding: 0.7rem 1.4rem !important;
}
#ados-labelscan .ados-scan__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#ados-labelscan h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
#ados-scan-preview img {
  border-radius: 14px;
  margin-top: 0.6rem;
}


/* Dropzone hell halten (explizit) */
#ados-labelscan .ados-scan__drop,
#ados-scan-drop,
.ados-scan__drop {
  background: #ffffff !important;
  color: #444 !important;
  border: 2px dashed #ccc !important;
  box-shadow: none !important;
}
#ados-labelscan .ados-scan__drop img,
#ados-scan-drop img {
  filter: none !important;
}




/* 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');
  });
});


/* =========================================================
  12) ADOS Timer-Balken oben
  ========================================================= */


// --------------------------------
#ados-timer-bar {
 
  position: fixed;
// Force light color-scheme at document level (helps Mobile Safari)
  top: 0;
mw.loader.using('mediawiki.util').then(function () {
  left: 0;
   var m = document.querySelector('meta[name="color-scheme"]');
  right: 0;
   if (!m) {
  z-index: 2000;
    m = document.createElement('meta');
  background: #111827;
    m.name = 'color-scheme';
  color: #f9fafb;
    m.content = 'light';
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    document.head.appendChild(m);
  font-size: 14px;
   } else {
  line-height: 1.4;
    m.content = 'light';
  padding: 6px 12px;
   }
   display: none;
});
   box-shadow: 0 2px 8px rgba(0,0,0,.35);
 
}
// -------------------------------------------------
#ados-timer-inner {
 
  max-width: 1200px;
 
  margin: 0 auto;
function isFlagTrue(v){
  display: flex;
   if (v == null) return false;
   align-items: center;
   v = String(v).trim().toLowerCase();
   gap: 8px;
   return v === 'true' || v === '1' || v === 'yes';
}
#ados-timer-message { font-weight: 600; }
#ados-timer-countdown {
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f59e0b;
  color: #111827;
  white-space: nowrap;
}
#ados-timer-close {
  margin-left: auto;
  cursor: pointer;
  border: none;
  background: transparent;
   color: #9ca3af;
   font-size: 16px;
   padding: 0 4px;
}
}
#ados-timer-close:hover { color: #f9fafb; }


// Gesamtzahl unter der Legende einfügen (im Diagramm-Block, nicht im Canvas!)
/* Inhalt nach unten schieben, wenn Timer sichtbar */
function addTotalBelowLegend(chart, block) {
body.has-ados-timer { padding-top: 38px; }
  try {
    if (!chart || !block) return;


    // Summe aller Werte berechnen
    const total = chart.data.datasets.reduce((sum, ds) =>
      sum + (ds.data || []).reduce((a, b) => a + (parseFloat(b) || 0), 0)
    , 0);


    // Bestehende Anzeige entfernen (falls Neurender)
    const oldInfo = block.querySelector(':scope > .chart-total-info');
    if (oldInfo) oldInfo.remove();


    // Neue Anzeige einfügen
/* =========================================================
    const info = document.createElement('div');
  13) ADOS-Hero – whiskyfarben, Fade, keine weißen Boxen
    info.className = 'chart-total-info';
  ========================================================= */
    info.textContent = 'Gesamte Anzahl aller eigenen Abfüllungen: ' + total;
    info.style.textAlign = 'center';
    info.style.fontWeight = 'bold';
    info.style.fontSize = '1.05em';
    info.style.marginTop = '0.5rem';
    info.style.marginBottom = '0.5rem';
    info.style.color = '#444';
    block.appendChild(info);


   } catch(e) { console.warn('[addTotalBelowLegend]', e); }
/* Äußerer Hero-Block mit Fade nach unten ins Weiße */
.mw-parser-output .ados-hero {
   background: linear-gradient(
    180deg,
    #e7cfa4 0%,
    #e1c297 40%,
    #f6efe4 75%,
    #ffffff 100%
  );
  padding: 1.2rem 1.4rem 1.5rem;
  margin: 0 0 1.6rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.05);
  border: 1px solid rgba(120,80,40,.15);
}
}


 
/* auf Desktop etwas breiter wirken lassen */
// -------------------------------------
@media (min-width: 960px) {
 
  .mw-parser-output .ados-hero {
/* === ADOS Multi-Serien-Chart (Chart.js) ============================= *
    margin-left: -1.5rem;
* Lädt Chart.js sicher (asynchron) und baut Diagramme aus Cargo-Tabellen.
     margin-right: -1.5rem;
* Benötigt im Artikel: <div class="ados-chart-multi"> + Cargo-Query als |format=table
     border-radius: 0 0 12px 12px;
* ==================================================================== */
 
(function () {
  // 1) Chart.js nur 1x laden und erst dann rendern
  var _chartReady = null;
  function ensureChartJS() {
     if (_chartReady) return _chartReady;
    _chartReady = new Promise(function (resolve, reject) {
      if (window.Chart) return resolve();
      var s = document.createElement('script');
      s.src = 'https://cdn.jsdelivr.net/npm/chart.js'; // UMD-Bundle
      s.async = true;
      s.onload = function(){ resolve(); };
      s.onerror = function(){ console.error('Chart.js konnte nicht geladen werden'); reject(); };
      document.head.appendChild(s);
     });
    return _chartReady;
   }
   }
}


  // 2) Farben je Serie (gut unterscheidbar)
/* Grid: Titel & Text nebeneinander, Spalten unten drunter */
  var ADOS_COLORS = {
.ados-hero__grid {
    'A Dream of Scotland':                 '#C2410C', // Kupferbraun
  max-width: 1200px;
    'A Dream of Ireland':                 '#15803D', // Flaschengrün
  margin: 0 auto;
    'A Dream of... – Der Rest der Welt':  '#1D4ED8', // Mittelblau
  display: grid;
    'Friendly Mr. Z':                     '#9333EA', // Violett
   grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);
     'Die Whisky Elfen':                    '#0891B2', // Türkis
  grid-template-areas:
     'The Fine Art of Whisky':              '#CA8A04' // Goldgelb
     "title center"
   };
     "cols cols";
   var COLOR_CYCLE = ['#2563eb','#16a34a','#f97316','#dc2626','#a855f7','#0ea5e9','#f59e0b','#10b981'];
   gap: 1.1rem 1.6rem;
   align-items: center;
}


   function toYear(x){
/* Linke Seite: Titel */
    var n = parseInt(String(x).replace(/[^\d]/g,''),10);
.ados-hero__title {
    return isFinite(n) ? n : null;
   grid-area: title;
   }
  font-family: "Georgia","Times New Roman",serif;
  function getColor(name, used){
  font-size: 1.7rem;
    if (ADOS_COLORS[name]) return ADOS_COLORS[name];
  font-weight: 700;
    var i = used.size % COLOR_CYCLE.length;
   line-height: 1.2;
    used.add(name);
  color: #4b2b14;
    return COLOR_CYCLE[i];
}
   }
.ados-hero__title span { display:block; }
.ados-hero__title hr {
  width: 55%;
  margin-top: .55rem;
  border: 0;
   border-top: 1px solid rgba(75,43,20,.26);
}


  // 3) Tabelle (Jahr | Serie | Anzahl) -> {labels, datasets}
/* Mitte: Beschreibung, ohne Box */
   function buildDatasetsFromTable(tbl){
.ados-hero__center {
    var rows = Array.from(tbl.querySelectorAll('tr'));
  grid-area: center;
    if (rows.length < 2) return { labels:[], datasets:[] };
  display: flex;
  justify-content: center;
}
.ados-hero__center-box {
  font-family: "Courier New", ui-monospace, monospace;
  font-size: .96rem;
  line-height: 1.6;
  color: #3a2918;
   text-align: center;
  padding: .15rem .25rem;
}
.ados-hero__center-box strong {
  color: #4b2b14;
  font-weight: 700;
}


    var yearsSet = new Set();
/* Unten: Spalten nebeneinander über die gesamte Breite */
    var bySeries  = new Map(); // serie -> Map(year -> count)
.ados-hero__cols {
  grid-area: cols;
  display: flex;
  justify-content: center;
  gap: 2.2rem;
  padding-top: .4rem;
  border-top: 1px solid rgba(75,43,20,.16);
}


    rows.slice(1).forEach(function(tr){
.ados-hero__col {
      var tds = tr.querySelectorAll('td,th');
  min-width: 140px;
      if (tds.length < 3) return;
  font-size: .95rem;
      var y = toYear(tds[0].textContent.trim());
}
      var s = tds[1].textContent.trim();
.ados-hero__col-title {
      var v = parseFloat(tds[2].textContent.replace(',','.')) || 0;
  font-weight: 700;
      if (y == null) return;
  margin-bottom: .2rem;
      yearsSet.add(y);
  color: #4b2b14;
      if (!bySeries.has(s)) bySeries.set(s, new Map());
  font-size: .94rem;
      bySeries.get(s).set(y, v);
}
    });
.ados-hero__col ul {
  margin: 0;
  padding-left: 1.05rem;
}
.ados-hero__col li {
  margin: .08rem 0;
}


    var years = Array.from(yearsSet).sort(function(a,b){return a-b;});
/* Sicherheit: im Hero niemals weiße Karten-Hintergründe */
    var used = new Set();
.ados-hero .card,
    var labels = years.map(String);
.ados-hero .whisky-top5,
 
.ados-hero .whisky-rating__item {
    var datasets = Array.from(bySeries.entries()).map(function(entry){
  background: transparent !important;
      var name = entry[0], yearMap = entry[1];
  border: 0 !important;
      var data = years.map(function(y){ return yearMap.get(y) || 0; });
  box-shadow: none !important;
      var color = getColor(name, used);
}
      return {
        label: name,
        data: data,
        borderColor: color,
        backgroundColor: color + '80',
        tension: 0.25,
        pointRadius: 3
      };
    });


     return { labels: labels, datasets: datasets };
/* ---------------- MOBIL ---------------- */
@media (max-width: 720px) {
  .mw-parser-output .ados-hero {
     border-radius: 0;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1.1rem 1rem 1.3rem;
   }
   }


   // 4) Einen Chart-Container rendern: nimmt die NÄCHSTE Tabelle als Datenquelle
   .ados-hero__grid {
function renderOne(block){
     display: flex;
  // schon gerendert? (z. B. durch AJAX/Minerva-Reloads)
     flex-direction: column;
  if (block.dataset.rendered === '1') return;
     gap: .8rem;
 
     text-align: center;
  // nächste Tabelle (auch wenn sie in einem Wrapper steckt) finden
  var el = block.nextElementSibling, tbl = null, wrapToHide = null;
  while (el) {
     if (/^H[1-6]$/.test(el.tagName) || (el.classList && el.classList.contains('ados-chart-multi'))) break;
     if (el.tagName === 'TABLE') {
      tbl = el;
     } else if (el.querySelector) {
      var t = el.querySelector('table');
      if (t) tbl = t;
     }
    if (tbl) {
      // Wrapper merken – aber später nur verstecken, wenn er "quasi nur" die Tabelle enthält
      wrapToHide = tbl.parentElement;
      break;
    }
    el = el.nextElementSibling;
   }
   }
  if (!tbl) return;


   var out = buildDatasetsFromTable(tbl);
   .ados-hero__title {
  if (!out.labels.length || !out.datasets.length) return;
     font-size: 1.5rem;
 
  // Tabelle verstecken, wenn gewünscht (nur die Tabelle – oder den Wrapper, falls er sonst leer ist)
  var hide = (block.dataset.hideTable || '').toLowerCase() === 'true';
  if (hide) {
     // Hat der Wrapper außer der Tabelle noch sichtbaren Inhalt?
    var onlyTable = wrapToHide && wrapToHide.children.length === 1 && wrapToHide.firstElementChild === tbl;
    if (onlyTable) {
      wrapToHide.setAttribute('aria-hidden','true');
      wrapToHide.style.display = 'none';
    } else {
      tbl.setAttribute('aria-hidden','true');
      tbl.style.display = 'none';
    }
   }
   }
 
   .ados-hero__title hr {
  // Zeichenfläche einsetzen (mobil/desktop)
     margin-left: auto;
  var wrap = document.createElement('div');
     margin-right: auto;
  wrap.style.position = 'relative';
  wrap.style.width = '100%';
   wrap.style.height = block.dataset.height || (window.matchMedia('(min-width:768px)').matches ? '450px' : '300px');
  var canvas = document.createElement('canvas');
  wrap.appendChild(canvas);
  block.innerHTML = '';
  block.appendChild(wrap);
 
  var type  = (block.dataset.type || 'line').toLowerCase();
  var title = block.dataset.title || '';
  var cumulative = (block.dataset.cumulative || '').toLowerCase() === 'true';
 
  // optional: kumulative Werte pro Serie bauen
  if (cumulative) {
     out.datasets = out.datasets.map(function(ds){
      var acc = 0;
      return Object.assign({}, ds, {
        data: ds.data.map(function(v){ acc += v; return acc; })
      });
     });
   }
   }


ensureChartJS().then(function(){
   .ados-hero__center-box {
   const chart = new Chart(canvas.getContext('2d'), {
     max-width: 34rem;
     type: type,
     margin: 0 auto;
     data: { labels: out.labels, datasets: out.datasets },
    options: {
      responsive: true,
      maintainAspectRatio: false,
      interaction: { mode: 'nearest', intersect: false },
      plugins: {
        legend: { position: 'bottom', labels: { font: { size: 13 }, boxWidth: 20 } },
        title:  { display: !!title, text: title, font: { size: 16 } },
        tooltip:{ backgroundColor: 'rgba(0,0,0,0.8)', titleFont: {size:14}, bodyFont: {size:13} }
      },
      scales: {
        x: { ticks: { font: { size: 12 } } },
        y: { beginAtZero: true, ticks: { precision: 0, font: { size: 12 } } }
      }
    }
  });
 
  // --- NEU ---
  const hideTotal = (block.dataset.hideTotal || '').toLowerCase() === 'true';
 
  // existierende Anzeige entfernen (falls Seite neu gerendert wird)
  const oldInfo = block.querySelector(':scope > .chart-total-info');
  if (oldInfo) oldInfo.remove();
 
  if (!hideTotal) {
    // Gesamtzahl einfügen
    addTotalBelowLegend(chart, block);
 
    // bei Größenänderung (mobil <-> desktop) neu berechnen
    if (window.ResizeObserver) {
      const obs = new ResizeObserver(() => addTotalBelowLegend(chart, block));
      obs.observe(chart.canvas);
      chart.$adosTotalObserver = obs;
    }
   }
   }


   block.dataset.rendered = '1';
   .ados-hero__cols {
});
    flex-direction: row;
 
    flex-wrap: wrap;
}
    justify-content: center;
 
     gap: 1.2rem 2rem;
  // 5) Start: erst wenn DOM fertig, dann Chart.js laden, dann rendern
     border-top: 1px solid rgba(75,43,20,.18);
  function boot($scope){
     padding-top: .6rem;
     var blocks = ($scope && $scope[0] ? $scope[0] : document).querySelectorAll('.ados-chart-multi');
     if (!blocks.length) return;
     ensureChartJS().then(function(){ blocks.forEach(renderOne); });
   }
   }


   if (window.mw && mw.hook) {
   .ados-hero__col {
     mw.hook('wikipage.content').add(boot);
     min-width: 130px;
  } else {
     text-align: center;
     // Fallback
    (document.readyState === 'loading')
      ? document.addEventListener('DOMContentLoaded', function(){ boot(); })
      : boot();
   }
   }
})();
// ==========================Scan==================================
mw.loader.using('mediawiki.util').then(function () {
  if (mw.config.get('wgPageName') !== 'LabelScan') return;
  mw.loader.load('/index.php?title=MediaWiki:Gadget-LabelScan.js&action=raw&ctype=text/javascript');
  mw.loader.load('/index.php?title=MediaWiki:Gadget-LabelScan.css&action=raw&ctype=text/css', 'text/css');
});
// ==========================ScanApp==================================
/* ==== PWA: Manifest + Service Worker + Install-Button (ES5) ==== */


/* Manifest einbinden */
   .ados-hero__col ul {
(function () {
    padding-left: 0;
   var link = document.createElement("link");
     list-style-position: inside;
  link.rel = "manifest";
  link.href = "/app/labelscan/manifest.webmanifest";
  document.head.appendChild(link);
})();
 
/* Service Worker registrieren (nur wenn vorhanden) */
(function () {
  if ("serviceWorker" in navigator) {
     navigator.serviceWorker.register("/app/labelscan/sw.js")["catch"](function () {});
   }
   }
})();
}


/* Install-Button steuern (Button-ID: ados-install) */
(function () {
  var installPrompt = null;


  window.addEventListener("beforeinstallprompt", function (e) {
    try { e.preventDefault(); } catch (ex) {}
    installPrompt = e;
    var btn = document.getElementById("ados-install");
    if (btn) btn.style.display = "inline-block";
  });


  // Sicherstellen, dass DOM existiert, bevor wir Handler setzen
/* =========================================================
   function onReady(fn){ if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", fn); else fn(); }
   14) ADOS-Hauptseite – flexibles 2-Spalten-Layout
  onReady(function () {
  ========================================================= */
    var btn = document.getElementById("ados-install");
    if (!btn) return;
    btn.addEventListener("click", function () {
      if (!installPrompt) return;
      try { installPrompt.prompt(); } catch (ex) {}
      installPrompt = null;
      btn.style.display = "none";
    });
  });
})();


.ados-mainpage {
  max-width: 1200px;                      /* Gesamtbreite der Hauptseitev2 */
  margin: 0 auto 2.5rem;                  /* zentriert, unten Luft */
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);  /* links breiter als rechts */
  gap: 1.6rem 2.2rem;
  align-items: flex-start;
}


if ('serviceWorker' in navigator) {
.ados-main-left,
   navigator.serviceWorker.register('/app/labelscan/sw.js').catch(function(){});
.ados-main-right {
   display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
}


/* Boxen innerhalb der Hauptseite – etwas „luftiger“ */
.ados-mainpage .ados-box {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}


// ------------------------------------------------------------
/* Überschriften in den Boxen */
// ADOS: Countdown zur nächsten Messe (Bottle Market Bremen)
.ados-mainpage .ados-box h2,
// ------------------------------------------------------------
.ados-mainpage .ados-box h3 {
(function () {
   margin: 0 0 .5rem;
   // Zieldatum: 12.12.2025, 9:00 Uhr, Bremen (MEZ = +01:00)
   padding-bottom: .25rem;
   // Wenn Uhrzeit ändern: einfach die 10:00:00 anpassen.
   border-bottom: 1px solid #eeeeee;
   var adosTimerTarget = new Date('2025-12-12T10:00:00+01:00');
  font-size: 1.08rem;
}


  // Nur im Haupt-Namespace anzeigen (Abfüllungs-/Artikel-Seiten)
/* Mobil / schmal: alles untereinander */
   if (typeof mw !== 'undefined' && mw.config.get('wgNamespaceNumber') !== 0) {
@media (max-width: 900px) {
     return;
   .ados-mainpage {
     display: block;              /* keine Spalten, nur Flow */
    max-width: 100%;
    margin: 0 0 2rem;
   }
   }


   // Falls Datum kaputt -> nichts tun
   .ados-main-right {
  if (isNaN(adosTimerTarget.getTime())) {
     margin-top: 1.5rem;
     return;
   }
   }


   function domReady(fn) {
   .ados-mainpage .ados-box {
     if (document.readyState === 'loading') {
     border-radius: 0;
      document.addEventListener('DOMContentLoaded', fn);
     border-left: 0;
     } else {
     border-right: 0;
      fn();
     }
   }
   }
 
}
  domReady(function () {
    // Timer-Bar einbauen
    var bar = document.createElement('div');
    bar.id = 'ados-timer-bar';
    bar.innerHTML =
      '<div id="ados-timer-inner">' +
        '<span id="ados-timer-message">Nächste Messe: Bottle Market Bremen in&nbsp;</span>' +
        '<span id="ados-timer-countdown">–:–:–:–</span>' +
        '<button id="ados-timer-close" type="button" title="Ausblenden">×</button>' +
      '</div>';
 
    document.body.appendChild(bar);
    document.body.className += ' has-ados-timer';
 
    var countdownEl = document.getElementById('ados-timer-countdown');
    var closeBtn    = document.getElementById('ados-timer-close');
 
    bar.style.display = 'block';
 
    if (closeBtn) {
      closeBtn.onclick = function () {
        bar.style.display = 'none';
        document.body.className = document.body.className.replace(/\bhas-ados-timer\b/g, '');
      };
    }
 
    function pad(num) {
      return num < 10 ? '0' + num : '' + num;
    }
 
    function updateTimer() {
      var now  = new Date();
      var diff  = adosTimerTarget.getTime() - now.getTime();
 
      if (diff <= 0) {
        countdownEl.innerHTML = '🔔 Jetzt auf dem Bottle Market!';
        clearInterval(intervalId);
        return;
      }
 
      var secTotal = Math.floor(diff / 1000);
      var days  = Math.floor(secTotal / 86400);
      var hours = Math.floor((secTotal % 86400) / 3600);
      var mins  = Math.floor((secTotal % 3600) / 60);
      var secs  = secTotal % 60;
 
      var text;
      if (days > 0) {
        text = days + 'T ' + pad(hours) + ':' + pad(mins) + ':' + pad(secs);
      } else {
        text = pad(hours) + ':' + pad(mins) + ':' + pad(secs);
      }
 
      countdownEl.textContent = text;
    }
 
    // Direkt initialisieren & dann jede Sekunde aktualisieren
    updateTimer();
    var intervalId = window.setInterval(updateTimer, 1000);
  });
})();
Abgerufen von „https://ados-wiki.de/wiki/MediaWiki:Common.js“