diff --git a/public/admin.html b/public/admin.html
index 5cf8cd0..45f486a 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -38,6 +38,7 @@
.mini-btn { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); color: inherit;
padding: 5px 11px; border-radius: 8px; cursor: pointer; font-size: 13px; white-space: nowrap; }
.mini-btn:hover { background: rgba(255,255,255,0.14); }
+ a.mini-btn { display: inline-flex; align-items: center; text-decoration: none; }
.mini-btn.primary { background: rgba(94,234,212,0.16); border-color: rgba(94,234,212,0.5); }
.code-input { width: 100%; min-width: 60px; max-width: 90px; padding: 4px 8px; border-radius: 7px; border: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.06); color: inherit; font: inherit; font-size: 13px; }
diff --git a/public/admin.js b/public/admin.js
index c702c4e..e08df62 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -41,6 +41,10 @@ function fmtEuro(value) {
return Number(value || 0).toLocaleString('de-DE', { style: 'currency', currency: 'EUR' })
}
+function isLead(customer) {
+ return String(customer.customerStatus || '').toLowerCase() === 'lead'
+}
+
function stagePill(status) {
const s = String(status || '').toLowerCase()
if (s === 'lead') return 'Lead'
@@ -233,7 +237,10 @@ async function loadCustomers(search = '') {
| ${c.projectCount} |
-
+ ${isLead(c) ? ` Rechnungsanalyse` : ''}
+
Ihr Projekt
+
+ 0 €
+ netto · 0 € brutto inkl. 19 % MwSt.
+
+
+ Aufwand
+ 0,00 Std
+ Stundensatz 150 €/Std
+
+
+ Monatlich
+ –
+ nichts Laufendes gewählt
+
+
+ Zahlung
+ Noch nichts gewählt
+ Kreuze an, was der Kunde braucht.
+
+ Noch offen. Sobald etwas gewählt ist, steht hier, ob du selbst abschließen kannst.
+
+
+
+
+
+
+
+
+ Worum geht es?
+ Bereiche antippen — nur die ausgewählten werden unten angezeigt.
+
+
+
+
+
+
+
+ Noch kein Bereich gewählt
+ Tippe oben an, worum es geht — dann erscheinen hier die Positionen.
+ Termin
+ Gespräch festlegen
+ Nur wenn gewünscht: Mit wem, wann — und worum es geht. Der Termin hängt an der Zusammenfassung.
+
+
+
+
+
+
+
+
+
+ Freie Tage
+
+
+
+
+
+
+
+
+
+
+ Noch kein Termin. Wähle einen Tag und eine Uhrzeit — beides landet in der Zusammenfassung.
+
+
+
+
+
+
+
+
+
+
+ 
+
+ Kundenportal
+ Code scannen und einloggen
+ Im Portal sieht der Kunde den Stand des Projekts, alle Dateien und die Rechnungen —
+ project.webklar.com
+
+
+
+
+
+
+ Zusammenfassung
+
+
+
+
+
+
+
+ ${on ? '✓' : ''}
+
+ ${escapeHtml(item.n)}
+ ${item.d ? `${escapeHtml(item.d)}` : ''}
+ ${escapeHtml(itemHours(cat, item))}
+ ${item.q ? `
+
+
+
+ ` : ''}
+
+ `
+}
+
+function renderSections() {
+ const visible = CATS.filter((cat) => state.types[cat.id])
+ el('empty-hint').hidden = visible.length > 0
+ el('sections').innerHTML = visible.map((cat) => `
+
+
+ ${escapeHtml(cat.name)}
+ ${cat.kenso ? 'Kenso gibt frei' : 'darfst du selbst'}
+
+ ${escapeHtml(cat.hint)}
+ ${cat.groups.map((grp) => `
+ ${escapeHtml(grp.g)}
+ ${grp.items.map((item) => renderItem(cat, item)).join('')}
+ `).join('')}
+ `).join('')
+}
+
+function renderChosen(t) {
+ el('chosen-panel').hidden = t.sel.length === 0
+ el('chosen-label').textContent = `Ausgewählt (${t.sel.length})`
+ el('chosen-list').innerHTML = t.sel.map((x) => {
+ const value = x.cat.monthly
+ ? (x.item.ask ? 'n. Last' : `${eur(x.m)}/M`)
+ : `${fmt(x.h)} Std`
+ return `${escapeHtml(x.item.n)}${x.q > 1 ? ` ×${x.q}` : ''}${escapeHtml(value)}`
+ }).join('')
+}
+
+function renderTermin() {
+ el('termin-body').hidden = !state.wantTermin
+ document.querySelectorAll('#want-seg button').forEach((btn) => {
+ btn.classList.toggle('on', (btn.dataset.want === '1') === state.wantTermin)
+ })
+ if (!state.wantTermin) return
+
+ el('person-list').innerHTML = Object.keys(PEOPLE).map((id) => {
+ const p = PEOPLE[id]
+ const on = state.person === id
+ return ``
+ }).join('')
+
+ const days = terminDays()
+ el('days-label').textContent = `Freie Tage — ${PEOPLE[state.person].name}`
+ el('day-list').innerHTML = days.map((d) => {
+ const free = d.slots.length
+ const on = state.day === d.key && free > 0
+ return ``
+ }).join('')
+
+ const day = selectedDay()
+ el('slot-wrap').hidden = !day
+ if (day) {
+ el('slots-label').textContent = `Uhrzeit am ${longDay(day.date)}`
+ el('slot-list').innerHTML = day.slots.map((s) => {
+ const on = state.slot === s
+ return ``
+ }).join('')
+ }
+
+ renderTermStatus()
+}
+
+function renderTermStatus() {
+ const box = el('term-status')
+ const line = terminLine()
+ if (line) {
+ box.className = 'term-status fixed'
+ box.innerHTML = `Termin steht: ${escapeHtml(line)}${state.termNote ? ` — Thema: ${escapeHtml(state.termNote)}` : ''}`
+ } else {
+ box.className = 'term-status'
+ box.innerHTML = 'Noch kein Termin. Wähle einen Tag und eine Uhrzeit — beides landet in der Zusammenfassung.'
+ }
+}
+
+function render() {
+ const t = totals()
+ renderNumbers(t)
+ renderTypeChips(t)
+ renderSections()
+ renderChosen(t)
+ renderTermin()
+ saveState()
+}
+
+/* --------------------------------------------------------------- Aktionen --- */
+function toggleItem(id) {
+ if (!ITEM_BY_ID[id]) return
+ state.sel[id] = !state.sel[id]
+ render()
+}
+
+function changeQty(id, delta) {
+ state.qty[id] = Math.max(1, (state.qty[id] || 1) + delta)
+ if (!state.sel[id]) state.sel[id] = true
+ render()
+}
+
+function setQty(id, value) {
+ const n = Math.max(1, parseInt(value, 10) || 1)
+ state.qty[id] = n
+ render()
+}
+
+function openSummary() {
+ el('summary-text').value = summaryText()
+ el('summary-dialog').hidden = false
+}
+
+function closeSummary() {
+ el('summary-dialog').hidden = true
+}
+
+async function copySummary(btn) {
+ const text = el('summary-text').value
+ let ok = false
+ try {
+ await navigator.clipboard.writeText(text)
+ ok = true
+ } catch {
+ // Fallback fuer Browser ohne Clipboard-API bzw. ohne HTTPS-Kontext
+ const area = el('summary-text')
+ area.removeAttribute('readonly')
+ area.select()
+ ok = document.execCommand('copy')
+ area.setAttribute('readonly', '')
+ }
+ btn.textContent = ok ? 'Kopiert ✓' : 'Bitte manuell markieren'
+ setTimeout(() => { btn.textContent = 'Kopieren' }, 2200)
+}
+
+function resetSelection() {
+ if (!confirm('Alle angekreuzten Positionen zurücksetzen? Notizen und Termin bleiben erhalten.')) return
+ state.sel = {}
+ state.qty = {}
+ render()
+}
+
+/* ------------------------------------------------------------------- Init --- */
+function bindEvents() {
+ document.addEventListener('click', (event) => {
+ const target = event.target.closest('[data-act]')
+ if (!target) return
+ const act = target.dataset.act
+
+ // Klicks auf die Anzahl-Steuerung treffen zuerst deren eigenes data-act,
+ // schalten die Karte also nicht mit um.
+ switch (act) {
+ case 'toggle-type':
+ state.types[target.dataset.id] = !state.types[target.dataset.id]
+ render()
+ break
+ case 'toggle-item':
+ toggleItem(target.dataset.id)
+ break
+ case 'qty':
+ changeQty(target.dataset.id, Number(target.dataset.delta))
+ break
+ case 'want':
+ state.wantTermin = target.dataset.want === '1'
+ render()
+ break
+ case 'person':
+ state.person = target.dataset.id
+ state.day = ''
+ state.slot = ''
+ render()
+ break
+ case 'day':
+ state.day = target.dataset.key
+ state.slot = ''
+ render()
+ break
+ case 'slot':
+ state.slot = target.dataset.t
+ render()
+ break
+ case 'open-summary': openSummary(); break
+ case 'close-summary': closeSummary(); break
+ case 'copy': copySummary(target); break
+ case 'reset': resetSelection(); break
+ default: break
+ }
+ })
+
+ document.addEventListener('change', (event) => {
+ const input = event.target.closest('[data-act="qty-set"]')
+ if (!input) return
+ setQty(input.dataset.id, input.value)
+ })
+
+ // Karten sind divs mit role=button -> Tastatur nachruesten.
+ // Im Anzahl-Feld und auf den +/- Buttons darf das nicht greifen.
+ document.addEventListener('keydown', (event) => {
+ if (event.key !== 'Enter' && event.key !== ' ') return
+ if (event.target.closest('input, textarea, button')) return
+ const card = event.target.closest('[data-act="toggle-item"]')
+ if (!card) return
+ event.preventDefault()
+ toggleItem(card.dataset.id)
+ })
+
+ el('term-note').addEventListener('input', (event) => {
+ state.termNote = event.target.value
+ renderTermStatus()
+ saveState()
+ })
+ el('notes').addEventListener('input', (event) => {
+ state.notes = event.target.value
+ saveState()
+ })
+ el('portal-email').addEventListener('input', (event) => {
+ state.portalEmail = event.target.value
+ saveState()
+ })
+ el('portal-pass').addEventListener('input', (event) => {
+ state.portalPass = event.target.value
+ saveState()
+ })
+
+ el('summary-dialog').addEventListener('click', (event) => {
+ if (event.target === el('summary-dialog')) closeSummary()
+ })
+ document.addEventListener('keydown', (event) => {
+ if (event.key === 'Escape' && !el('summary-dialog').hidden) closeSummary()
+ })
+}
+
+async function initKalkulation() {
+ try {
+ const me = await api('/api/auth/me')
+ if (!me.authenticated || me.role !== 'admin') {
+ window.location.href = '/login.html'
+ return
+ }
+ } catch {
+ window.location.href = '/login.html'
+ return
+ }
+
+ const customerId = new URLSearchParams(window.location.search).get('customer') || ''
+ if (customerId) {
+ storageKey = `wk-kalkulation:${customerId}`
+ try {
+ const data = await api(`/api/portal-admin/customers/${encodeURIComponent(customerId)}`)
+ customer = data.customer
+ } catch (err) {
+ console.warn('Kunde konnte nicht geladen werden:', err.message)
+ }
+ }
+
+ restoreState()
+
+ if (customer) {
+ const parts = [customer.name, customer.location].filter(Boolean)
+ el('kal-lead').innerHTML =
+ `Lead: ${escapeHtml(parts.join(' · '))}`
+ el('hero-kicker').textContent = `Angebot für ${customer.name}`
+ if (!state.portalEmail) state.portalEmail = customer.email || ''
+ }
+
+ el('term-note').value = state.termNote
+ el('notes').value = state.notes
+ el('portal-email').value = state.portalEmail
+ el('portal-pass').value = state.portalPass
+
+ bindEvents()
+ render()
+}
+
+window.initKalkulation = initKalkulation
diff --git a/server/routes/portalAdmin.js b/server/routes/portalAdmin.js
index 0fcc2c3..a5aee9b 100644
--- a/server/routes/portalAdmin.js
+++ b/server/routes/portalAdmin.js
@@ -185,6 +185,28 @@ router.get('/customers', async (req, res) => {
}
})
+// --------------------------------------------- Einzelner Kunde (Stammdaten) --
+// Fuer die Rechnungsanalyse (kalkulation.html), die den Lead vorbefuellt.
+router.get('/customers/:customerId', async (req, res) => {
+ try {
+ const customer = await getDocument(config.collections.customers, req.params.customerId)
+ return res.json({
+ customer: {
+ id: customer.$id,
+ code: customer.code || '',
+ name: customer.name || '',
+ email: customer.email || '',
+ phone: customer.phone || '',
+ location: customer.location || '',
+ customerStatus: customer.customerStatus || '',
+ },
+ })
+ } catch (err) {
+ const status = err.status || 500
+ return res.status(status).json({ error: err.message || 'Kunde konnte nicht geladen werden' })
+ }
+})
+
// ------------------------------------------- Kundennummer/Stammdaten pflegen --
router.patch('/customers/:customerId', async (req, res) => {
const { code, location, phone } = req.body || {}
|