diff --git a/public/funktionen.js b/public/funktionen.js
index 8ef3dbb..50abfed 100644
--- a/public/funktionen.js
+++ b/public/funktionen.js
@@ -6,7 +6,7 @@
import { bannerColor, BANNER_PREVIEW_TEXT, controllerLines, chartModel, barRows, countryName, flagEmoji, refLabel, DEVICE_LABELS, CONTACT_LABELS } from '/analyse-view.js'
import { HEAT_DEVICES, deviceHtml, heatCaption } from '/geraete.js'
-const PRICE = '30 €'
+const PRICE = '30 €' // Rueckfall, wenn die Antwort von /api/funktionen kein features.news (Register) enthaelt
const LEISTUNGSBESCHREIBUNG = '/vertragsunterlagen/funktionen-leistungsbeschreibung.html'
const PHOTO_ACCEPT = 'image/jpeg,image/png,image/webp' // iOS wandelt HEIC dann selbst in JPEG um
const PHOTO_MAX_BYTES = 10 * 1024 * 1024
@@ -63,6 +63,20 @@ async function request(path, { method = 'GET', body, raw } = {}) {
const selection = { projectId: '' }
const newsOf = (project) => project.features?.news || { state: 'off' }
+
+// Preis, Knopf und Zustimmungstext der News-Buchung aus dem Register (features.news der Antwort von /api/funktionen);
+// fehlt das Register oder ein Wert, gelten die bisherigen Werte (PRICE und der consentText der Antwort)
+const textOr = (value, fallback) => (typeof value === 'string' && value.trim() ? value : fallback)
+function newsOffer(features, consentFallback = '') {
+ const reg = features?.news
+ const price = textOr(reg?.priceLabel, PRICE)
+ return {
+ price,
+ knopf: textOr(reg?.consent?.knopf, `Zahlungspflichtig bestellen · ${price}`),
+ consentText: textOr(reg?.consent?.items?.[0]?.text, consentFallback),
+ }
+}
+
const isSetup = (state) => state === 'ordered' || state === 'setup'
// Vorauswahl: zuerst ein aktives Projekt, dann eins in Einrichtung, sonst das erste
@@ -78,11 +92,11 @@ const ICONS = {
}
const svg = (name) => ``
-function newsTile(projects) {
+function newsTile(projects, price = PRICE) {
const states = projects.map((p) => newsOf(p).state)
const active = states.filter((s) => s === 'active').length
let pill = ['Aus', 'off']
- let cta = `Einrichten lassen · ${PRICE}`
+ let cta = `Einrichten lassen · ${esc(price)}`
if (active) { pill = ['Aktiv', 'on']; cta = 'Beiträge schreiben' } else if (states.some(isSetup)) { pill = ['In Einrichtung', 'setup']; cta = 'Status ansehen' } else if (states.length && states.every((s) => s === 'disabled')) { pill = ['Abgeschaltet', 'off']; cta = 'Status ansehen' }
const target = pickProject(projects)
const count = projects.length > 1 && active ? `aktiv für ${active} von ${projects.length} Websites
` : ''
@@ -199,10 +213,10 @@ const soonTile = (icon, title, text) => `
export async function initFunktionen(root) {
if (!root) return
- const { projects = [], termine } = await request('/api/funktionen')
+ const { projects = [], termine, features } = await request('/api/funktionen')
root.innerHTML = `
- ${newsTile(projects)}
+ ${newsTile(projects, newsOffer(features).price)}
${termine?.verfuegbar ? termineTile(projects) : soonTile('calendar', 'Terminplaner', TERMINE_TEXT)}
${analyseTile(projects)}
`
@@ -220,7 +234,7 @@ export async function initFunktionen(root) {
export async function initNews(root, { projectId } = {}) {
if (!root) return
if (projectId) selection.projectId = projectId
- const { projects = [], setupEstimate = '', consentText = '' } = await request('/api/funktionen')
+ const { projects = [], setupEstimate = '', consentText = '', features } = await request('/api/funktionen')
if (!projects.length) {
root.innerHTML = 'Noch keine Website-Projekte zugewiesen.
'
return
@@ -255,10 +269,10 @@ export async function initNews(root, { projectId } = {}) {
if (feature.state === 'active') renderEditor(stage, project)
else if (isSetup(feature.state)) stage.innerHTML = thanks + statusCard(feature, setupEstimate)
else if (feature.state === 'disabled') stage.innerHTML = 'News-Pinnwand ist abgeschaltet
Für diese Website ist die Pinnwand im Moment nicht aktiv. , dann klären wir das.
@@ -269,14 +283,14 @@ function renderBooking(stage, project, { setupEstimate, consentText, thanks }) {
Beiträge jederzeit selbst schreiben, ändern und abnehmen
Nutzung danach kostenlos, kein Abo
-
${PRICE} einmalig, inklusive Mehrwertsteuer
+
${esc(offer.price)} einmalig, inklusive Mehrwertsteuer
${setupEstimate ? `
Einrichtung: ${esc(setupEstimate)}
` : ''}
Leistungsbeschreibung
-
+
' } } })
+ assert.doesNotMatch(bose, /![]()
{
+ calls.push({ url: String(url), method: opts?.method, body: opts?.body ? JSON.parse(opts.body) : undefined })
+ if (String(url) === '/api/funktionen/news/checkout') return { ok: true, status: 200, json: async () => ({ url: 'https://checkout.example.test/s1' }) }
+ return { ok: true, status: 200, json: async () => antwort }
+ }
+ const stage = fakeStage()
+ const root = fakeEl()
+ root.querySelector = (sel) => (sel === '#news-stage' ? stage : null)
+ try {
+ await initNews(root, { projectId: 'p1' })
+ // Haken setzen und bestellen
+ const box = stage.els['#news-consent']
+ box.checked = true
+ box.handlers.change()
+ const button = stage.els['#news-order']
+ const knopfAktiv = button.disabled === false
+ await button.handlers.click()
+ return { stage, calls, knopfAktiv, href: globalThis.window.location.href }
+ } finally {
+ delete globalThis.window
+ }
+}
+
+test('News-Buchungsseite: Preis, Knopf und Zustimmungstext aus features.news, sendet weiter consent: true', async () => {
+ const register = { priceLabel: '31 €', consent: { version: 'v', knopf: 'Jetzt kaufen · 31 €', items: [{ id: 'beginn', text: 'Registertext der Zustimmung', haken: true }] } }
+ const { stage, calls, knopfAktiv, href } = await renderBuchung({
+ projects: [freiesProjekt],
+ setupEstimate: 'meist innerhalb von 1–2 Wochen',
+ consentText: 'Alter Text',
+ features: { news: register },
+ })
+ assert.match(stage.innerHTML, /31 €<\/strong>/)
+ assert.match(stage.innerHTML, /inklusive Mehrwertsteuer/, 'der Wortlaut bleibt bis Block F')
+ assert.match(stage.innerHTML, /id="news-order" disabled>Jetzt kaufen · 31 € c.url === '/api/funktionen/news/checkout')
+ assert.equal(bestellung.length, 1)
+ assert.equal(bestellung[0].method, 'POST')
+ assert.deepEqual(bestellung[0].body, { projectId: 'p1', consent: true })
+ assert.equal(href, 'https://checkout.example.test/s1')
+})
+
+test('News-Buchungsseite: Rückfall ohne features ⇒ 30 €, Standardknopf, consentText der Antwort', async () => {
+ const { stage, calls } = await renderBuchung({ projects: [freiesProjekt], setupEstimate: '', consentText: 'Alter Text' })
+ assert.match(stage.innerHTML, /30 €<\/strong>/)
+ assert.match(stage.innerHTML, /id="news-order" disabled>Zahlungspflichtig bestellen · 30 € c.url === '/api/funktionen/news/checkout').body, { projectId: 'p1', consent: true })
+})
+
+test('News-Buchungsseite: Preis ohne Knopftext ⇒ Standardknopf mit Registerpreis, Knopftext kommt maskiert', async () => {
+ const nurPreis = await renderBuchung({ projects: [freiesProjekt], consentText: 'Alter Text', features: { news: { priceLabel: '31 €' } } })
+ assert.match(nurPreis.stage.innerHTML, /id="news-order" disabled>Zahlungspflichtig bestellen · 31 €', items: [] } } } })
+ assert.doesNotMatch(bose.stage.innerHTML, /![]()
{
+ assert.match(src, /request\('\/api\/funktionen\/news\/checkout',\s*\{[^}]*body:\s*\{[^}]*consent: true/)
+})
+
// ---- Terminplaner-Kachel: nur mit Schalter (termine.verfuegbar), Zustand je Projekt aus features.termine
const withTermine = (id, state) => ({ projectId: id, projectName: `P ${id}`, liveUrl: '', features: { news, termine: { state } } })
const noAnalyse = { comingSoon: true }