diff --git a/public/app.js b/public/app.js
index 76c883d..64f8095 100644
--- a/public/app.js
+++ b/public/app.js
@@ -979,6 +979,160 @@ function renderOrderView(view, data, productKey) {
})
}
+/* Wechsel ins Wartungs-Abo (#wechsel): Vorschau vom Server, Bestellübersicht direkt über dem Knopf (§ 312j BGB), Zustimmung, Bestellung.
+ Der Wechsel wirkt erst mit der Zahlung der Wechselrechnung (Bedingungen § 9 Abs. 3). */
+const switchUi = { notice: '', loadedAt: 0, busy: false }
+
+function renderSwitchView(view, data) {
+ const sub = data.subscription
+ const wartung = productOf(data, 'wartung')
+ const head = ''
+ if (!sub?.active || sub.productKey !== 'hosting' || !sub.canSwitch || !wartung) {
+ switchUi.loadedAt = 0
+ view.innerHTML = `${head}Ein Wechsel ist derzeit nicht möglich. Details finden Sie unter Verträge .
Wartungs-Abo ${escapeHtml(fmtEuro(monthly / 100))} pro Monat (Gesamtpreis, gemäß § 19 UStG ohne Umsatzsteuer); enthalten sind Pflege Ihrer Website, beliebig viele Postfächer und 1 Stunde Arbeitszeit pro MonatZusatzspeicher ${units} Paket${units === 1 ? '' : 'e'} (+${escapeHtml(String(units * (Number(mail.gbPerUnit) || 0)))} GB) bleiben gebucht: ${escapeHtml(fmtEuro(units * unitCents / 100))} pro Monat zusätzlich (gemäß § 19 UStG ohne Umsatzsteuer), insgesamt ${escapeHtml(fmtEuro((monthly + units * unitCents) / 100))} pro Monat Gutschrift für nicht genutzte Tage −${escapeHtml(fmtEuro(p.creditCents / 100))} aus dem bereits bezahlten Hosting-Abo (gemäß § 19 UStG ohne Umsatzsteuer) Heute fällig ${escapeHtml(fmtEuro(p.amountDueCents / 100))} (gemäß § 19 UStG ohne Umsatzsteuer)Neuer Abbuchungstag Ab dem Wechsel jeweils am ${escapeHtml(String(new Date(p.nextChargeAt).toLocaleDateString('de-DE', { timeZone: 'Europe/Berlin', day: 'numeric' })))}. eines Monats; nächste Abbuchung am ${fmtDateShort(p.nextChargeAt)} Laufzeit Mindestlaufzeit bis ${fmtDateShort(p.minTermEnd)} (12 Monate ab dem Wechsel), danach monatlich kündbarBeginn Der Wechsel wird erst mit der Zahlung wirksam. Bei Kreditkarte, sobald die Zahlung erfolgreich ist (ggf. nach Bestätigung bei Ihrer Bank); bei SEPA-Lastschrift sofort mit der Bestellung, wird die Lastschrift nicht eingelöst, gilt der Wechsel als nicht erfolgt. Einen späteren Beginn gibt es nicht. ${escapeHtml(state.error)}
`
+ : state.loading || !p ? 'Ihre Übersicht wird berechnet …
'
+ : ``
+ const checked = (id) => view.querySelector(id)?.checked ? ' checked' : ''
+ const prevErr = view.querySelector('#switch-error')
+ const errText = prevErr && !prevErr.classList.contains('hidden') ? prevErr.textContent : ''
+ const busy = switchUi.busy
+ view.innerHTML = `${head}
+
+
Ihre Bestellung
+
Zusätzlich zum Hosting: Pflege Ihrer Website, beliebig viele Postfächer und 1 Stunde Arbeitszeit pro Monat. Das Hosting-Abo endet mit dem Wechsel im gegenseitigen Einvernehmen; Domain, Postfächer und gebuchter Speicher bleiben.
+
Ich habe die Vertragsbedingungen mit Leistungsbeschreibung und Auftragsverarbeitungsvertrag gelesen und stimme ihnen zu. Die Widerrufsbelehrung habe ich zur Kenntnis genommen.
+
Sofortbeginn. Ich verlange ausdrücklich, dass WEBklar vor Ablauf der Widerrufsfrist mit dem Wartungs-Abo beginnt. Mir ist bekannt, dass ich bei einem Widerruf einen angemessenen Betrag für die bis dahin erbrachten Leistungen zahle (§ 357a Abs. 2 BGB; siehe Hinweise zum Widerruf). Firmenkunden haben kein Widerrufsrecht.
+
+
${escapeHtml(errText)}
+
+ ${busy ? 'Wird bestellt …' : 'Zahlungspflichtig bestellen'}
+ Bezahlt wird mit der bei Stripe hinterlegten Zahlungsart. Bis zum Klick können Sie abbrechen.
+
+
${escapeHtml(switchUi.notice)}
`)
+ switchUi.notice = ''
+ } catch (err) {
+ switchUi.busy = false
+ paint()
+ showError(view.querySelector('#switch-error'), err.message)
+ // Betrag oder Stichtag haben sich geändert: neue Vorschau laden, Fehlerhinweis bleibt stehen
+ if (err.status === 409) {
+ const msg = err.message
+ await loadPreview()
+ showError(view.querySelector('#switch-error'), msg)
+ }
+ }
+ }
+
+ view._switchReload = () => { if (!switchUi.busy) loadPreview() }
+ loadPreview()
+}
+
+/* Wer #wechsel öffnet, ohne wechseln zu können, landet bei "Verträge"; eine alte Vorschau (> 5 Minuten) wird neu berechnet */
+document.addEventListener('kb:view', (ev) => {
+ if (ev.detail.name !== 'wechsel') return
+ const view = document.getElementById('view-wechsel')
+ const sub = aboState.data?.subscription
+ if (aboState.data && (!sub?.active || sub.productKey !== 'hosting' || !sub.canSwitch)) { showView('vertraege'); return }
+ if (view?._switchReload && Date.now() - switchUi.loadedAt > 5 * 60 * 1000) view._switchReload()
+})
+
/* Ansicht "Wartungs-Abo": Stundenkonto, Verlauf, Vertrag (Bedingungen § 4: jederzeit im Portal einsehbar) */
function renderHoursView(view, data) {
const sub = data.subscription
@@ -1312,6 +1466,8 @@ async function loadContracts({ afterCheckout = false } = {}) {
const orderView = document.getElementById(`view-bestellen-${key}`)
if (orderView) renderOrderView(orderView, data, key)
}
+ const switchView = document.getElementById('view-wechsel')
+ if (switchView) renderSwitchView(switchView, data)
if (data.subscription?.active && data.subscription.productKey === 'wartung') renderHoursView(view, data)
else view.innerHTML = 'Ein Stundenkonto gibt es im Wartungs-Abo. Ihre Verträge finden Sie unter Verträge .