ADOS Wiki

MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(113 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* ADOS Whisky-Ratings – RatePage Frontend (ES5, Widgets + Stats + Summary, Doppel-Init-Schutz; ANON VOTING ERLAUBT) */
/* ADOS Whisky-Ratings – RatePage Frontend (ES5, Widgets + Stats + Summary, Doppel-Init-Schutz; ANON VOTING ERLAUBT) */
mw.loader.using(['mediawiki.api', 'mediawiki.user']).then(function () {
mw.loader.using(['mediawiki.api', 'mediawiki.user']).then(function () {
Zeile 395: Zeile 396:


});
});




Zeile 457: 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 467: 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 576: 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 636: 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 646: 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 657: 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 702: Zeile 693:


});
});




Zeile 711: 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 720: Zeile 707:
});
});


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


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




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


/* Whisky News – Popup (v5)
// Gesamtzahl unter der Legende einfügen (im Diagramm-Block, nicht im Canvas!)
  - Behält News (Titel + 2 Karten) bei
function addTotalBelowLegend(chart, block) {
  - Oben Canvas mit einschenkendem Whiskyglas
   try {
  - „Slàinte mhath“ Text-Overlay (fade-in/out)
     if (!chart || !block) return;
*/
mw.loader.using(['mediawiki.util','jquery']).then(function(){
   (function($, mw){
     'use strict';


     var CONFIG = {
     const total = chart.data.datasets.reduce((sum, ds) =>
      enabled: true,
       sum + (ds.data || []).reduce((a, b) => a + (parseFloat(b) || 0), 0)
       id: 'wow_mannheim_whisky_news_v5', // Version hochsetzen, damit alle es sehen
    , 0);
      title: 'Whisky News: Messeabfüllungen – World of Whisky (Mannheim)',
      introHTML: '<p>Frisch zur Messe in Mannheim: Zwei limitierte Abfüllungen. Schau sie dir an und bewerte sie im Wiki!</p>',


      // <<< Bild-URLs bitte mit euren finalen Datei-Links ersetzen >>>
    const oldInfo = block.querySelector(':scope > .chart-total-info');
      images: [
    if (oldInfo) oldInfo.remove();
        {
 
          src: 'https://ados-wiki.de/images/2/2f/South_Islay_Single_Malt_13_year-old_%28Sherry_Octave_Cask_Finish%29.single.jpg',
    const info = document.createElement('div');
          alt: 'South Islay 13y – Sherry Octave Cask Finish',
    info.className = 'chart-total-info';
          link: 'https://ados-wiki.de/wiki/South_Islay_Single_Malt_13_year-old_(Sherry_Octave_Cask_Finish)',
    info.textContent = 'Gesamte Anzahl aller eigenen Abfüllungen: ' + total;
          cta: 'Zur South Islay Abfüllung'
    info.style.textAlign = 'center';
        },
    info.style.fontWeight = 'bold';
        {
    info.style.fontSize = '1.05em';
          src: 'https://ados-wiki.de/images/9/95/Tullibardine_13_year-old_%28Shiraz_Wine_Octave_Cask_Finish%29.single.jpg',
    info.style.marginTop = '0.5rem';
          alt: 'Tullibardine 13y – Shiraz Wine Octave Cask Finish',
    info.style.marginBottom = '0.5rem';
          link: 'https://ados-wiki.de/wiki/Tullibardine_13_year-old',
    info.style.color = '#444';
          cta: 'Zur Tullibardine Abfüllung'
    block.appendChild(info);
        }
      ],


      // Popup-Verhalten
  } catch(e) { console.warn('[addTotalBelowLegend]', e); }
      escToClose: true,
}
      clickBackdropToClose: true,
      dailyLimit: 1,


      // Animation
      targetFillPct: 0.60,    // finaler Füllstand
      pourDurationMs: 2600,  // Einschenk-Dauer
      splashCount: 90,        // Spritzer
      slainteText: 'Slàinte mhath',
      slainteShowMs: 2600,    // so lange sichtbar
      slainteFadeMs: 800      // ausfaden
    };


    if (!CONFIG.enabled) return;
/* === 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
* ==================================================================== */


    // 1×/Tag
(function () {
    var isAnon = (mw.config.get('wgUserName') === null);
  var _chartReady = null;
    function LSget(k){ try { return localStorage.getItem(k); } catch(e){ return null; } }
  function ensureChartJS() {
     function LSset(k,v){ try { localStorage.setItem(k,v); } catch(e){} }
    if (_chartReady) return _chartReady;
    var key = 'popup_' + CONFIG.id + (isAnon?':anon':':user');
     _chartReady = new Promise(function (resolve, reject) {
    var today = (function(d){ return d.getFullYear()+'-'+('0'+(d.getMonth()+1)).slice(-2)+'-'+('0'+d.getDate()).slice(-2); })(new Date());
      if (window.Chart) return resolve();
     if (LSget(key) === today) return;
      var s = document.createElement('script');
     function markSeen(){ LSset(key, today); }
      s.src = 'https://cdn.jsdelivr.net/npm/chart.js';
      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;
  }


     $(function(){
  var ADOS_COLORS = {
      // Grundgerüst
    'A Dream of Scotland':                '#C2410C',
      var $overlay = $('<div>', {'class':'mw-popup-overlay'});
     'A Dream of Ireland':                  '#15803D',
      var $modal = $('<div>', {'class':'mw-popup-modal','role':'dialog','aria-modal':'true','aria-labelledby':'mw-news-title'});
    'A Dream of... – Der Rest der Welt':  '#1D4ED8',
    'Friendly Mr. Z':                      '#9333EA',
    'Die Whisky Elfen':                    '#0891B2',
    'The Fine Art of Whisky':             '#CA8A04'
  };
  var COLOR_CYCLE = ['#2563eb','#16a34a','#f97316','#dc2626','#a855f7','#0ea5e9','#f59e0b','#10b981'];


      var $stage = $('<div>', {'class':'mw-fw-canvas-wrap'});
  function toYear(x){
      var $canvas = $('<canvas>', {'class':'mw-fw-canvas','aria-hidden':'true'});
    var n = parseInt(String(x).replace(/[^\d]/g,''),10);
      $stage.append($canvas);
    return isFinite(n) ? n : null;
  }
  function getColor(name, used){
    if (ADOS_COLORS[name]) return ADOS_COLORS[name];
    var i = used.size % COLOR_CYCLE.length;
    used.add(name);
    return COLOR_CYCLE[i];
  }


      var $title = $('<h2>', { id:'mw-news-title' }).text(CONFIG.title);
  function buildDatasetsFromTable(tbl){
      var $intro = $('<div>', {'class':'mw-popup-content'}).html(CONFIG.introHTML);
    var rows = Array.from(tbl.querySelectorAll('tr'));
    if (rows.length < 2) return { labels:[], datasets:[] };


      var $cards = $('<div>', {'class':'mw-wnews-cards'});
    var yearsSet = new Set();
      CONFIG.images.forEach(function(img){
    var bySeries  = new Map();
        var $card = $('<a>', {'class':'mw-wnews-card','href':img.link,'target':'_blank','rel':'noopener'});
        $card.append(
          $('<div>', {'class':'mw-wnews-thumb'}).append($('<img>', {src: img.src, alt: img.alt, loading:'lazy'})),
          $('<div>', {'class':'mw-wnews-meta'}).append(
            $('<div>', {'class':'mw-wnews-title', text: img.alt}),
            $('<div>', {'class':'mw-wnews-cta', text: img.cta || 'Mehr ansehen'})
          )
        );
        $cards.append($card);
      });


       var $btnRow = $('<div>', {'class':'mw-popup-button-row'});
    rows.slice(1).forEach(function(tr){
       var $ok = $('<button>', {'class':'mw-popup-close', type:'button'}).text('OK');
       var tds = tr.querySelectorAll('td,th');
       $btnRow.append($ok);
      if (tds.length < 3) return;
      var y = toYear(tds[0].textContent.trim());
      var s = tds[1].textContent.trim();
       var v = parseFloat(tds[2].textContent.replace(',','.')) || 0;
      if (y == null) return;
      yearsSet.add(y);
      if (!bySeries.has(s)) bySeries.set(s, new Map());
       bySeries.get(s).set(y, v);
    });


      $modal.append($stage, $title, $intro, $cards, $btnRow);
    var years = Array.from(yearsSet).sort(function(a,b){return a-b;});
      $('body').append($overlay, $modal);
    var used = new Set();
    var labels = years.map(String);


      function close(){
    var datasets = Array.from(bySeries.entries()).map(function(entry){
        stopAnim(true);
      var name = entry[0], yearMap = entry[1];
        markSeen();
      var data = years.map(function(y){ return yearMap.get(y) || 0; });
        $overlay.remove(); $modal.remove();
       var color = getColor(name, used);
        $(document).off('keydown.mwwnews visibilitychange');
       return {
      }
         label: name,
      if (CONFIG.clickBackdropToClose) $overlay.on('click', close);
        data: data,
       $ok.on('click', close);
        borderColor: color,
       if (CONFIG.escToClose){
        backgroundColor: color + '80',
         $(document).on('keydown.mwwnews', function(e){
        tension: 0.25,
          var k = e.key || e.keyCode;
         pointRadius: 3
          if (k==='Escape' || k==='Esc' || k===27){ e.preventDefault(); close(); }
      };
         });
    });
      }


      // ===== Canvas – Einschenken + „Slàinte mhath“ =====
    return { labels: labels, datasets: datasets };
      var canvas = $canvas[0], ctx = canvas.getContext && canvas.getContext('2d');
  }
      var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
      var dpr=1, cw=0, ch=0, raf=null, started=false, ro, t0=0;


      var glass = {x:0,y:0,w:0,h:0,r:0};
  function renderOne(block){
      var fillTopY, targetTopY, ampBase=0, amp=0, bubbles=[], splashes=[];
    if (block.dataset.rendered === '1') return;
      var pouring=true, slainteStart=0;


      function setSize(){
    var el = block.nextElementSibling, tbl = null, wrapToHide = null;
        var r = $stage[0].getBoundingClientRect();
    while (el) {
        if (r.width <= 0 || r.height <= 0) return false;
      if (/^H[1-6]$/.test(el.tagName) || (el.classList && el.classList.contains('ados-chart-multi'))) break;
        var newDpr = Math.max(1, window.devicePixelRatio || 1);
      if (el.tagName === 'TABLE') {
        if (cw !== r.width || ch !== r.height || dpr !== newDpr){
        tbl = el;
          dpr = newDpr; cw = r.width; ch = r.height;
      } else if (el.querySelector) {
          canvas.width = Math.floor(cw*dpr);
        var t = el.querySelector('table');
          canvas.height = Math.floor(ch*dpr);
        if (t) tbl = t;
          canvas.style.width = cw+'px';
      }
          canvas.style.height = ch+'px';
      if (tbl) {
          setupGlass();
         wrapToHide = tbl.parentElement;
         }
         break;
         return true;
       }
       }
      el = el.nextElementSibling;
    }
    if (!tbl) return;


      function setupGlass(){
    var out = buildDatasetsFromTable(tbl);
        var w = canvas.width, h = canvas.height;
    if (!out.labels.length || !out.datasets.length) return;
        glass.x = w*0.18; glass.y = h*0.15; glass.w = w*0.64; glass.h = h*0.7;
        glass.r = Math.min(glass.w,glass.h)*0.08;
        var baseEmpty = glass.y + glass.h*0.98;
        fillTopY = baseEmpty;
        targetTopY = glass.y + glass.h*(1 - CONFIG.targetFillPct);
        ampBase = Math.min(14*dpr, canvas.height*0.03);
        amp = 0; bubbles=[]; splashes=[];
      }


      function drawGlass(){
    var hide = (block.dataset.hideTable || '').toLowerCase() === 'true';
        ctx.save();
    if (hide) {
        ctx.strokeStyle = 'rgba(255,255,255,0.28)';
      var onlyTable = wrapToHide && wrapToHide.children.length === 1 && wrapToHide.firstElementChild === tbl;
        ctx.lineWidth = Math.max(2, 2*dpr);
      if (onlyTable) {
        ctx.beginPath();
         wrapToHide.setAttribute('aria-hidden','true');
        ctx.moveTo(glass.x+glass.r, glass.y);
         wrapToHide.style.display = 'none';
        ctx.arcTo(glass.x+glass.w, glass.y, glass.x+glass.w, glass.y+glass.h, glass.r);
      } else {
        ctx.arcTo(glass.x+glass.w, glass.y+glass.h, glass.x, glass.y+glass.h, glass.r);
         tbl.setAttribute('aria-hidden','true');
         ctx.arcTo(glass.x, glass.y+glass.h, glass.x, glass.y, glass.r);
         tbl.style.display = 'none';
         ctx.arcTo(glass.x, glass.y, glass.x+glass.w, glass.y, glass.r);
        ctx.closePath();
         ctx.stroke();
        // Glanz
        ctx.beginPath();
        ctx.moveTo(glass.x+glass.w*0.15, glass.y+glass.h*0.1);
         ctx.quadraticCurveTo(glass.x+glass.w*0.25, glass.y+glass.h*0.05, glass.x+glass.w*0.3, glass.y+glass.h*0.3);
        ctx.strokeStyle = 'rgba(255,255,255,0.18)';
        ctx.stroke();
        ctx.restore();
       }
       }
    }


      function rand(min,max){ return Math.random()*(max-min)+min; }
    var wrap = document.createElement('div');
    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);


      function drawLiquid(t){
    var type  = (block.dataset.type || 'line').toLowerCase();
        var grd = ctx.createLinearGradient(0, fillTopY-30*dpr, 0, glass.y+glass.h);
    var title = block.dataset.title || '';
        grd.addColorStop(0, 'rgba(255,190,90,0.96)');
    var cumulative = (block.dataset.cumulative || '').toLowerCase() === 'true';
        grd.addColorStop(1, 'rgba(170,85,20,0.98)');


        // Clip ins Glas
    if (cumulative) {
        ctx.save();
      out.datasets = out.datasets.map(function(ds){
        ctx.beginPath();
         var acc = 0;
         ctx.moveTo(glass.x+glass.r, glass.y);
         return Object.assign({}, ds, {
         ctx.arcTo(glass.x+glass.w, glass.y, glass.x+glass.w, glass.y+glass.h, glass.r);
          data: ds.data.map(function(v){ acc += v; return acc; })
        ctx.arcTo(glass.x+glass.w, glass.y+glass.h, glass.x, glass.y+glass.h, glass.r);
         });
        ctx.arcTo(glass.x, glass.y+glass.h, glass.x, glass.y, glass.r);
      });
         ctx.arcTo(glass.x, glass.y, glass.x+glass.w, glass.y, glass.r);
    }
        ctx.closePath();
        ctx.clip();


        // Wellenoberfläche als Path
    ensureChartJS().then(function(){
        var topY = fillTopY + Math.sin(t*3.2)*amp*0.25;
      const chart = new Chart(canvas.getContext('2d'), {
         ctx.beginPath();
         type: type,
         ctx.moveTo(glass.x, topY);
         data: { labels: out.labels, datasets: out.datasets },
         for (var x=0; x<=glass.w; x+=6*dpr){
         options: {
           var y = topY + Math.sin((x*0.055) + t*4.0)*amp*0.22;
          responsive: true,
           ctx.lineTo(glass.x + x, y);
          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 } } }
          }
         }
         }
        ctx.lineTo(glass.x + glass.w, glass.y + glass.h);
      });
        ctx.lineTo(glass.x,              glass.y + glass.h);
 
        ctx.closePath();
      const hideTotal = (block.dataset.hideTotal || '').toLowerCase() === 'true';
        ctx.fillStyle = grd;
      const oldInfo = block.querySelector(':scope > .chart-total-info');
        ctx.fill();
      if (oldInfo) oldInfo.remove();


        // helle Gischt
      if (!hideTotal) {
        ctx.beginPath();
         addTotalBelowLegend(chart, block);
         ctx.moveTo(glass.x, topY);
 
         for (var x2=0; x2<=glass.w; x2+=6*dpr){
         if (window.ResizeObserver) {
           var y2 = topY + Math.sin((x2*0.055) + t*4.0)*amp*0.22;
           const obs = new ResizeObserver(() => addTotalBelowLegend(chart, block));
           ctx.lineTo(glass.x + x2, y2);
           obs.observe(chart.canvas);
          chart.$adosTotalObserver = obs;
         }
         }
        ctx.strokeStyle = 'rgba(255,215,120,0.35)';
      }
        ctx.lineWidth = Math.max(1, 1*dpr);
 
        ctx.stroke();
      block.dataset.rendered = '1';
    });
  }


        // Blasen/Lichtpunkte
  function boot($scope){
        if (bubbles.length === 0){
    var blocks = ($scope && $scope[0] ? $scope[0] : document).querySelectorAll('.ados-chart-multi');
          for (var j=0;j<130;j++){
    if (!blocks.length) return;
            bubbles.push({ x: glass.x + Math.random()*glass.w, y: glass.y + glass.h - rand(0,8*dpr), r: rand(0.8,2.2)*dpr, s: rand(0.1,0.3)*dpr, wob: rand(0.3,0.9) });
    ensureChartJS().then(function(){ blocks.forEach(renderOne); });
          }
  }
        }
        ctx.globalCompositeOperation = 'lighter';
        bubbles.forEach(function(b){
          if (b.y < topY + 3*dpr){
            b.x = glass.x + Math.random()*glass.w;
            b.y = glass.y + glass.h - rand(0,8*dpr);
          } else {
            b.y -= b.s * (1 + Math.sin(t*3 + b.x*0.02)*0.2);
            b.x += Math.sin(t*2 + b.y*0.02)*b.wob*0.15;
          }
          ctx.beginPath();
          ctx.fillStyle = 'rgba(255,220,140,0.9)';
          ctx.arc(b.x, b.y, b.r, 0, Math.PI*2);
          ctx.fill();
          ctx.beginPath();
          ctx.fillStyle = 'rgba(255,255,255,0.6)';
          ctx.arc(b.x - b.r*0.3, b.y - b.r*0.3, b.r*0.35, 0, Math.PI*2);
          ctx.fill();
        });


        ctx.restore();
  if (window.mw && mw.hook) {
       }
    mw.hook('wikipage.content').add(boot);
  } else {
    (document.readyState === 'loading')
      ? document.addEventListener('DOMContentLoaded', function(){ boot(); })
       : boot();
  }
})();


      function drawPourStream(t){
        var streamX = glass.x + glass.w*0.6;
        var startY  = Math.max(0, glass.y - 0.25*canvas.height);
        var endY    = fillTopY - 6*dpr;
        ctx.save();
        ctx.globalAlpha = 0.95;
        var grad = ctx.createLinearGradient(0, startY, 0, endY);
        grad.addColorStop(0, 'rgba(255,200,120,0.5)');
        grad.addColorStop(1, 'rgba(200,110,25,0.9)');
        ctx.strokeStyle = grad;
        ctx.lineWidth = Math.max(3*dpr, 3);
        ctx.lineCap = 'round';
        ctx.beginPath();
        ctx.moveTo(streamX, startY);
        var midY = (startY + endY)/2;
        var offset = Math.sin(t*6)*10*dpr;
        ctx.quadraticCurveTo(streamX + offset, midY, streamX, endY);
        ctx.stroke();
        ctx.restore();


        // Spritzer
// ==========================Scan==================================
        if (Math.random() < 0.35 && splashes.length < CONFIG.splashCount){
mw.loader.using('mediawiki.util').then(function () {
          var angle = rand(-Math.PI*0.8, -Math.PI*0.2);
  if (mw.config.get('wgPageName') !== 'LabelScan') return;
          var speed = rand(3*dpr, 6*dpr);
  mw.loader.load('/index.php?title=MediaWiki:Gadget-LabelScan.js&action=raw&ctype=text/javascript');
          splashes.push({
  mw.loader.load('/index.php?title=MediaWiki:Gadget-LabelScan.css&action=raw&ctype=text/css', 'text/css');
            x: streamX, y: endY, vx: Math.cos(angle)*speed, vy: Math.sin(angle)*speed*0.6,
});
            r: rand(0.8, 2.0)*dpr, life: 60
          });
        }


        for (var i=splashes.length-1; i>=0; i--){
          var sp = splashes[i];
          sp.vy += 0.12*dpr; sp.x += sp.vx; sp.y += sp.vy; sp.life -= 1;
          ctx.beginPath();
          ctx.fillStyle = 'rgba(255,220,140,' + Math.max(0, sp.life/60).toFixed(2) + ')';
          ctx.arc(sp.x, sp.y, sp.r, 0, Math.PI*2); ctx.fill();
          if (sp.life <= 0 || sp.y > glass.y+glass.h) splashes.splice(i,1);
        }
      }


      function drawSlainte(now){
// ==========================ScanApp==================================
        // Zeit seit Start der Animation
/* ==== PWA: Manifest + Service Worker + Install-Button (ES5) ==== */
        var elapsed = now - slainteStart;
        var alpha = 0;
        if (elapsed < CONFIG.slainteShowMs) {
          // Einblenden in den ersten 500ms
          alpha = Math.min(1, elapsed/500);
        } else {
          // Ausblenden
          var out = elapsed - CONFIG.slainteShowMs;
          alpha = Math.max(0, 1 - out/CONFIG.slainteFadeMs);
        }
        if (alpha <= 0) return;


        ctx.save();
/* Manifest einbinden */
        ctx.globalAlpha = alpha;
(function () {
        ctx.fillStyle = '#fff';
  var link = document.createElement("link");
        ctx.textAlign = 'center';
  link.rel = "manifest";
        ctx.textBaseline = 'middle';
  link.href = "/app/labelscan/manifest.webmanifest";
  document.head.appendChild(link);
})();


        // große Schrift zentriert über der Flüssigkeit
/* Service Worker registrieren (nur wenn vorhanden) */
        var fontSize = Math.max(24, Math.floor(canvas.height * 0.12));
(function () {
        ctx.font = '600 ' + fontSize + 'px "Segoe UI", Arial, sans-serif';
  if ("serviceWorker" in navigator) {
        ctx.shadowColor = 'rgba(255,200,120,0.6)';
    navigator.serviceWorker.register("/app/labelscan/sw.js")["catch"](function () {});
        ctx.shadowBlur = 18;
  }
        ctx.fillText(CONFIG.slainteText, canvas.width/2, glass.y + glass.h*0.28);
})();
        ctx.restore();
      }


      function frame(ts){
/* Install-Button steuern (Button-ID: ados-install) */
        if (!t0) { t0 = ts; slainteStart = ts; }
(function () {
        var t = (ts - t0)/1000;
  var installPrompt = null;


        // Hintergrund
  window.addEventListener("beforeinstallprompt", function (e) {
        ctx.globalCompositeOperation = 'source-over';
    try { e.preventDefault(); } catch (ex) {}
        ctx.fillStyle = 'rgba(5,10,20,0.2)';
    installPrompt = e;
        ctx.fillRect(0,0,canvas.width,canvas.height);
    var btn = document.getElementById("ados-install");
    if (btn) btn.style.display = "inline-block";
  });


        drawGlass();
  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";
    });
  });
})();


        // Einschenken
