Bedre Tabloid

Gør onlinemedier mindre utålelige

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         Bedre Tabloid
// @namespace    greasyshark
// @version      1.2
// @description  Gør onlinemedier mindre utålelige
// @author       Greasy Shark
// @match        https://www.bt.dk/*
// @match        https://www.seoghoer.dk/*
// @match        https://ekstrabladet.dk/*
// @match        https://www.billedbladet.dk/*
// @match        https://tv2.dk/*
// @match        https://nyheder.tv2.dk/*
// @require      https://code.jquery.com/jquery-3.5.1.min.js
// @grant        GM_addStyle
// @license      GNU GPLv3

// ==/UserScript==

const delay = t => new Promise(resolve => setTimeout(resolve, t));

GM_addStyle(`
  .showlinks {
    padding: 10px 10px 10px 0;
    font-size: 1rem;
    display: block;
    color: inherit;
  }
  @media (max-width: 769px) {
    .theme-ekstrabladet-v2 .dre-item--sm-half {width: 100%; flex:none; }
  }

  div[data-component='ModalConsentWall'] { display: none }

  .PostConsentModal_modal__Gg8wX,.PostConsentModal_modal__TPXf4, article.dre-item--feature-e-commerce, article.dre-item--feature-plus { display: none !important }
`)

/* globals $ */
// Fjern reklamer og betalingsartikler
let ignoreList = "click,network,direct,selected,performance";

//Fjern udkommenteringen herunder hvis du ikke gider læse om sport
ignoreList = ignoreList + "," + "betting,sport,fodbold,transfervinduet,golf,superliga,haa?ndbold,tennis,ishockey,formel-1,oevrig-sport,cykling,tour-de-france,badminton,vinter-ol|atletik"

//Fjern udkommenteringen herunder hvis du ikke gider læse om kendte og kongelige mv.
//ignoreList = ignoreList + "," + "royale,kendte"

// Tilføj evt selv stopord til ovennævnte lister

const re = new RegExp(ignoreList.replace(/,/g, "|"), "i");
const replaceVideosWithPosters = function() {
   // Find alle video-containere
   const containers = document.querySelectorAll('.tc_video__video');

   containers.forEach(container => {
      // Find den eksisterende video
      const video = container.querySelector('video');
      if (!video) return;

      // Hent URL fra CSS variablen --poster
      // getComputedStyle er nødvendig da variablen ofte er sat via CSS eller inline style
      const style = window.getComputedStyle(container);
      const posterVar = style.getPropertyValue('--poster').trim();

      // CSS url() format er typisk: url("https://...") eller url(https://...)
      const imageUrl = posterVar.replace(/^url\(["']?/, '').replace(/["']?\)$/, '');

      if (imageUrl && imageUrl !== 'none') {
         // Opret et nyt billede-element
         const img = document.createElement('img');
         img.src = imageUrl;

         // Kopier styling så billedet udfylder containeren ligesom videoen
         img.style.width = '100%';
         img.style.height = '100%';
         img.style.objectFit = 'cover';
         img.style.display = 'block';

         // Fjern videoen og indsæt billedet
         video.remove();
         container.appendChild(img);
      }
   });
}

const observer = new MutationObserver((mutations) => {
   replaceVideosWithPosters();
});

observer.observe(document.body, {
   childList: true,
   subtree: true
});


(async function() {

   // $("article.dre-item--feature-plus").hide()
   // $("article.dre-item--feature-e-commerce")/*.parents(".dre-group")*/.hide()
   $("a[data-trackname='plus_arkiv_rodgulsort'").hide()
   $(".dre-item__pretitle:contains('Annoncørbetalt')").parents("article").hide()
   $(".premium-dogear").parents("a").hide()
   $(".Softwall__skip").click()

   $("article.dre-item, article.teaser").each((i,e) => {
      let href = $("a:first",e).attr("href").split("?")[0]
      let link = href.replace(/https?:\/\/[^\/]+\//, "")
      if(link.match(re)) {
         $(e).hide()
      }
      else {
         if(location.href.match("seoghoer.dk")) {
            $(e).after(`<a href="${href}">${link}</a>`)
         }
         else if(location.href.match("ekstrabladet.dk")) {
            $("div[class^=dre-item__alt-title--]:visible", e).after(`<a class="showlinks" href="${href}">${link}</a>`)
         }
         else if(location.href.match("tv.dk")) {
           // replaceVideosWithPosters();
         }
         else {
            $(e).append(`<a class="showlinks" href="${href}">${link}</a>`)
         }
      }
   });

   // BT
   await delay(1000)
   $("article > a[href*='shoppingtips-med-reklamelinks']").parent("article").hide()

})();