From ee9da63294099756abb9e8a8afe61dd6844134a9 Mon Sep 17 00:00:00 2001
From: simonpipe <simonpipe@noreply.codeberg.org>
Date: Thu, 18 Dec 2025 19:10:24 +0100
Subject: [PATCH] Update meta-handler.js

---
 meta-handler.js | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/meta-handler.js b/meta-handler.js
index 84e6bec..a109bad 100644
--- a/meta-handler.js
+++ b/meta-handler.js
@@ -35,12 +35,13 @@ const MetaHandler = {
         const stationDisplay = document.getElementById('current-station-name');
         if (!stationDisplay) return;
     
-        // 1. Alles vor dem Titel extrahieren (enthält das Sender-Icon + Name)
+        // 1. Alles vor dem Songtitel isolieren
         let currentContent = stationDisplay.innerHTML;
-        // Wir isolieren den Sender-Teil, indem wir alles nach dem Music-Icon oder Trenner-Span abschneiden
-        let stationPart = currentContent.split(' <span')[0].split(' <i class="fa-solid fa-music"')[0].trim(); 
+        
+        // Wir suchen nach dem Icon oder dem geschützten Leerzeichen und schneiden dort ab
+        let stationPart = currentContent.split('&nbsp;')[0].split(' <i class="fa-solid fa-music"')[0].trim(); 
     
-        // 2. Dubletten-Check (Text ohne Icons vergleichen)
+        // 2. Dubletten-Check
         const tempDiv = document.createElement("div");
         tempDiv.innerHTML = stationPart;
         const stationNameOnly = tempDiv.textContent.trim();
@@ -48,19 +49,17 @@ const MetaHandler = {
         const cleanTitle = title.toLowerCase();
         const cleanStation = stationNameOnly.toLowerCase();
     
-        // Filter für Dubletten und Systemmeldungen
         if (cleanTitle === cleanStation || cleanTitle.includes(cleanStation) || title.includes('0848')) {
-            stationDisplay.innerHTML = stationPart; // Nur Sender anzeigen
+            stationDisplay.innerHTML = stationPart; 
             return;
         }
     
-        // 3. Anzeige OHNE Bindestrich zusammenbauen (mit Abstandshaltern)
-        stationDisplay.innerHTML = `${stationPart} &nbsp; <i class="fa-solid fa-music"></i> ${title}`;
+        // 3. Anzeige neu zusammenbauen (die Leerzeichen werden hier jedes Mal neu gesetzt, nicht addiert)
+        stationDisplay.innerHTML = `${stationPart}&nbsp;&nbsp;&nbsp;<i class="fa-solid fa-music"></i> ${title}`;
     },
 
     start(streamUrl) {
         this.stop();
-        // Erster Aufruf sofort
         this.fetchTitle(streamUrl);
         
         this.intervalId = setInterval(() => {
@@ -76,16 +75,15 @@ const MetaHandler = {
         
         const stationDisplay = document.getElementById('current-station-name');
         if (stationDisplay) {
-            // Entfernt alles ab dem Musik-Icon oder dem alten Bindestrich
-            if (stationDisplay.innerHTML.includes('<i class="fa-solid fa-music"')) {
-                stationDisplay.innerHTML = stationDisplay.innerHTML.split(' <i class="fa-solid fa-music"')[0];
-            } else if (stationDisplay.innerHTML.includes(' – ')) {
-                stationDisplay.innerHTML = stationDisplay.innerHTML.split(' – ')[0];
+            // Beim Stoppen alles nach dem Sender-Teil entfernen
+            if (stationDisplay.innerHTML.includes('&nbsp;')) {
+                stationDisplay.innerHTML = stationDisplay.innerHTML.split('&nbsp;')[0].trim();
+            } else if (stationDisplay.innerHTML.includes('<i class="fa-solid fa-music"')) {
+                stationDisplay.innerHTML = stationDisplay.innerHTML.split(' <i class="fa-solid fa-music"')[0].trim();
             }
         }
     }
 };
 
-// Global verfügbar machen
 window.MetaHandler = MetaHandler;
 MetaHandler.init();
\ No newline at end of file