").replace(",", ".")); return isNaN(n) ? null : n; } function avgOf(form, selectors) { var vals = []; selectors.forEach(function (sel) { var el = form.querySelector(sel); if (!el) return; var n = toNumber(el.value); if (n === null) return; vals.push(n); }); if (vals.length === 0) return null; var sum = vals.reduce(function (a, b) { return a + b; }, 0); return sum / vals.length; } function compute(form) { var startSelectors = ["#form_input_1","#form_input_4","#form_input_5","#form_input_6","#form_input_7"]; var endSelectors = ["#form_input_33","#form_input_34","#form_input_35","#form_input_36","#form_input_37","#form_input_40"]; var startAvg = avgOf(form, startSelectors); var endAvg = avgOf(form, endSelectors); if (startAvg === null || endAvg === null) { return { startAvg: startAvg === null ? null : Number(startAvg.toFixed(2)), endAvg: endAvg === null ? null : Number(endAvg.toFixed(2)), pct: null, text: "📝 Es konnten noch nicht alle relevanten Werte berechnet werden." }; } var pct = null; if (startAvg !== 0) { pct = ((endAvg - startAvg) / startAvg) * 100; } var text; if (pct === null) { text = "⚠️ Startwert ist 0 – prozentuale Verbesserung ist nicht sinnvoll berechenbar."; } else if (pct > 0.05) { text = "🎉 Dein Schlaf hat sich verbessert! ✅"; } else if (pct < -0.05) { text = "⚠️ Dein Score ist gesunken."; } else { text = "➖ Dein Score ist ungefähr gleich geblieben."; } return { startAvg: Number(startAvg.toFixed(2)), endAvg: Number(endAvg.toFixed(2)), pct: pct === null ? null : Number(pct.toFixed(1)), text: text }; } function send(payload) { window.parent.postMessage({ type: "smartsleep_sleep_score_live", payload: payload }, "*"); } function init() { var form = document.querySelector("#formGeneratorForm"); if (!form) return false; send(compute(form)); document.addEventListener("input", function (e) { if (!e.target.closest("#formGeneratorForm")) return; var ids = new Set([ "form_input_1","form_input_4","form_input_5","form_input_6","form_input_7", "form_input_33","form_input_34","form_input_35","form_input_36","form_input_37","form_input_40" ]); if (!ids.has(e.target.id)) return; send(compute(form)); }); return true; } var tries = 0; var t = setInterval(function () { tries++; if (init() || tries >= 40) clearInterval(t); }, 250); })(); (function () { function initMultiStep() { var form = document.querySelector("#formGeneratorForm"); if (!form) return false; if (document.querySelector("#ss-multistep-nav")) return true; // Tag-Felder 1-30 anhand name="Tag X" var dayFields = []; for (var i = 1; i <= 30; i++) { var input = form.querySelector('input[name="Tag ' + i + '"]'); if (!input) continue; var group = input.closest(".form-group"); if (group) dayFields.push(group); } if (dayFields.length === 0) return false; var emailField = form.querySelector('input[name="Email"]'); var emailGroup = emailField ? emailField.closest(".form-group") : null; var submitWrap = form.querySelector(".form_submit_div"); if (!submitWrap) return false; // WOCHE Paragraphen/Spacer erstmal ausblenden, damit es kompakter wird form.querySelectorAll('.paragraph, .space').forEach(function(el){ el.style.display = "none"; }); // Steps mit je 6 Tagen var chunkSize = 6; var steps = []; for (var s = 0; s < dayFields.length; s += chunkSize) { steps.push(dayFields.slice(s, s + chunkSize)); } var currentStep = 0; // Progress UI var nav = document.createElement("div"); nav.id = "ss-multistep-nav"; nav.style.margin = "0 0 20px 0"; nav.style.fontFamily = "Arial, sans-serif"; nav.innerHTML = `

Schritt 1 von ${steps.length}

`; var buttonRow = document.createElement("div"); buttonRow.style.display = "flex"; buttonRow.style.justifyContent = "space-between"; buttonRow.style.gap = "12px"; buttonRow.style.marginTop = "20px"; buttonRow.id = "ss-button-row"; var backBtn = document.createElement("button"); backBtn.type = "button"; backBtn.id = "ss-back-btn"; backBtn.textContent = "Zurück"; backBtn.style.padding = "12px 20px"; backBtn.style.border = "1px solid #ccc"; backBtn.style.borderRadius = "8px"; backBtn.style.background = "#fff"; backBtn.style.cursor = "pointer"; var nextBtn = document.createElement("button"); nextBtn.type = "button"; nextBtn.id = "ss-next-btn"; nextBtn.textContent = "Weiter"; nextBtn.style.padding = "12px 20px"; nextBtn.style.border = "0"; nextBtn.style.borderRadius = "8px"; nextBtn.style.background = "#2e7d32"; nextBtn.style.color = "#fff"; nextBtn.style.cursor = "pointer"; buttonRow.appendChild(backBtn); buttonRow.appendChild(nextBtn); // UI einsetzen: oben ins Formular var container = form.querySelector(".form_container") || form; container.parentNode.insertBefore(nav, container); submitWrap.parentNode.insertBefore(buttonRow, submitWrap); function showStep(index) { currentStep = index; // Alle Tag-Felder ausblenden dayFields.forEach(function(el) { el.style.display = "none"; }); // aktuellen Step anzeigen steps[currentStep].forEach(function(el) { el.style.display = ""; }); // Email immer nur im ersten Schritt if (emailGroup) { emailGroup.style.display = currentStep === 0 ? "" : "none"; } // Submit nur im letzten Schritt submitWrap.style.display = currentStep === steps.length - 1 ? "" : "none"; // Buttons backBtn.style.visibility = currentStep === 0 ? "hidden" : "visible"; nextBtn.style.display = currentStep === steps.length - 1 ? "none" : ""; // Progress var pct = ((currentStep + 1) / steps.length) * 100; var bar = document.getElementById("ss-progress-bar"); var label = document.getElementById("ss-step-label"); if (bar) bar.style.width = pct + "%"; if (label) label.textContent = "Schritt " + (currentStep + 1) + " von " + steps.length; } function validateStep(index) { var valid = true; var firstInvalid = null; var fieldsToCheck = steps[index].slice(); if (index === 0 && emailGroup) fieldsToCheck.unshift(emailGroup); fieldsToCheck.forEach(function(group) { var input = group.querySelector("input"); if (!input) return; // Nur required-Felder prüfen var isRequired = input.classList.contains("required") || input.hasAttribute("aria-required") && input.getAttribute("aria-required") === "true"; if (!isRequired) return; if (!input.value) { valid = false; if (!firstInvalid) firstInvalid = input; } }); if (!valid && firstInvalid) firstInvalid.focus(); return valid; } backBtn.addEventListener("click", function() { if (currentStep > 0) showStep(currentStep - 1); }); nextBtn.addEventListener("click", function() { if (!validateStep(currentStep)) return; if (currentStep < steps.length - 1) showStep(currentStep + 1); }); showStep(0); return true; } var tries = 0; var t = setInterval(function () { tries++; if (initMultiStep() || tries >= 40) clearInterval(t); }, 250); })();

Erhalte 10% Rabatt