ADOS Wiki

MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(66 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 396: Zeile 396:


});
});




Zeile 458: Zeile 454:


   /* ========== Kategorien rekursiv einsammeln (inkl. Subkats, Namespaces) ========== */
   /* ========== 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){
function fetchCategoryMembersRecursiveSingleResolved(api, catTitle, limit, outSet, pages, nsStr){
   var visited = {}, queue = [catTitle];
   var visited = {}, queue = [catTitle];
Zeile 468: Zeile 463:
       list: 'categorymembers',
       list: 'categorymembers',
       cmtitle: title,
       cmtitle: title,
      // cmnamespace nur setzen, wenn NICHT "*"
       cmtype: 'page|subcat',
       cmtype: 'page|subcat',
       cmlimit: Math.min(200, limit),
       cmlimit: Math.min(200, limit),
Zeile 577: Zeile 571:
   /* ========== Render ========== */
   /* ========== Render ========== */
   function renderTopN(container, rows, N, minVotes) {
   function renderTopN(container, rows, N, minVotes) {
    // Statusbox parken, falls keep aktiv
     var keep = (container.getAttribute && container.getAttribute('data-keep-status') === 'true');
     var keep = (container.getAttribute && container.getAttribute('data-keep-status') === 'true');
     var statusBox = keep ? container.querySelector('.whisky-top5__status') : null;
     var statusBox = keep ? container.querySelector('.whisky-top5__status') : null;
Zeile 637: Zeile 630:
       container.setAttribute('data-top5-init','1');
       container.setAttribute('data-top5-init','1');


      // Kategorien (Zeilenumbruch ODER Semikolon getrennt)
       var rawCats = container.getAttribute('data-categories') || container.getAttribute('data-category') || '';
       var rawCats = container.getAttribute('data-categories') || container.getAttribute('data-category') || '';
       var parts = rawCats.split(/\n|;/), rootCats = [], i;
       var parts = rawCats.split(/\n|;/), rootCats = [], i;
Zeile 647: Zeile 639:
       var minVotes = parseInt(container.getAttribute('data-min-votes') || '1', 10);
       var minVotes = parseInt(container.getAttribute('data-min-votes') || '1', 10);
       var includeHidden = (container.getAttribute('data-include-hidden') === 'true');
       var includeHidden = (container.getAttribute('data-include-hidden') === 'true');
       var nsStr = container.getAttribute('data-namespaces') || '0|14'; // z. B. "*", "0|102|14"
       var nsStr = container.getAttribute('data-namespaces') || '0|14';


       var rawC = container.getAttribute('data-contests') || 'NASE,GESCHMACK,ABGANG,GESAMTEINDRUCK';
       var rawC = container.getAttribute('data-contests') || 'NASE,GESCHMACK,ABGANG,GESAMTEINDRUCK';
Zeile 658: Zeile 650:
       status('Sammle Seiten …');
       status('Sammle Seiten …');


      // 1) Artikel einsammeln
       fetchCategoryMembersRecursiveMulti(rootCats, lim, status, nsStr).then(function(members){
       fetchCategoryMembersRecursiveMulti(rootCats, lim, status, nsStr).then(function(members){
         status('Gefundene Seiten gesamt: ' + (members ? members.length : 0) + ' – lade Bewertungen …', true);
         status('Gefundene Seiten gesamt: ' + (members ? members.length : 0) + ' – lade Bewertungen …', true);
Zeile 703: Zeile 693:


});
});




Zeile 712: Zeile 700:
     var el = this, val = parseFloat(el.getAttribute('data-rating') || '0');
     var el = this, val = parseFloat(el.getAttribute('data-rating') || '0');
     if (isNaN(val)) val = 0;
     if (isNaN(val)) val = 0;
    // clamp 0..5
     val = Math.max(0, Math.min(5, val));
     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.style.setProperty('--stars', (val).toString());
     el.setAttribute('aria-label', val + ' von 5 Sternen');
     el.setAttribute('aria-label', val + ' von 5 Sternen');
Zeile 721: Zeile 707:
});
});


