MediaWiki:Common.js: Unterschied zwischen den Versionen

/* Whisky News Popup – Slàinte + Whiskyglas – SAFE MODE (v7)

*/

       id: 'wow_mannheim_whisky_news_v7', // bei Änderungen erhöhen (Cache/LS reset)

         { src: 'https://ados-wiki.de/images/2/2f/South_Islay_Single_Malt_13_year-old_%28Sherry_Octave_Cask_Finish%29.single.jpg',

           cta: 'Zur South Islay Abfüllung' },

         { src: 'https://ados-wiki.de/images/9/95/Tullibardine_13_year-old_%28Shiraz_Wine_Octave_Cask_Finish%29.single.jpg',

           cta: 'Zur Tullibardine Abfüllung' }

     /* ---------- HARDENED CSS INJECTION ---------- */

      var css = `

@media (prefers-reduced-motion:reduce){.mw-news7-toast{animation:none;opacity:1;transform:none;}}

      var el = document.createElement('style'); el.className = 'mw-news7-style';

      el.textContent = css; document.head.appendChild(el);

 

       /* ---------- BUILD DOM ---------- */

       var $overlay = $('<div>', {'class':'mw-news7-overlay'});

       var $modal   = $('<div>', {'class':'mw-news7-modal','role':'dialog','aria-modal':'true','aria-label':'Whisky News Popup'});

       var $stage   = $('<div>', {'class':'mw-news7-stage'});

       var $canvas = $('<canvas>', {'class':'mw-news7-canvas','aria-hidden':'true'});

       var $toast   = $('<div>', {'class':'mw-news7-toast'}).text(CONFIG.toastText);

       var $title  = $('<h2>').text(CONFIG.title);

      var $intro  = $('<div>').html(CONFIG.introHTML);

 

       var $cards   = $('<div>', {'class':'mw-news7-cards'});

         var $card = $('<a>', {'class':'mw-news7-card','href':img.link,'target':'_blank','rel':'noopener'});

         var $thumb = $('<div>', {'class':'mw-news7-thumb'});

         if (img.src) $thumb.append($('<img>', {src: img.src, alt: img.alt || ''}));

         $card.append($thumb,

           $('<div>', {'class':'mw-news7-meta'}).append(

             $('<div>', {'class':'mw-news7-title', text: img.alt || 'Mehr'}),

             $('<div>', {'class':'mw-news7-cta', text: img.cta || 'Ansehen'})

           ));

       var $btnRow = $('<div>', {'class':'mw-news7-btnrow'});

       var $ok     = $('<button>', {'class':'mw-news7-close', type:'button'}).text('OK');

         $(document).off('keydown.mwnews7 visibilitychange');

         $(document).on('keydown.mwnews7', function(e){

       /* ---------- CANVAS ANIMATION (robust) ---------- */

         baseFill=glass.y+glass.h*0.58;

        amp=Math.min(14*dpr, canvas.height*0.03);

         ctx.strokeStyle='rgba(255,255,255,0.18)'; ctx.stroke();

        ctx.restore();

         var topY = baseFill + Math.sin(t*2.0)*amp*0.25 + Math.sin(t*0.7)*amp*0.15;

 

 

         var grd = ctx.createLinearGradient(0, topY-30*dpr, 0, glass.y+glass.h);

         grd.addColorStop(0, 'rgba(255,190,90,0.96)');

         grd.addColorStop(1, 'rgba(170,85,20,0.98)');

         ctx.moveTo(glass.x, topY);

         for (var x=0; x<=glass.w; x+=6*dpr){

         ctx.moveTo(glass.x, topY);

         for (var x2=0; x2<=glass.w; x2+=6*dpr){

         ctx.lineWidth=Math.max(1,1*dpr);

        ctx.stroke();

 

         if(!t0) t0 = ts;

         var t = (ts - t0)/1000;

 

 

         drawGlass();

        drawLiquid(t);

 

         ctx.stroke();

        ctx.restore();

 

         raf = requestAnimationFrame(frame);

         if (!ctx || reduceMotion){

          );

          return;

         if (!setSize()){ setTimeout(startAnim, 50); return; }

         if (started) return;

         started = true; t0 = 0;

         raf = requestAnimationFrame(frame);

 

         if ('ResizeObserver' in window){

           ro = new ResizeObserver(function(){ setSize(); });

         } else {

          $(window).on('resize.mwnews7', setSize);

        }

         document.addEventListener('visibilitychange', onVis);

         if (raf){ cancelAnimationFrame(raf); raf=null; }

         if (remove){

           if (ro){ ro.disconnect(); ro=null; } else { $(window).off('resize.mwnews7'); }

           document.removeEventListener('visibilitychange', onVis);

       function onVis(){ if (document.hidden) stopAnim(false); else startAnim(); }

 

       setTimeout(startAnim, 0);

   })(jQuery, mw);