Search Listing Enhancer

Shows subchannel information (from the market listing page) when clicking on the cell in the channel column for a station; click again to hide.

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 of Violentmonkey.

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        Search Listing Enhancer
// @namespace   https://github.com/robartsd
// @match       https://www.rabbitears.info/searchmap.php*
// @grant       none
// @version     1.1.2
// @author      robartsd
// @description Shows subchannel information (from the market listing page) when clicking on the cell in the channel column for a station; click again to hide.
// @license     GPL-3.0-or-later: https://choosealicense.com/licenses/gpl-3.0/
// ==/UserScript==

const parser = new DOMParser();

function addSubchannelInfo(marketListingUrl) {
  const request = new XMLHttpRequest();
  request.addEventListener("load", function() {
    const response = parser.parseFromString(this.responseText, "text/html");
    response.querySelectorAll("table.marketdetail > tbody > tr:not(.spacerh4, .stationcell)").forEach((e)=>{
      const callsign = e.querySelector("td:nth-child(3) a nobr").innerText;
      const stationLink = e.querySelector("td:nth-child(3) a").getAttribute("href");
      const channels = [...e.querySelector("td:nth-child(2)").innerText.matchAll(/\b\d+\b/g)].map((match)=>match[0]);
      const stationchannels = e.nextElementSibling.querySelector("table.stationchannels:has(tbody)");
      console.log(callsign, channels, stationLink);
      channels.forEach((rf)=>{
        const target = document.querySelector(`tr[data-rf="${rf}"]:has(a[href="${stationLink}"]) > td:first-child:not(:has(div.subchannels))`);
        if (target) {
          const subchannels = document.createElement("div");
          subchannels.classList.add("subchannels");
          if (stationchannels) {
          subchannels.appendChild(stationchannels.cloneNode(true));
          const tbody = subchannels.querySelector("tbody");
          tbody.querySelectorAll("tr").forEach((tr)=>{
              const physical = tr.querySelector('td:nth-child(1)[colspan="2"]+td, td:nth-child(1):not([colspan])+td:not([colspan])+td');
              if (!physical || !physical.innerText.startsWith(rf)) {
                tbody.removeChild(tr);
              }
          });
          } else {
            subchannels.innerHTML = `<table width="300" class="stationchannels"><tr><td>No subchannel listing found for this station</td></tr></table>`;
          };
          target.appendChild(subchannels);
        }
      });
    });
  });
  request.open("GET", marketListingUrl);
  request.send();
}

const style = document.createElement("style");
style.innerText = "tr.hideStation, div.subchannels {display: none} tr.showSubchannels div.subchannels {display: block} div.subchannels {width: 0; margin: .2em} table.stationchannels {position: relative; background:#dddddd; left: -2.2em} tr.showSubchannels > td {vertical-align: top}";
document.querySelector("head").appendChild(style);

document.querySelectorAll("table.sortable tbody tr").forEach(
  (e)=>{
    if (e.querySelector("td[style*='background:#ffccff'], td[style*='background: rgb(255, 204, 255)']")) {
      e.dataset.status="off-air";
    } else if (e.querySelector("td[style*='background:#ccffcc'], td[style*='background: rgb(204, 255, 204)']")) {
      e.dataset.status="ATSC3";
    }
    e.dataset.rating = e.querySelector("td:nth-child(10) span").innerText.trim();
    e.dataset.rf = parseInt(e.querySelector("td:nth-child(1) a").innerText);
    e.dataset.band = e.dataset.rf < 7 ? "VHF-low" : e.dataset.rf < 14 ? "VHF-high" : "UHF";
    e.dataset.distance = parseFloat(e.querySelector("td:nth-child(7)").innerText);
    e.dataset.direction_true = parseFloat(e.querySelector("td:nth-child(8)").innerText);
    e.dataset.direction_magnetic = parseFloat(e.querySelector("td:nth-child(9)").innerText);
    e.dataset.field_strength = parseFloat(e.querySelector("td:nth-child(10)").innerText);
    e.dataset.signal_margin = parseFloat(e.querySelector("td:nth-child(11)").innerText);
    e.dataset.callsign = e.querySelector("td:nth-child(2) a:first-child").innerText.trim();
    e.dataset.station_info = e.querySelector("td:nth-child(2) a:first-child").getAttribute("href");
    e.querySelector("td:first-child").addEventListener("click", ()=>{
      e.classList.toggle("showSubchannels");
      if (!e.querySelector("td:first-child:has(div.subchannels)")) {
        addSubchannelInfo(e.dataset.station_info);
      }
    });
  }
);