// --------------------------------


// Force light color-scheme at document level (helps Mobile Safari)
// Force light color-scheme at document level (helps Mobile Safari)
Zeile 738: Zeile 722:




// -------------------------------------
function isFlagTrue(v){
  if (v == null) return false;
  v = String(v).trim().toLowerCase();
  return v === 'true' || v === '1' || v === 'yes';
}


/* === ADOS Cargo → Chart.js (Callback-Version) ============================== */
// Gesamtzahl unter der Legende einfügen (im Diagramm-Block, nicht im Canvas!)
/* Nutzung im Wikitext:
function addTotalBelowLegend(chart, block) {
  <div class="ados-chart-multi" data-type="line|bar" data-title="…" data-hide-table="true"></div>
  try {
  {{#cargo_query:
    if (!chart || !block) return;
    tables=Abfuellungen
 
    |fields=Erscheinungsjahr=Jahr, Serie, COUNT(*)=Anzahl  <!-- oder SUM(Anzahl)=Anzahl -->
    const total = chart.data.datasets.reduce((sum, ds) =>
    |group by=Jahr, Serie
      sum + (ds.data || []).reduce((a, b) => a + (parseFloat(b) || 0), 0)
    |order by=Jahr, Serie
    , 0);
    |format=table
 
  }}
    const oldInfo = block.querySelector(':scope > .chart-total-info');
*/
    if (oldInfo) oldInfo.remove();
 
    const info = document.createElement('div');
    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); }
}
 
 
/* === ADOS Multi-Serien-Chart (Chart.js) ============================= *
* Lädt Chart.js sicher (asynchron) und baut Diagramme aus Cargo-Tabellen.
* Benötigt im Artikel: <div class="ados-chart-multi"> + Cargo-Query als |format=table
* ==================================================================== */


