document.addEventListener("DOMContentLoaded", function() { function renderEUCompliance() { // Finde alle Eigenschafts-Container im Warenkorb const propertyContainers = document.querySelectorAll('.widget-basket .text-muted.small, .basket-preview .text-muted.small, .cmp-basket-preview-list .text-muted.small'); if (!propertyContainers.length) return; propertyContainers.forEach(container => { // Wenn wir diesen Artikel schon umgebaut haben, überspringen if (container.querySelector('.eu-compliance-box')) return; // Hole alle einzelnen Eigenschafts-Zeilen const rows = container.querySelectorAll(':scope > div'); let energyClass = null; // Der gefilterte Wert (z.B. A+++) let originalClassText = null; // Für den Screenreader (z.B. A+++A++) let labelHref = null; let datasheetHref = null; rows.forEach(row => { const text = row.textContent; // 1. Energieeffizienzklasse finden und Wert extrahieren if (text.includes('Energieeffizienzklasse')) { const spans = row.querySelectorAll('span'); if (spans.length >= 2) { originalClassText = spans[spans.length - 1].textContent.trim(); // NEU: Extrahiere nur den ersten Wert (Hauptleistung) // Sucht nach genau einem Buchstaben (A-G), gefolgt von beliebig vielen "+" let match = originalClassText.match(/[A-G]\+*/); if (match) { energyClass = match[0]; // Das ergibt dann z.B. nur "A+++" oder "A" } else { energyClass = originalClassText; // Fallback } } row.style.display = 'none'; // Die unschöne Original-Zeile komplett ausblenden! } // 2. Energielabel Link finden if (text.includes('Energielabel')) { const link = row.querySelector('a'); if (link) labelHref = link.href; row.style.display = 'none'; // Original ausblenden } // 3. Produktdatenblatt Link finden if (text.includes('Produktdatenblatt')) { const link = row.querySelector('a'); if (link) datasheetHref = link.href; row.style.display = 'none'; // Original ausblenden } }); // Wenn wir die Daten gefunden haben, bauen wir den sauberen Block nach EU-Verordnung! if (energyClass || labelHref || datasheetHref) { const newWrapper = document.createElement('div'); newWrapper.className = 'eu-compliance-box'; newWrapper.style.marginTop = '5px'; // Alle "+" Zeichen durch "_" für den Dateinamen ersetzen let imageFileName = ''; if (energyClass) { imageFileName = energyClass.replace(/\+/g, '_'); } // EU-Vorgabe: Nur die verlinkte Grafik für das Energielabel if (energyClass && labelHref) { newWrapper.innerHTML += ` `; } else if (energyClass) { // Fallback, falls aus irgendeinem Grund mal das PDF fehlt newWrapper.innerHTML += ` `; } // EU-Vorgabe: Nur das Wort "Produktdatenblatt" verlinken if (datasheetHref) { newWrapper.innerHTML += ` `; } // Den neuen, sauberen Block am Ende des Containers einfügen container.appendChild(newWrapper); } }); } // Beobachte den Warenkorb auf Veränderungen (Vue.js Updates) const observer = new MutationObserver((mutations) => { clearTimeout(window.klimaTimeout); window.klimaTimeout = setTimeout(renderEUCompliance, 50); }); observer.observe(document.body, { childList: true, subtree: true }); // Einmal beim initialen Laden ausführen setTimeout(renderEUCompliance, 500); });