if ('serviceWorker' in navigator) {
        if (pouring){
  navigator.serviceWorker.register('/app/labelscan/sw.js').catch(function(){});
          var progress = Math.min(1, (ts - t0) / CONFIG.pourDurationMs);
}
          var eased = 1 - Math.pow(1 - progress, 3); // easeOutCubic
          var startY = glass.y + glass.h*0.98;
          fillTopY = startY + (targetTopY - startY) * eased;
          amp = ampBase * (0.3 + 0.7*eased);
          drawPourStream(t);
          if (progress >= 1) pouring = false;
        } else {
          amp = Math.max(amp * 0.985, ampBase*0.25);
        }


        drawLiquid(t);
        drawSlainte(ts);


        // kleiner Randglanz
// ============================================================
        ctx.save();
        ctx.globalCompositeOperation = 'lighter';
        ctx.strokeStyle = 'rgba(255,255,255,0.15)';
        ctx.lineWidth = 1*dpr;
        ctx.beginPath();
        ctx.arc(glass.x + glass.w*0.85, glass.y + glass.h*0.15, 10*dpr, 0, Math.PI*2);
        ctx.stroke();
        ctx.restore();


        raf = requestAnimationFrame(frame);
mw.loader.using('mediawiki.util').then(function () {
      }
  function checkNeuBadges() {
    var badges = document.querySelectorAll('.ados-neu-badge');
    var now = new Date();


      function startAnim(){
    badges.forEach(function (badge) {
        if (!ctx || (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches)) return;
      var expiry = badge.getAttribute('data-expiry');
        if (!setSize()) { setTimeout(startAnim, 50); return; }
      if (!expiry) return;
        if (started) return;
        started = true; t0=0; pouring = true;
        raf = requestAnimationFrame(frame);


        if ('ResizeObserver' in window) {
      var expiryDate = new Date(expiry + "T23:59:59");
          ro = new ResizeObserver(function(){ setSize(); });
      if (now > expiryDate) {
          ro.observe($stage[0]);
         badge.style.display = "none";
         } else {
          $(window).on('resize.mwwnews', setSize);
        }
        document.addEventListener('visibilitychange', onVis);
       }
       }
      function stopAnim(remove){
    });
        if (raf){ cancelAnimationFrame(raf); raf=null; }
  }
        started = false;
        if (remove){
          if (ro){ ro.disconnect(); ro=null; } else { $(window).off('resize.mwwnews'); }
          document.removeEventListener('visibilitychange', onVis);
        }
      }
      function onVis(){ if (document.hidden) stopAnim(false); else startAnim(); }


      setTimeout(startAnim, 0);
  if (document.readyState === "loading") {
      markSeen();
    document.addEventListener("DOMContentLoaded", checkNeuBadges);
     });
  } else {
   })(jQuery, mw);
     checkNeuBadges();
   }
});
});
// ============================================================
mw.loader.load('/wiki/MediaWiki:WhiskybaseBatch.js?action=raw&ctype=text/javascript');
Abgerufen von „https://ados-wiki.de/wiki/MediaWiki:Common.js“