(function () {
(function () {
   'use strict';
   var _chartReady = null;
 
  function ensureChartJS() {
  // ---- Chart.js laden (Callback-Stil) -------------------------------------
    if (_chartReady) return _chartReady;
  function ensureChartJS(cb) {
    _chartReady = new Promise(function (resolve, reject) {
    if (window.Chart) return cb();
      if (window.Chart) return resolve();
    var s = document.createElement('script');
      var s = document.createElement('script');
    s.src = 'https://cdn.jsdelivr.net/npm/chart.js';
      s.src = 'https://cdn.jsdelivr.net/npm/chart.js';
    s.async = true;
      s.async = true;
    s.onload = cb;
      s.onload = function(){ resolve(); };
    document.head.appendChild(s);
      s.onerror = function(){ console.error('Chart.js konnte nicht geladen werden'); reject(); };
      document.head.appendChild(s);
    });
    return _chartReady;
   }
   }


   // ---- Farben (gut unterscheidbar) ----------------------------------------
   var ADOS_COLORS = {
  const ADOS_COLORS = {
     'A Dream of Scotland':                 '#C2410C',
     'A Dream of Scotland':               '#C2410C', // Kupfer
     'A Dream of Ireland':                 '#15803D',
     'A Dream of Ireland':               '#15803D', // Grün
     'A Dream of... – Der Rest der Welt':   '#1D4ED8',
     'A Dream of... – Der Rest der Welt': '#1D4ED8', // Blau  (EN-Dash!)
     'Friendly Mr. Z':                     '#9333EA',
     'Friendly Mr. Z':                   '#9333EA', // Violett
     'Die Whisky Elfen':                   '#0891B2',
     'Die Whisky Elfen':                 '#0891B2', // Türkis
     'The Fine Art of Whisky':             '#CA8A04'
     'The Fine Art of Whisky':           '#CA8A04' // Gold
   };
   };
   const COLOR_CYCLE = ['#2563EB','#16A34A','#F97316','#DC2626','#A855F7','#0EA5E9','#F59E0B','#10B981'];
   var COLOR_CYCLE = ['#2563eb','#16a34a','#f97316','#dc2626','#a855f7','#0ea5e9','#f59e0b','#10b981'];


  // ---- Helpers -------------------------------------------------------------
   function toYear(x){
   function toYear(x) {
     var n = parseInt(String(x).replace(/[^\d]/g,''),10);
     const n = parseInt(String(x).replace(/[^\d]/g, ''), 10);
     return isFinite(n) ? n : null;
     return isFinite(n) ? n : null;
   }
   }
   function getColor(name, used) {
   function getColor(name, used){
     if (ADOS_COLORS[name]) return ADOS_COLORS[name];
     if (ADOS_COLORS[name]) return ADOS_COLORS[name];
     const idx = used.size % COLOR_CYCLE.length;
     var i = used.size % COLOR_CYCLE.length;
     used.add(name);
     used.add(name);
     return COLOR_CYCLE[idx];
     return COLOR_CYCLE[i];
   }
   }


  // Tabelle -> {labels,datasets}
   function buildDatasetsFromTable(tbl){
   function buildDatasetsFromTable(tbl) {
     var rows = Array.from(tbl.querySelectorAll('tr'));
     const rows = Array.from(tbl.querySelectorAll('tr'));
     if (rows.length < 2) return { labels:[], datasets:[] };
     if (rows.length < 2) return { labels: [], datasets: [] };


     const years = new Set();
     var yearsSet = new Set();
     const seriesMap = new Map(); // Serie -> Map(Jahr -> Wert)
     var bySeries  = new Map();


     rows.slice(1).forEach(tr => {
     rows.slice(1).forEach(function(tr){
       const tds = tr.querySelectorAll('td,th');
       var tds = tr.querySelectorAll('td,th');
       if (tds.length < 3) return;
       if (tds.length < 3) return;
       const y = toYear(tds[0].textContent);
       var y = toYear(tds[0].textContent.trim());
       const s = tds[1].textContent.trim();
       var s = tds[1].textContent.trim();
       const v = parseFloat(String(tds[2].textContent).replace(',', '.')) || 0;
       var v = parseFloat(tds[2].textContent.replace(',','.')) || 0;
       if (y == null) return;
       if (y == null) return;
       years.add(y);
       yearsSet.add(y);
       if (!seriesMap.has(s)) seriesMap.set(s, new Map());
       if (!bySeries.has(s)) bySeries.set(s, new Map());
       seriesMap.get(s).set(y, v);
       bySeries.get(s).set(y, v);
     });
     });


     const labels = Array.from(years).sort((a, b) => a - b).map(String);
     var years = Array.from(yearsSet).sort(function(a,b){return a-b;});
     const used = new Set();
     var used = new Set();
     const datasets = Array.from(seriesMap.entries()).map(([name, ym]) => {
     var labels = years.map(String);
       const c = getColor(name, used);
 
    var datasets = Array.from(bySeries.entries()).map(function(entry){
      var name = entry[0], yearMap = entry[1];
      var data = years.map(function(y){ return yearMap.get(y) || 0; });
       var color = getColor(name, used);
       return {
       return {
         label: name,
         label: name,
         data: labels.map(y => ym.get(+y) || 0),
         data: data,
         borderColor: c,
         borderColor: color,
         backgroundColor: c + '80',
         backgroundColor: color + '80',
         tension: 0.25,
         tension: 0.25,
         pointRadius: 3
         pointRadius: 3
Zeile 822: Zeile 834:
     });
     });


     return { labels, datasets };
     return { labels: labels, datasets: datasets };
   }
   }


  // ---- Zusatz: Gesamtzahl unter der Legende anzeigen ----------------------
   function renderOne(block){
   function addTotalBelowLegend(chart) {
     if (block.dataset.rendered === '1') return;
     try {
      if (!chart || !chart.data || !chart.data.datasets || !chart.data.datasets.length) return;


      const total = chart.data.datasets.reduce((sum, ds) => {
    var el = block.nextElementSibling, tbl = null, wrapToHide = null;
        const arr = Array.isArray(ds.data) ? ds.data : [];
    while (el) {
        return sum + arr.reduce((a, b) => a + (parseFloat(b) || 0), 0);
      if (/^H[1-6]$/.test(el.tagName) || (el.classList && el.classList.contains('ados-chart-multi'))) break;
      }, 0);
       if (el.tagName === 'TABLE') {
 
         tbl = el;
      const container = chart.canvas.parentNode; // wrapper div
      } else if (el.querySelector) {
      let info = container.querySelector('.chart-total-info');
         var t = el.querySelector('table');
       if (!info) {
         if (t) tbl = t;
        info = document.createElement('div');
      }
         info.className = 'chart-total-info';
      if (tbl) {
        info.style.textAlign = 'center';
         wrapToHide = tbl.parentElement;
         info.style.fontWeight = 'bold';
         break;
         info.style.fontSize = '1.05em';
         info.style.marginTop = '0.4em';
        info.style.color = '#444';
         container.appendChild(info);
       }
       }
       info.textContent = 'Gesamt: ' + total;
       el = el.nextElementSibling;
    } catch (e) {
      console.warn('[chart-total]', e);
     }
     }
  }
  // ---- Einzel-Chart rendern -----------------------------------------------
  function renderMultiChart(block) {
    if (block.dataset.rendered === '1') return;
    // nächste Tabelle nach dem Container suchen
    let tbl = block.nextElementSibling;
    while (tbl && tbl.tagName !== 'TABLE') tbl = tbl.nextElementSibling;
     if (!tbl) return;
     if (!tbl) return;


     // Daten lesen
     var out = buildDatasetsFromTable(tbl);
    const out = buildDatasetsFromTable(tbl);
     if (!out.labels.length || !out.datasets.length) return;
     if (!out.labels.length || !out.datasets.length) return;


     // Tabelle ggf. ausblenden (data-hide-table="true")
     var hide = (block.dataset.hideTable || '').toLowerCase() === 'true';
    const hide = (block.dataset.hideTable || '').toLowerCase() === 'true';
     if (hide) {
     if (hide) {
       tbl.setAttribute('aria-hidden', 'true');
       var onlyTable = wrapToHide && wrapToHide.children.length === 1 && wrapToHide.firstElementChild === tbl;
       tbl.style.display = 'none';
      if (onlyTable) {
        wrapToHide.setAttribute('aria-hidden','true');
        wrapToHide.style.display = 'none';
       } else {
        tbl.setAttribute('aria-hidden','true');
        tbl.style.display = 'none';
      }
     }
     }


     // Canvas-Wrapper (responsiv)
     var wrap = document.createElement('div');
    const wrap = document.createElement('div');
     wrap.style.position = 'relative';
     wrap.style.position = 'relative';
     wrap.style.width = '100%';
     wrap.style.width = '100%';
     wrap.style.height = window.matchMedia('(min-width: 768px)').matches ? '450px' : '320px';
     wrap.style.height = block.dataset.height || (window.matchMedia('(min-width:768px)').matches ? '450px' : '300px');
 
     var canvas = document.createElement('canvas');
     const canvas = document.createElement('canvas');
     wrap.appendChild(canvas);
     wrap.appendChild(canvas);
     block.innerHTML = '';
     block.innerHTML = '';
     block.appendChild(wrap);
     block.appendChild(wrap);


     const type  = (block.dataset.type || 'line').toLowerCase(); // "line"|"bar"
     var type  = (block.dataset.type || 'line').toLowerCase();
     const title = (block.dataset.title || '');
    var title = block.dataset.title || '';
     var cumulative = (block.dataset.cumulative || '').toLowerCase() === 'true';


     // Chart.js laden + Diagramm zeichnen
     if (cumulative) {
     ensureChartJS(function () {
      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(){
       const chart = new Chart(canvas.getContext('2d'), {
       const chart = new Chart(canvas.getContext('2d'), {
         type: type,
         type: type,
Zeile 896: Zeile 902:
           maintainAspectRatio: false,
           maintainAspectRatio: false,
           interaction: { mode: 'nearest', intersect: false },
           interaction: { mode: 'nearest', intersect: false },
          scales: {
            x: { ticks: { font: { size: 12 } } },
            y: { beginAtZero: true, ticks: { precision: 0, font: { size: 12 } } }
          },
           plugins: {
           plugins: {
             legend: { position: 'bottom', labels: { font: { size: 13 }, boxWidth: 20 } },
             legend: { position: 'bottom', labels: { font: { size: 13 }, boxWidth: 20 } },
Zeile 905: Zeile 907:
             tooltip:{ backgroundColor: 'rgba(0,0,0,0.8)', titleFont: {size:14}, bodyFont: {size:13} }
             tooltip:{ backgroundColor: 'rgba(0,0,0,0.8)', titleFont: {size:14}, bodyFont: {size:13} }
           },
           },
           elements: { line: { tension: 0.25, borderWidth: 2 }, point: { radius: 3 } }
           scales: {
            x: { ticks: { font: { size: 12 } } },
            y: { beginAtZero: true, ticks: { precision: 0, font: { size: 12 } } }
          }
         }
         }
       });
       });


       // Gesamtzahl einfügen + bei Größenänderung neu berechnen
       const hideTotal = (block.dataset.hideTotal || '').toLowerCase() === 'true';
       addTotalBelowLegend(chart);
       const oldInfo = block.querySelector(':scope > .chart-total-info');
      if (window.ResizeObserver) {
      if (oldInfo) oldInfo.remove();
        const obs = new ResizeObserver(() => addTotalBelowLegend(chart));
 
        obs.observe(chart.canvas);
      if (!hideTotal) {
        addTotalBelowLegend(chart, block);
 
        if (window.ResizeObserver) {
          const obs = new ResizeObserver(() => addTotalBelowLegend(chart, block));
          obs.observe(chart.canvas);
          chart.$adosTotalObserver = obs;
        }
       }
       }


Zeile 920: Zeile 932:
   }
   }


   // ---- Auto-Init auf jeder Seite ------------------------------------------
   function boot($scope){
    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) {
   if (window.mw && mw.hook) {
     mw.hook('wikipage.content').add(function ($c) {
     mw.hook('wikipage.content').add(boot);
      const scope = ($c && $c[0]) ? $c[0] : document;
      scope.querySelectorAll('.ados-chart-multi').forEach(renderMultiChart);
    });
   } else {
   } else {
     document.addEventListener('DOMContentLoaded', function () {
     (document.readyState === 'loading')
       document.querySelectorAll('.ados-chart-multi').forEach(renderMultiChart);
       ? 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 */
(function () {
  var link = document.createElement("link");
  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";
  });
  function onReady(fn){ if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", fn); else fn(); }
  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";
    });
  });
})();
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/app/labelscan/sw.js').catch(function(){});
}
// ============================================================
mw.loader.using('mediawiki.util').then(function () {
  function checkNeuBadges() {
    var badges = document.querySelectorAll('.ados-neu-badge');
    var now = new Date();
    badges.forEach(function (badge) {
      var expiry = badge.getAttribute('data-expiry');
      if (!expiry) return;
      var expiryDate = new Date(expiry + "T23:59:59");
      if (now > expiryDate) {
        badge.style.display = "none";
      }
    });
  }
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", checkNeuBadges);
  } else {
    checkNeuBadges();
  }
});




// ============================================================
// ============================================================
mw.loader.load('/wiki/MediaWiki:WhiskybaseBatch.js?action=raw&ctype=text/javascript');
Abgerufen von „https://ados-wiki.de/wiki/MediaWiki:Common.js“