" + "" + inhalt + "" ); fenster.document.close(); fenster.focus(); // Fenster automatisch schliessen, sobald der Druckdialog geschlossen // wird (egal ob gedruckt/gespeichert oder abgebrochen) — kein // hängenbleibender Tab mehr. fenster.onafterprint = function () { fenster.close(); }; // Kurze Verzögerung, damit Layout/Bild sicher fertig gerendert sind setTimeout(function () { fenster.print(); }, 350); } $("#vb-make-doc").addEventListener("click", function () { if (!state.typ || !state.paket) return; if (state.ueberschneidung) { $("#vb-ueberschneidung-warnung").classList.remove("vb-hidden"); $("#vb-ueberschneidung-warnung").scrollIntoView({ behavior: "smooth", block: "center" }); return; } if (!anfragerValid()) { $("#vb-anfrager-hint").textContent = anfragerHinweistext(); return; } $("#vb-anfrager-hint").textContent = ""; druckeDokument(); }); /* --- "Per E-Mail anfragen" -> lädt .ics herunter + öffnet Mail-Programm --- */ function buildVorschauHTML() { var d = sammleDokumentDaten(); var orgErforderlich = !$("#vb-anfrager-organisation-field").classList.contains("vb-hidden"); var zeilen = [["Name", d.name]]; if (orgErforderlich) zeilen.push([d.org_label, d.organisation]); zeilen = zeilen.concat([ ["E-Mail", d.email], ["Telefon", d.telefon], ["Kategorie", d.kategorie], ["Paket", d.paket], ["Datum", d.datum], ["Uhrzeit des Events", d.uhrzeit_event], ["Vorbereitungszeit", d.vorbereitung], ["Nachbereitung / Aufräumen", d.nachbereitung], ["Uhrzeit der Raumnutzung", d.uhrzeit], ["Anzahl erwartete Gäste", d.gaeste], ["Art des Anlasses", d.anlass], ["Beschreibung", d.beschreibung] ]); if (personalZeile()) zeilen.push(["Personaleinsatz", d.personaleinsatz]); var rows = zeilen.map(function (z) { return ''; }).join(""); var kalkRows = d.kalkulation.map(function (k) { return ''; }).join(""); return '

Details

' + rows + '

Kalkulation

' + kalkRows + '

' + esc(d.kalkulation_hinweis) + '

'; } $("#vb-send-mail").addEventListener("click", function () { if (!state.typ || !state.paket) return; if (state.ueberschneidung) { $("#vb-ueberschneidung-warnung").classList.remove("vb-hidden"); $("#vb-ueberschneidung-warnung").scrollIntoView({ behavior: "smooth", block: "center" }); return; } if (!anfragerValid()) { $("#vb-anfrager-hint").textContent = anfragerHinweistext(); return; } $("#vb-anfrager-hint").textContent = ""; $("#vb-vorschau-inhalt").innerHTML = buildVorschauHTML(); $("#vb-vorschau-fehler").classList.add("vb-hidden"); $("#vb-vorschau-senden").disabled = false; $("#vb-vorschau-senden").textContent = "Jetzt verbindlich senden"; $("#vb-vorschau-overlay").classList.remove("vb-hidden"); }); $("#vb-vorschau-zurueck").addEventListener("click", function () { $("#vb-vorschau-overlay").classList.add("vb-hidden"); }); $("#vb-vorschau-senden").addEventListener("click", function () { var betreff = "Buchungsanfrage Verso – " + ($("#vb-anlass").value || "Anlass"); $("#vb-vorschau-senden").disabled = true; $("#vb-vorschau-senden").textContent = "Wird gesendet …"; var versand; if (CONFIG.serverMailversand) { versand = sendeAnfrageServerseitig(betreff, buildEmailHTML()); } else { var nachrichtText = buildSummaryText() + "\n\n(Dies ist eine unverbindliche Mietanfrage. Die aufgeführten Preise dienen als erster Anhaltspunkt und können sich noch ändern. Die Anfrage wird in jedem Fall vom Verso-Team geprüft, bevor sie verbindlich wird.)"; versand = sendeAnfrageMailto(betreff, nachrichtText); } Promise.resolve(versand).then(function (erfolg) { if (erfolg === false) { $("#vb-vorschau-senden").disabled = false; $("#vb-vorschau-senden").textContent = "Jetzt verbindlich senden"; return; } $("#vb-vorschau-overlay").classList.add("vb-hidden"); $("#vb-anfrager-hint").classList.toggle("vb-hint-erfolg", !!CONFIG.serverMailversand); $("#vb-anfrager-hint").textContent = CONFIG.serverMailversand ? "Anfrage erfolgreich gesendet! Du erhältst eine Kopie per E-Mail." : "Kalenderdatei wurde heruntergeladen. Bitte in der sich öffnenden E-Mail als Anhang hinzufügen, bevor du sie sendest."; }); }); // Weg 1 (Standard, ohne Zusatzkosten, sobald PHP-Snippet eingerichtet ist): // Server verschickt die E-Mail direkt, .ics ist ein echter Anhang. function sendeAnfrageServerseitig(betreff, nachricht) { var daten = new URLSearchParams(); daten.set("action", "verso_buchungsanfrage"); daten.set("betreff", betreff); daten.set("nachricht", nachricht); daten.set("ics_inhalt", buildICS()); daten.set("ics_dateiname", icsDateiname()); daten.set("absender_email", $("#vb-anfrager-kontakt").value.trim()); return fetch("/wp-admin/admin-ajax.php", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: daten.toString() }) .then(function (r) { return r.json(); }) .then(function (res) { if (res && res.success) { return true; } console.error("VERSO WIDGET: Serverseitiger Mailversand fehlgeschlagen –", res); $("#vb-vorschau-fehler").textContent = "Senden fehlgeschlagen. Bitte versuche es erneut oder kontaktiere uns direkt unter " + CONFIG.kontaktEmail + "."; $("#vb-vorschau-fehler").classList.remove("vb-hidden"); return false; }) .catch(function (err) { console.error("VERSO WIDGET: Serverseitiger Mailversand — Netzwerkfehler", err); $("#vb-vorschau-fehler").textContent = "Senden fehlgeschlagen (Netzwerkfehler). Bitte versuche es erneut oder kontaktiere uns direkt unter " + CONFIG.kontaktEmail + "."; $("#vb-vorschau-fehler").classList.remove("vb-hidden"); return false; }); } // Weg 2 (Rückfall, solange serverMailversand = false): .ics-Download + // mailto — Person muss die Datei manuell anhängen. function sendeAnfrageMailto(betreff, nachricht) { downloadICS(); var url = "mailto:" + CONFIG.kontaktEmail + "?subject=" + encodeURIComponent(betreff) + "&body=" + encodeURIComponent(nachricht); setTimeout(function () { window.location.href = url; }, 400); return true; } // Kalender sofort anzeigen (leer), Buchungsdaten im Hintergrund nachladen renderKalender(); ladeKalenderDaten(); // Logo-Header oben im Formular setzen (aus CONFIG.logoUrl, invertiert per CSS) if (CONFIG.logoUrl) { $("#vb-widget-logo-img").src = CONFIG.logoUrl; } else { $(".vb-widget-logo").classList.add("vb-hidden"); } })();