Template-Name *

Template-Text *

Verfügbare Platzhalter:

Schadenfall:

                            {{schadenfall.schadennummer}}

                            {{schadenfall.versicherungsnehmer}}

                            {{schadenfall.schadenart}}

                            {{schadenfall.schadendatum}}

                            {{schadenfall.schadenort}}

Statistik:

                            {{stats.betroffene_bodenflaeche}}

                            {{stats.betroffene_wandflaeche}}

                            {{stats.betroffene_deckenflaeche}}

                            {{meta.anzahl_raeume}}

                            {{meta.datum}}

Räume (Loop):

                            {{#each raeume}}

                              {{name}}, {{typ}}, {{flaeche}}

                              {{betr_boden_prozent}}, {{betr_wand_prozent}}

                              {{betr_boden_flaeche}}, {{betr_wand_flaeche}}

                              {{path.gebaeude}}, {{path.etage}}, {{path.wohnung}}

                              {{wand_konstruktion}}, {{boden_konstruktion}}

                              {{boden_belaege.belag_1_material}}

                              {{boden_belaege.belag_2_material}}

                            {{/each}}

Ausstattung (Loop in Raum):

                            {{#each raeume}}

                              {{#each ausstattung}}

                                {{element}}, {{bestand}}, {{betroffen}}

                              {{/each}}

                            {{/each}}

Maßnahmen (Loop):

                            {{#each massnahmen_grouped}}

                              {{raum_name}}, {{raum_typ}}

                              {{#each massnahmen}}

                                {{typ}}, {{art}}, {{dauer_tage}}

                              {{/each}}

                            {{/each}}

Conditionals:

                            {{#if gebaeude_schaeden}}

                              Text wenn vorhanden

                            {{/if}}

Template-Name *

Template-Typ *

Aufgaben-Titel *

Aufgaben-Beschreibung *

Verfügbare Platzhalter:

Schadenfall:

                            {{schadenfall.schadennummer}}

                            {{schadenfall.versicherungsnehmer}}

                            {{schadenfall.schadenart}}

                            {{schadenfall.schadendatum}}

                            {{schadenfall.schadenort}}

Statistik:

                            {{stats.betroffene_bodenflaeche}}

                            {{stats.betroffene_wandflaeche}}

                            {{stats.betroffene_deckenflaeche}}

                            {{stats.gesamt_flaeche}}

                            {{meta.anzahl_raeume}}

                            {{meta.datum}}

Räume (Loop):

                            {{#each raeume}}

                              {{name}}, {{typ}}, {{flaeche}}

                              {{betr_boden_prozent}}, {{betr_wand_prozent}}

                              {{betr_boden_flaeche}}, {{betr_wand_flaeche}}

                              {{path.gebaeude}}, {{path.etage}}, {{path.wohnung}}

                              {{wand_konstruktion}}, {{boden_konstruktion}}

                              {{boden_belaege.belag_1_material}}

                              {{boden_belaege.belag_2_material}}

                            {{/each}}

Maßnahmen (Loop):

                            {{#each massnahmen_grouped}}

                              {{raum_name}}, {{raum_typ}}

                              {{#each massnahmen}}

                                {{typ}}, {{art}}, {{dauer_tage}}

                              {{/each}}

                            {{/each}}

Conditionals:

                            {{#if gebaeude_schaeden}}

                              Text wenn vorhanden

                            {{/if}}

, ) const extractBody = (html) => { const bodyMatch = html.match(/]*>([\s\S]*)<\/body>/i); return bodyMatch ? bodyMatch[1] : html; }; // Extrahiere Body-Inhalte const schaedenBody = extractBody(schaedenHtml); const massnahmenBody = extractBody(massnahmenHtml); const mengenBody = extractBody(mengenHtml); const kostenBody = extractBody(kostenHtml); console.log('[ReportGenerator] Body-Inhalte extrahiert:', { schaeden: schaedenBody.length, massnahmen: massnahmenBody.length, mengen: mengenBody.length, kosten: kostenBody.length }); // Kombiniere alle 4 Berichte mit COLLAPSIBLE Sections const combinedBody = `

📋 1. Was ist beschädigt? ▼

${schaedenBody}

🔧 2. Erforderliche Maßnahmen ▼

${massnahmenBody}

📐 3. Mengen & Massen ▼

${mengenBody}

💰 4. Kostenschätzung ▼

${kostenBody}

`; // Erstelle Gesamt-HTML mit gemeinsamem Header const gesamtHtml = ` Gesamtbericht - ${schadenfall.schadennummer || 'Schadenfall'} `; console.log('[ReportGenerator] Gesamtbericht erfolgreich generiert, Länge:', gesamtHtml.length); return gesamtHtml; }, /** * Lädt Template aus Settings oder verwendet Standard-Template */ async getTemplate(name) { // Versuche, Custom-Template aus Settings zu laden const customTemplate = await getSetting(`report_template_${name}`); if (customTemplate) { console.log('[ReportGenerator.getTemplate] Using CUSTOM template for:', name); console.log('[ReportGenerator.getTemplate] Custom template length:', customTemplate.length); return customTemplate; } // Sonst Standard-Template verwenden console.log('[ReportGenerator.getTemplate] Using DEFAULT template for:', name); return this.getDefaultTemplate(name); }, /** * Standard-Templates */ getDefaultTemplate(name) { const templates = { 'schaeden': this.getSchaedenTemplate(), 'mengen': this.getMengenTemplate(), 'kosten': this.getKostenTemplate(), 'massnahmen': this.getMassnahmenTemplate(), 'gesamt': this.getGesamtTemplate() }; return templates[name] || templates['schaeden']; }, /** * Template: Was ist beschädigt (Schadenbeschreibung) * Zeigt detaillierte Bauteil-Aufschlüsselung pro Raum * OHNE Berechnungsformeln - nur Endergebnisse */ getSchaedenTemplate() { return ` Was ist beschädigt - {{schadenfall.schadennummer}}

🔧 Was ist beschädigt

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Versicherung: {{schadenfall.versicherung}}

Status: {{schadenfall.status}}

Schadenart: {{schadenfall.schadenart}}

Ursachen: {{schadenfall.schadenursachen_liste}}

Schadendatum: {{schadenfall.schadendatum}}

Schadenort: {{schadenfall.schadenort}}

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Zusammenfassung: Schadenbilder nach Typ und Stärke

Diese Tabelle zeigt die Anzahl aller betroffenen Bauteile und Ausstattungsgegenstände, gruppiert nach Schadentyp und Schadenstärke.

Schadentyp	Stärke	Bauteil-Typ	Anzahl	Bestand / Betroffen
{{schadenbild_typ}}	{{staerke}}	{{bauteil_typ}}	{{anzahl_bauteile}}	{{anzahl_bauteile}}× in {{anzahl_raeume}} Räumen → {{gesamt_menge}} {{einheit}}

Detaillierte Bauteil-Aufschlüsselung

{{name}} {{#if path.gebaeude}} ({{path.gebaeude}} → {{path.etage}} → {{path.wohnung}}) {{/if}}

Raumfläche: {{flaeche}} m² | Raumhöhe: {{hoehe}} m

🧱 Wände ({{betr_wand_flaeche}} m² betroffen insgesamt)

In diesem Raum sind folgende Wände vom Schaden betroffen:

{{typ}} "{{bezeichnung}}"

📏 Bestand: {{flaeche}} m² | Betroffen: {{betroffenheit}}% ({{calc_betroffen_flaeche}} m²)
🔨 Konstruktion: {{konstruktion}}
🚪 Angrenzung: Nachbarwand zu {{angrenzung_raum}}
🚪 Angrenzung: {{angrenzung_typ}}
🎨 Beläge:
- {{typ}}: {{prozent}}%
⚠️ Schadenbilder:
- {{typ}} ({{staerke}})

🟫 Böden

📏 Bestand: {{flaeche}} m² | Betroffen: {{betr_boden_flaeche}} m² ({{calc_boden_prozent}}%)

Betroffener Zustand:

🎨 Belag 1: {{raum_original.boeden.betroffen.belag_1_material}} — Betroffen: {{raum_original.boeden.betroffen.belag_1_flaeche}} m²
🎨 Belag 2: {{raum_original.boeden.betroffen.belag_2_material}} — Betroffen: {{raum_original.boeden.betroffen.belag_2_flaeche}} m²
🔨 Konstruktion: {{raum_original.boeden.betroffen.konstruktion}}

⚠️ Schadenbilder:

{{typ}} ({{staerke}})

Konstruktion: {{boden_konstruktion}}

Beläge:

{{typ}}: {{flaeche}} m²

⬜ Decken

📏 Bestand: {{flaeche}} m² | Betroffen: {{betr_decke_flaeche}} m² ({{calc_decke_prozent}}%)

Betroffener Zustand:

🎨 Hauptdecke: {{raum_original.decken.betroffen.decke_1_material}} — Betroffen: {{raum_original.decken.betroffen.decke_1_flaeche}} m²
🎨 Abgehängte Decke: {{raum_original.decken.betroffen.decke_2_material}} — Betroffen: {{raum_original.decken.betroffen.decke_2_flaeche}} m²
🔨 Konstruktion: {{raum_original.decken.betroffen.konstruktion}}

⚠️ Schadenbilder:

{{typ}} ({{staerke}})

Deckenfläche entspricht Bodenfläche

📏 Sockelleisten

📏 Bestand: {{umfang}} m | Betroffen: {{betr_sockel_meter}} m ({{calc_sockel_prozent}}%)

🔧 Ausstattung (betroffen)

{{element}}: Bestand: {{gesamt}} Stk. | Betroffen: {{betroffen}} Stk. ({{calc_ausstattung_prozent}}%)

⚠️ Schadenbilder:

{{typ}} ({{staerke}}) — 🔧 {{ausstattung_referenz.gegenstand}}: Bestand: {{ausstattung_referenz.gesamt}} Stk. | Betroffen: {{ausstattung_referenz.betroffen}} Stk.

💡 Notizen:

Keine Räume erfasst

{{/unless}} `; }, /** * Template: Mengen & Massen Übersicht */ /** * Template: Mengen- und Massenbericht (Schadenaufnahme) */ getMengenTemplate() { return ` Mengen- und Massenbericht - {{schadenfall.schadennummer}}

📐 Mengen- und Massenbericht

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Schadenart: {{schadenfall.schadenart}}

Schadenort: {{schadenfall.schadenort}}

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Zusammenfassung: Schadenbilder nach Typ und Stärke

Bauteil-Typ	Schadenbild-Typ	Stärke	Anzahl Bauteile	Anzahl Räume	Gesamtfläche/Länge
{{bauteil_typ}}	{{schadenbild_typ}}	{{staerke}}	{{anzahl_bauteile}}	{{anzahl_raeume}}	{{gesamt_menge}} {{einheit}}

Gesamtübersicht Mengen

Anzahl Räume: {{stats.anzahl_raeume}}

Betroffene Bodenfläche: {{stats.betroffene_bodenflaeche}} m²

Betroffene Wandfläche: {{stats.betroffene_wandflaeche}} m²

Betroffene Deckenfläche: {{stats.betroffene_deckenflaeche}} m²

Betroffene Sockelleisten: {{stats.betroffene_sockelleisten}} m

Raumdetails mit betroffenen Bauteilen

🏢 {{name}}

🏠 {{etage}} → {{name}}

🏢 {{path.gebaeude}} → {{path.etage}} → {{path.wohnung}} → {{name}}

📏 Raum-Grunddaten

Fläche: {{flaeche}} m²

Höhe: {{hoehe}} m

Umfang: {{umfang}} m

Volumen: {{volumen}} m³

🧱 Betroffene Wände ({{betr_wand_flaeche}} m²)

{{bezeichnung}} ({{position}})

Fläche: {{flaeche}} m² {{#if material}} | Material: {{material}} {{/if}} {{#if belag}} | Belag: {{belag}} {{/if}}

🔍 Schadenbilder:

• {{typ}} ({{staerke}}) {{#if beschreibung}} - {{beschreibung}} {{/if}}

🟫 Betroffene Böden ({{betr_boden_flaeche}} m²)

Fläche: {{flaeche}} m²

🔲 Betroffene Decken ({{betr_decke_flaeche}} m²)

Fläche: {{flaeche}} m²

📏 Betroffene Sockelleisten ({{betr_sockel_meter}} m)

Länge: {{betr_sockel_meter}} m

🔧 Betroffene Ausstattung

{{element}}: {{betroffen}} von {{bestand}} Stück betroffen ({{kosten}} €)

📊 Summe Raum

Wände: {{betr_wand_flaeche}} m²

Böden: {{betr_boden_flaeche}} m²

Decken: {{betr_decke_flaeche}} m²

Sockel: {{betr_sockel_meter}} m

📊 Summe Wohnung: {{name}} ({{etage}})

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; }, /** * Template: Kostenschätzung */ getKostenTemplate() { return ` Kostenschätzung - {{schadenfall.schadennummer}}

💰 Kostenschätzung

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Versicherung: {{schadenfall.versicherung}}

Status: {{schadenfall.status}}

Schadenart: {{schadenfall.schadenart}}

Ursachen: {{schadenfall.schadenursachen_liste}}

Schadendatum: {{schadenfall.schadendatum}}

Schadenort: {{schadenfall.schadenort}}

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Zusammenfassung: Maßnahmen nach Typ und Art

Diese Tabelle zeigt alle erforderlichen Maßnahmen, gruppiert nach Maßnahmentyp und -art, mit berechneten Mengen und Preisen.

Maßnahmentyp	Maßnahmenart	Menge	Einheit	Einzelpreis	Gesamtpreis	Status
{{typ}}	{{art}}	{{bezugswert}}	{{bezugsgroesse_text}}	{{schaetzpreis}} €	{{gesamtpreis}} €	{{status}}

Detaillierte Maßnahmen-Aufschlüsselung

{{name}} {{#if path.gebaeude}} ({{path.gebaeude}} → {{path.etage}} → {{path.wohnung}}) {{/if}}

Raumfläche: {{flaeche}} m² | Raumhöhe: {{hoehe}} m

🔧 {{typ}} - {{art}}{{#if trocknungsart}} ({{trocknungsart}}){{/if}}

Im Raum {{../name}} {{#if ausstattung_referenz}} wird am Ausstattungsgegenstand "{{ausstattung_referenz.gegenstand}}" ({{ausstattung_referenz.anzahl}}× vorhanden{{#if ausstattung_referenz.details}}, {{ausstattung_referenz.details}}{{/if}}) {{/if}} {{#if betroffene_bauteile}} {{#if betroffene_bauteile.waende}} {{#each betroffene_bauteile.waende}} {{#if ../../../ausstattung_referenz}}und {{/if}}wird an der {{typ}} "{{bezeichnung}}"{{#if material}} (Material: {{material}}){{/if}}{{#if angrenzung_raum}} (Nachbarwand zu {{angrenzung_raum}}){{else}}{{#if angrenzung_typ}} ({{angrenzung_typ}}){{/if}}{{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.boeden}} {{#each betroffene_bauteile.boeden}} {{#if ../../../ausstattung_referenz}}und {{/if}}wird am Boden{{#if material}} mit {{material}}{{/if}} ({{flaeche}} m²) {{/each}} {{/if}} {{#if betroffene_bauteile.decken}} {{#each betroffene_bauteile.decken}} {{#if ../../../ausstattung_referenz}}und {{/if}}wird an der Decke{{#if material}} mit {{material}}{{/if}} ({{flaeche}} m²) {{/each}} {{/if}} {{#if betroffene_bauteile.sockelleisten}} {{#each betroffene_bauteile.sockelleisten}} {{#if ../../../ausstattung_referenz}}und {{/if}}wird an den Sockelleisten ({{meter}} m) {{/each}} {{/if}} {{else}} {{#if ausstattung_referenz}} {{else}} wird im gesamten Raum ({{../flaeche}} m²) {{/if}} {{/if}} {{typ}} - {{art}}{{#if trocknungsart}} (Trocknungsart: {{trocknungsart}}){{/if}} in einer Menge von ca. {{bezugswert}} {{bezugsgroesse_text}} notwendig.

⏱️ Dauer: {{dauer_tage}} Tage

💰 Einheitspreis: {{schaetzpreis}} € / {{einheit}}

× {{bezugswert}}

= {{gesamtpreis}} €

💡 Notizen:

Status: {{status}}

💰 Zwischensumme {{name}}: {{massnahmen_kosten}} €

💰 Gesamtsumme aller Maßnahmen: {{massnahmen_gesamt}} €

📊 Kostenzusammenfassung nach Gewerken

🔧 {{typ}}

{{art}} ({{anzahl}}× in {{raeume_anzahl}} Räumen)

{{kosten}} €

{{#each raeume}} {{raum_name}}: {{bezugswert}} {{bezugsgroesse_text}} × {{schaetzpreis}} € = {{gesamtpreis}} € {{/each}}

Summe {{typ}}: {{gesamt_kosten}} €

💰 GESAMTSUMME ALLER GEWERKE

{{massnahmen_gesamt}} €

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; }, /** * Template: Erforderliche Maßnahmen (erweitert) */ getMassnahmenTemplate() { return ` Erforderliche Maßnahmen - {{schadenfall.schadennummer}}

🛠️ Erforderliche Maßnahmen

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Versicherung: {{schadenfall.versicherung}}

Status: {{schadenfall.status}}

Schadenart: {{schadenfall.schadenart}}

Ursachen: {{schadenfall.schadenursachen_liste}}

Schadendatum: {{schadenfall.schadendatum}}

Schadenort: {{schadenfall.schadenort}}

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Zusammenfassung: Maßnahmen nach Typ und Art

Diese Tabelle zeigt alle erforderlichen Maßnahmen, gruppiert nach Maßnahmentyp und -art, mit berechneten Mengen und Preisen.

Maßnahmentyp	Maßnahmenart	Menge	Einheit	Einzelpreis	Gesamtpreis	Status
{{typ}}	{{art}}	{{bezugswert}}	{{bezugsgroesse_text}}	{{schaetzpreis}} €	{{gesamtpreis}} €	{{status}}

Detaillierte Maßnahmen-Aufschlüsselung

{{name}} {{#if path.gebaeude}} ({{path.gebaeude}} → {{path.etage}} → {{path.wohnung}}) {{/if}}

Raumfläche: {{flaeche}} m² | Raumhöhe: {{hoehe}} m

🔧 {{typ}} - {{art}}{{#if trocknungsart}} ({{trocknungsart}}){{/if}}

⏱️ Dauer: {{dauer_tage}} Tage

💰 Einheitspreis: {{schaetzpreis}} € / {{einheit}}

× {{bezugswert}}

= {{gesamtpreis}} €

💡 Notizen:

Status: {{status}}

💰 Zwischensumme {{name}}: {{massnahmen_kosten}} €

💰 Gesamtsumme aller Maßnahmen: {{massnahmen_gesamt}} €

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; }, /** * Template: Mengen- und Massenbericht (Schadenaufnahme) */ getMengenTemplate() { return ` Mengen- und Massenbericht - {{schadenfall.schadennummer}}

📐 Mengen- und Massenbericht

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Schadenart: {{schadenfall.schadenart}}

Schadenort: {{schadenfall.schadenort}}

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Zusammenfassung: Schadenbilder nach Typ und Stärke

Bauteil-Typ	Schadenbild-Typ	Stärke	Anzahl Bauteile	Anzahl Räume	Gesamtfläche/Länge
{{bauteil_typ}}	{{schadenbild_typ}}	{{staerke}}	{{anzahl_bauteile}}	{{anzahl_raeume}}	{{gesamt_menge}} {{einheit}}

Gesamtübersicht Mengen

Anzahl Räume: {{stats.anzahl_raeume}}

Betroffene Bodenfläche: {{stats.betroffene_bodenflaeche}} m²

Betroffene Wandfläche: {{stats.betroffene_wandflaeche}} m²

Betroffene Deckenfläche: {{stats.betroffene_deckenflaeche}} m²

Betroffene Sockelleisten: {{stats.betroffene_sockelleisten}} m

Raumdetails mit betroffenen Bauteilen

🏢 {{name}}

🏠 {{etage}} → {{name}}

🏢 {{path.gebaeude}} → {{path.etage}} → {{path.wohnung}} → {{name}}

📏 Raum-Grunddaten

Fläche: {{flaeche}} m²

Höhe: {{hoehe}} m

Umfang: {{umfang}} m

Volumen: {{volumen}} m³

🧱 Betroffene Wände ({{betr_wand_flaeche}} m²)

{{bezeichnung}} ({{position}})

Fläche: {{flaeche}} m² {{#if material}} | Material: {{material}} {{/if}} {{#if belag}} | Belag: {{belag}} {{/if}}

🔍 Schadenbilder:

• {{typ}} ({{staerke}}) {{#if beschreibung}} - {{beschreibung}} {{/if}}

🟫 Betroffene Böden ({{betr_boden_flaeche}} m²)

Fläche: {{flaeche}} m²

🔲 Betroffene Decken ({{betr_decke_flaeche}} m²)

Fläche: {{flaeche}} m²

📏 Betroffene Sockelleisten ({{betr_sockel_meter}} m)

Länge: {{betr_sockel_meter}} m

🔧 Betroffene Ausstattung

{{element}}: {{betroffen}} von {{bestand}} Stück betroffen ({{kosten}} €)

📊 Summe Raum

Wände: {{betr_wand_flaeche}} m²

Böden: {{betr_boden_flaeche}} m²

Decken: {{betr_decke_flaeche}} m²

Sockel: {{betr_sockel_meter}} m

📊 Summe Wohnung: {{name}} ({{etage}})

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; }, /** * Template: Kostenschätzung */ getKostenTemplate() { return ` Kostenschätzung - {{schadenfall.schadennummer}}

💰 Kostenschätzung

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Versicherung: {{schadenfall.versicherung}}

Status: {{schadenfall.status}}

Schadenart: {{schadenfall.schadenart}}

Ursachen: {{schadenfall.schadenursachen_liste}}

Schadendatum: {{schadenfall.schadendatum}}

Schadenort: {{schadenfall.schadenort}}

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Zusammenfassung: Maßnahmen nach Typ und Art

Diese Tabelle zeigt alle erforderlichen Maßnahmen, gruppiert nach Maßnahmentyp und -art, mit berechneten Mengen und Preisen.

Maßnahmentyp	Maßnahmenart	Menge	Einheit	Einzelpreis	Gesamtpreis	Status
{{typ}}	{{art}}	{{bezugswert}}	{{bezugsgroesse_text}}	{{schaetzpreis}} €	{{gesamtpreis}} €	{{status}}

Detaillierte Maßnahmen-Aufschlüsselung

{{name}} {{#if path.gebaeude}} ({{path.gebaeude}} → {{path.etage}} → {{path.wohnung}}) {{/if}}

Raumfläche: {{flaeche}} m² | Raumhöhe: {{hoehe}} m

🔧 {{typ}} - {{art}}{{#if trocknungsart}} ({{trocknungsart}}){{/if}}

⏱️ Dauer: {{dauer_tage}} Tage

💰 Einheitspreis: {{schaetzpreis}} € / {{einheit}}

× {{bezugswert}}

= {{gesamtpreis}} €

💡 Notizen:

Status: {{status}}

💰 Zwischensumme {{name}}: {{massnahmen_kosten}} €

💰 Gesamtsumme aller Maßnahmen: {{massnahmen_gesamt}} €

📊 Kostenzusammenfassung nach Gewerken

🔧 {{typ}}

{{art}} ({{anzahl}}× in {{raeume_anzahl}} Räumen)

{{kosten}} €

{{#each raeume}} {{raum_name}}: {{bezugswert}} {{bezugsgroesse_text}} × {{schaetzpreis}} € = {{gesamtpreis}} € {{/each}}

Summe {{typ}}: {{gesamt_kosten}} €

💰 GESAMTSUMME ALLER GEWERKE

{{massnahmen_gesamt}} €

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; }, /** * Template: Erforderliche Maßnahmen (erweitert) */ getMassnahmenTemplate() { return ` Erforderliche Maßnahmen {{schadenfall.schadennummer}}

🛠️ Erforderliche Maßnahmen

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Versicherung: {{schadenfall.versicherung}}

Status: {{schadenfall.status}}

Schadenart: {{schadenfall.schadenart}}

Ursachen: {{schadenfall.schadenursachen_liste}}

Schadendatum: {{schadenfall.schadendatum}}

Schadenort: {{schadenfall.schadenort}}

💰 Schadensumme: {{schadenfall.schadensumme}} €

💰 Schadenreserve: {{schadenfall.schadenreserve}} €

📅 Auftragserteilung: {{schadenfall.datum_auftragserteilung}}

📅 Anlage: {{schadenfall.datum_anlage}}

📅 Schließung: {{schadenfall.datum_schliessung}}

👔 Versicherungsmakler: {{schadenfall.versicherungsmakler}}

👤 Sachbearbeiter: {{schadenfall.sachbearbeiter.name}}

📞 Tel: {{schadenfall.sachbearbeiter.tel}}

✉️ Email: {{schadenfall.sachbearbeiter.email}}

📞 Telefon VN: {{schadenfall.tel_vn}}

📁 Nextcloud: Ordner öffnen

ℹ️ Info 1:

ℹ️ Info 2:

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

Gebäude-Schäden (Dach/Fassade/Treppe)

Gebäude	Kategorie	Beschreibung	Betroffenheit	Maßnahmen
{{gebaeude}}	{{schaden.kategorie}}	{{schaden.beschreibung}}	{{schaden.betroffenheit_flaeche}} m² ({{schaden.betroffenheit_prozent}}%)	{{schaden.massnahmen.length}} Maßnahme(n)

Maßnahmen nach Räumen (mit Bauteilen & Mengen)

📍 Raum: {{path.gebaeude}} → {{path.etage}} → {{path.wohnung}} → {{name}}

Im Raum {{../name}} ({{../path.wohnung}}, {{../path.gebaeude}}) {{#if ausstattung_referenz}} sind am Ausstattungsgegenstand {{ausstattung_referenz.gegenstand}} ({{ausstattung_referenz.anzahl}}×{{#if ausstattung_referenz.details}}, {{ausstattung_referenz.details}}{{/if}}) {{/if}} {{#if betroffene_bauteile}} {{#if betroffene_bauteile.waende}} {{#each betroffene_bauteile.waende}} {{#if ../../../ausstattung_referenz}}und {{/if}}sind an der Wand "{{bezeichnung}}"{{#if material}} ({{material}}){{/if}}{{#if angrenzung_raum}} (Nachbarwand zu {{angrenzung_raum}}){{else}}{{#if angrenzung_typ}} ({{angrenzung_typ}}){{/if}}{{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.boeden}} {{#each betroffene_bauteile.boeden}} {{#if ../../../ausstattung_referenz}}und {{/if}}sind am Boden "{{bezeichnung}}"{{#if material}} ({{material}}){{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.decken}} {{#each betroffene_bauteile.decken}} {{#if ../../../ausstattung_referenz}}und {{/if}}sind an der Decke "{{bezeichnung}}"{{#if material}} ({{material}}){{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.sockelleisten}} {{#each betroffene_bauteile.sockelleisten}} {{#if ../../../ausstattung_referenz}}und {{/if}}sind an den Sockelleisten ({{meter}} m) {{/each}} {{/if}} {{else}} {{#if ausstattung_referenz}} {{else}} sind im gesamten Raum ({{../flaeche}} m²) {{/if}} {{/if}} {{typ}} - {{art}} in einer Menge von ca. {{bezugswert}} {{bezugsgroesse_text}} notwendig.

Trocknungsart: {{trocknungsart}}

Dauer: {{dauer_tage}} Tage

Status: {{status}}

Bezugswert: {{bezugswert}} {{bezugsgroesse_text}}

Einheitspreis: {{schaetzpreis}} {{einheit}}

× {{bezugswert}}

= {{gesamtpreis}} €

💡 Notizen:

Zwischensumme Raum: {{massnahmen_kosten}} €

📊 Zusammenfassung nach Maßnahmentyp

{{typ}} - {{art}}

Anzahl Vorkommen:
{{anzahl}}×

Gesamtfläche:
{{gesamt_flaeche}} m²

Gesamtlänge:
{{gesamt_meter}} m

Gesamtanzahl:
{{gesamt_stueck}} Stk.

📍 Betroffene Räume:

{{raum_name}} {{#if menge}} - {{menge}} {{einheit}} {{/if}} {{#if bauteile}}
- {{this}}
{{/if}}

Gesamtkosten für diese Maßnahme:

{{gesamtkosten}} €

💰 GESAMTSUMME ALLER MASSNAHMEN

{{massnahmen_gesamtkosten}} €

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; }, /** * Template: Gesamtbericht (kombiniert alle 3) */ getGesamtTemplate() { // ⚠️ HINWEIS: Diese Funktion wird NICHT MEHR verwendet für Standard-Gesamtberichte! // Stattdessen nutzt generate() die Methode generateGesamtbericht(), // die alle 4 Einzelberichte kombiniert (Single Source of Truth). // // Diese Template-Funktion bleibt NUR für Custom-Templates erhalten, // falls User manuell ein eigenes Gesamt-Template speichert. return ` Gesamtbericht {{schadenfall.schadennummer}}

Gesamtbericht Schadendokumentation

📋 Schadenfall-Informationen

Schadennummer: {{schadenfall.schadennummer}}

VN: {{schadenfall.versicherungsnehmer}}

Versicherung: {{schadenfall.versicherung}}

Status: {{schadenfall.status}}

Schadenart: {{schadenfall.schadenart}}

Ursachen: {{schadenfall.schadenursachen_liste}}

Schadendatum: {{schadenfall.schadendatum}}

Schadenort: {{schadenfall.schadenort}}

💰 Schadensumme: {{schadenfall.schadensumme}} €

💰 Schadenreserve: {{schadenfall.schadenreserve}} €

📅 Auftragserteilung: {{schadenfall.datum_auftragserteilung}}

📅 Anlage: {{schadenfall.datum_anlage}}

📅 Schließung: {{schadenfall.datum_schliessung}}

👔 Versicherungsmakler: {{schadenfall.versicherungsmakler}}

👤 Sachbearbeiter: {{schadenfall.sachbearbeiter.name}}

📞 Tel: {{schadenfall.sachbearbeiter.tel}}

✉️ Email: {{schadenfall.sachbearbeiter.email}}

📞 Telefon VN: {{schadenfall.tel_vn}}

📁 Nextcloud: Ordner öffnen

ℹ️ Info 1:

ℹ️ Info 2:

Berichtsdatum: {{meta.berichtsdatum}} {{meta.berichtszeit}}

📑 Inhaltsverzeichnis

1. Was ist beschädigt 2. Erforderliche Maßnahmen 3. Mengen & Massen 4. Kostenschätzung {{#if includeVermerke}}5. Vermerke{{/if}} {{#if includeKontakte}}6. Kontakte{{/if}} {{#if includeAufgaben}}7. Aufgaben{{/if}} {{#if includeChecklisten}}8. Checklisten{{/if}}

1. 🔧 Was ist beschädigt

Detaillierte Aufschlüsselung aller beschädigten Bauteile pro Raum.

{{name}} {{#if path.gebaeude}} ({{path.gebaeude}} → {{path.etage}} → {{path.wohnung}}) {{/if}}

Raumfläche: {{flaeche}} m² | Raumhöhe: {{hoehe}} m

🧱 Wände ({{betr_wand_flaeche}} m² betroffen)

Konstruktion: {{wand_konstruktion}}

Beläge:

{{typ}}: {{flaeche}} m² ({{prozent}}%)

🟫 Böden ({{betr_boden_flaeche}} m² betroffen)

Konstruktion: {{boden_konstruktion}}

Beläge:

{{typ}}: {{flaeche}} m²

⬜ Decken ({{betr_decke_flaeche}} m² betroffen)

Deckenfläche entspricht Bodenfläche

📏 Sockelleisten ({{betr_sockel_meter}} m betroffen)

🔧 Ausstattung (betroffen)

{{element}}: Bestand: {{gesamt}} Stk. | Betroffen: {{betroffen}} Stk. ({{calc_ausstattung_prozent}}%)

2. 🛠️ Erforderliche Maßnahmen

Alle erforderlichen Maßnahmen mit Bauteilen, Mengen und Kosten.

{{name}} {{#if path.gebaeude}} ({{path.gebaeude}} → {{path.etage}} → {{path.wohnung}}) {{/if}}

Im Raum {{../name}} ({{../path.wohnung}}, {{../path.gebaeude}}) {{#if ausstattung_referenz}} sind am Ausstattungsgegenstand {{ausstattung_referenz.gegenstand}} ({{ausstattung_referenz.anzahl}}×{{#if ausstattung_referenz.details}}, {{ausstattung_referenz.details}}{{/if}}) {{else}} {{#if betroffene_bauteile}} {{#if betroffene_bauteile.waende}} {{#each betroffene_bauteile.waende}} sind an der Wand "{{bezeichnung}}"{{#if material}} ({{material}}){{/if}}{{#if angrenzung_raum}} (Nachbarwand zu {{angrenzung_raum}}){{else}}{{#if angrenzung_typ}} ({{angrenzung_typ}}){{/if}}{{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.boeden}} {{#each betroffene_bauteile.boeden}} sind am Boden "{{bezeichnung}}"{{#if material}} ({{material}}){{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.decken}} {{#each betroffene_bauteile.decken}} sind an der Decke "{{bezeichnung}}"{{#if material}} ({{material}}){{/if}} mit einer Fläche von {{flaeche}} m² {{/each}} {{/if}} {{#if betroffene_bauteile.sockelleisten}} {{#each betroffene_bauteile.sockelleisten}} sind an den Sockelleisten ({{meter}} m) {{/each}} {{/if}} {{else}} sind an {{#if ../betr_wand_flaeche}}Wand ({{../betr_wand_flaeche}} m²){{/if}}{{#if ../betr_boden_flaeche}}{{#if ../betr_wand_flaeche}}, {{/if}}Boden ({{../betr_boden_flaeche}} m²){{/if}}{{#if ../betr_decke_flaeche}}{{#if ../betr_wand_flaeche}}{{else}}{{#if ../betr_boden_flaeche}}, {{/if}}{{/if}}Decke ({{../betr_decke_flaeche}} m²){{/if}}{{#if ../betr_sockel_meter}}{{#if ../betr_wand_flaeche}}{{else}}{{#if ../betr_boden_flaeche}}{{else}}{{#if ../betr_decke_flaeche}}, {{/if}}{{/if}}{{/if}}Sockelleisten ({{../betr_sockel_meter}} m){{/if}} {{/if}} {{/if}} {{typ}} - {{art}} in einer Menge von ca. {{bezugswert}} {{bezugsgroesse_text}} notwendig.

Trocknungsart: {{trocknungsart}}

Dauer: {{dauer_tage}} Tage

Status: {{status}}

Bezugswert: {{bezugswert}} {{bezugsgroesse_text}}

Einheitspreis: {{schaetzpreis}} {{einheit}}

× {{bezugswert}}

= {{gesamtpreis}} €

Zwischensumme Raum: {{massnahmen_kosten}} €

3. 📐 Mengen & Massen

3.1 Gesamtübersicht

Anzahl Räume: {{stats.anzahl_raeume}}
Anzahl Gebäude-Schäden: {{meta.anzahl_gebaeude_schaeden}}
Gesamtflächen:
  • Bodenfläche: {{stats.gesamt_bodenflaeche}} m²
  • Wandfläche: {{stats.gesamt_wandflaeche}} m²
  • Deckenfläche: {{stats.gesamt_deckenflaeche}} m²
  • Volumen: {{stats.gesamt_volumen}} m³

Betroffene Flächen:
  • Bodenfläche: {{stats.betroffene_bodenflaeche}} m²
  • Wandfläche: {{stats.betroffene_wandflaeche}} m²
  • Deckenfläche: {{stats.betroffene_deckenflaeche}} m²
  • Sockelleisten: {{stats.betroffene_sockelleisten}} m

3.2 Gebäude-Schäden (Dach/Fassade/Treppe)

{{gebaeude}} - {{schaden.kategorie}}

Beschreibung: {{schaden.beschreibung}}

Betroffenheit: {{schaden.betroffenheit_flaeche}} m² ({{schaden.betroffenheit_prozent}}%)

Notizen: {{schaden.notizen}}

3.3 Raumdetails

🏢 {{path.gebaeude}} {{#if gebaeude.bauart}} - {{gebaeude.bauart}} {{/if}}

Baujahr: {{gebaeude.baujahr}}

Wohnfläche: {{gebaeude.wohnflaeche}} m²

Einheiten: {{gebaeude.anzahl_einheiten}}

🏠 Dach: {{gebaeude.dach_deckung_liste}} {{#if gebaeude.dach_flaeche}} - {{gebaeude.dach_flaeche}} m² {{/if}}

🧱 Fassade: {{gebaeude.fassaden_liste}}

🪜 Treppenhaus: {{gebaeude.treppen_liste}}

🔨 Sanierungen: {{gebaeude.sanierung_text}}

📍 Raum: {{path.etage}} → {{path.wohnung}} → {{name}} ({{typ}})

Grunddaten	Wert	Betroffenheit	Wert
Fläche	{{flaeche}} m²	Wände	Bestand: {{wandflaeche_gesamt}} m² \| Betroffen: {{betr_wand_flaeche}} m² ({{betr_wand_prozent}}%)
Höhe	{{hoehe}} m	Boden	Bestand: {{flaeche}} m² \| Betroffen: {{betr_boden_flaeche}} m² ({{calc_boden_prozent}}%)
Umfang	{{umfang}} m	Decke	Bestand: {{flaeche}} m² \| Betroffen: {{betr_decke_flaeche}} m² ({{calc_decke_prozent}}%)
Volumen	{{volumen}} m³	Sockelleisten	Bestand: {{umfang}} m \| Betroffen: {{betr_sockel_meter}} m ({{calc_sockel_prozent}}%)

Bodenaufbau (betroffen):
{{#if boden_belaege.belag_1_material}} • Erste Oberfläche: {{boden_belaege.belag_1_material}} ({{boden_belaege.belag_1_flaeche}} m²)
{{#if boden_belaege.belag_2_material}} • Zweite Oberfläche: {{boden_belaege.belag_2_material}} ({{boden_belaege.belag_2_flaeche}} m²)
{{/if}} • Konstruktion: {{boden_konstruktion}}
{{/if}} Wandaufbau (betroffen):
• Fliesen: {{wand_belaege.fliesen_prozent}}% = {{wand_belaege.fliesen_m2}} m²
• Tapete: {{wand_belaege.tapeten_prozent}}% = {{wand_belaege.tapeten_m2}} m²
• Farbe: {{wand_belaege.farbe_prozent}}% = {{wand_belaege.farbe_m2}} m²
• Konstruktion: {{wand_konstruktion}}

4. 💰 Kostenschätzung

4.1 Gebäude-Schäden (Dach/Fassade/Treppe)

{{gebaeude}} - {{schaden.kategorie}}

Beschreibung: {{schaden.beschreibung}}

Betroffenheit: {{schaden.betroffenheit_flaeche}} m² ({{schaden.betroffenheit_prozent}}%)

Maßnahme	Art	Bezug	Preis/Einheit	Gesamt
{{typ}}	{{art}}	{{bezugswert}} {{bezugsgroesse_text}}	{{schaetzpreis}} {{einheit}}	{{gesamtpreis}} €

4.2 Maßnahmen nach Räumen

🏢 {{path.gebaeude}} {{#if gebaeude.bauart}} - {{gebaeude.bauart}} {{/if}}

Baujahr: {{gebaeude.baujahr}}

Wohnfläche: {{gebaeude.wohnflaeche}} m²

Einheiten: {{gebaeude.anzahl_einheiten}}

🏠 Dach: {{gebaeude.dach_deckung_liste}} {{#if gebaeude.dach_flaeche}} - {{gebaeude.dach_flaeche}} m² {{/if}}

🧱 Fassade: {{gebaeude.fassaden_liste}}

🪜 Treppenhaus: {{gebaeude.treppen_liste}}

🔨 Sanierungen: {{gebaeude.sanierung_text}}

📍 Raum: {{path.etage}} → {{path.wohnung}} → {{name}} ({{typ}}) | 📏 {{flaeche}} m²

Maßnahme	Trocknungsart	Bezug	Preis/Einheit	Gesamt
{{typ}} ({{art}})	{{trocknungsart}}	{{bezugswert}} {{bezugsgroesse_text}}	{{schaetzpreis}} {{einheit}}	{{gesamtpreis}} €
Zwischensumme Raum				{{massnahmen_kosten}} €

💰 GESAMTSUMME: {{kosten.gesamt}} €

3. Maßnahmenplan

3.1 Gebäude-Schäden

Gebäude	Kategorie	Beschreibung	Betroffenheit	Maßnahmen
{{gebaeude}}	{{schaden.kategorie}}	{{schaden.beschreibung}}	{{schaden.betroffenheit_flaeche}} m² ({{schaden.betroffenheit_prozent}}%)	{{schaden.massnahmen.length}} Maßnahme(n)

3.2 Raummaßnahmen

🏢 {{path.gebaeude}} {{#if gebaeude.bauart}} - {{gebaeude.bauart}} {{/if}}

Baujahr: {{gebaeude.baujahr}}

Wohnfläche: {{gebaeude.wohnflaeche}} m²

Einheiten: {{gebaeude.anzahl_einheiten}}

🏠 Dach: {{gebaeude.dach_deckung_liste}} {{#if gebaeude.dach_flaeche}} - {{gebaeude.dach_flaeche}} m² {{/if}}

🧱 Fassade: {{gebaeude.fassaden_liste}}

🪜 Treppenhaus: {{gebaeude.treppen_liste}}

🔨 Sanierungen: {{gebaeude.sanierung_text}}

📍 Raum: {{path.etage}} → {{path.wohnung}} → {{name}} ({{typ}})

Maßnahme	Art	Trocknungsart	Status	Dauer (Tage)	Kosten
{{typ}}	{{art}}	{{trocknungsart}}	{{status}}	{{dauer_tage}}	{{gesamtpreis}} €

📝 Vermerke

{{datum}} {{aufwandsart}}

Keine Vermerke vorhanden.

👥 Kontakte

Name	Rolle(n)	Firma	Kontakt
{{name}}	{{rollen_text}}	{{firma}}	{{#if tel}} 📞 {{tel}} {{/if}} {{#if email}} ✉️ {{email}} {{/if}}

Keine Kontakte vorhanden.

✅ Aufgaben

Titel	Typ	Status	Fälligkeit	Zuständig
{{titel}}	{{typ}}	{{status}}	{{faelligkeit}}	{{zustaendig_text}}

Keine Aufgaben vorhanden.

☑️ Checklisten

{{#if erledigt}}✅{{else}}☐{{/if}} {{text}} {{#if meilenstein}}Meilenstein{{/if}}

Keine Checklisten vorhanden.

🏢 Summe Gebäude: {{name}}

Wände

{{summe_waende}} m²

Böden

{{summe_boeden}} m²

Decken

{{summe_decken}} m²

Sockel

{{summe_sockel}} m

{{/each}} `; } }; // ======================================================================== // BERICHT-GENERATOR UI FUNKTIONEN // ======================================================================== /** * Öffnet das Bericht-Generator Modal */ async function openReportGeneratorModal() { if (!currentSchadenfall) { alert('Bitte öffnen Sie erst einen Schadenfall.'); return; } // Gebäude-Dropdown füllen (für Filter) const gebaeudeSelect = document.getElementById('report-filter-gebaeude'); gebaeudeSelect.innerHTML = ''; if (currentSchadenfall.gebaeude) { for (const geb of currentSchadenfall.gebaeude) { const option = document.createElement('option'); option.value = geb.id; option.textContent = geb.name || `Gebäude ${geb.id}`; gebaeudeSelect.appendChild(option); } } // Statistik-Vorschau berechnen updateReportPreview(); // Event-Listener für Template-Typ Änderung document.querySelectorAll('input[name="report-type"]').forEach(radio => { radio.addEventListener('change', toggleOptionalContentSection); }); // Initial: Checkboxen-Sektion verstecken (default ist "mengen") toggleOptionalContentSection(); // Modal öffnen ModalUtils.open('report-generator-modal'); } /** * Zeigt/Versteckt die optionale Content-Sektion je nach gewähltem Template */ function toggleOptionalContentSection() { const selectedType = document.querySelector('input[name="report-type"]:checked')?.value; const section = document.getElementById('optional-content-section'); if (selectedType === 'gesamt') { section.style.display = 'block'; } else { section.style.display = 'none'; } } /** * Schließt das Bericht-Generator Modal */ function closeReportGeneratorModal() { ModalUtils.close('report-generator-modal'); } /** * Toggle Filter-Section */ function toggleReportFilter() { const enabled = document.getElementById('report-filter-enabled').checked; const section = document.getElementById('report-filter-section'); section.style.display = enabled ? 'block' : 'none'; if (enabled) { updateReportPreview(); } } /** * Update Etagen-Dropdown basierend auf Gebäude-Auswahl */ function updateReportFilterEtagen() { const gebaeudeId = document.getElementById('report-filter-gebaeude').value; const etageSelect = document.getElementById('report-filter-etage'); const wohnungSelect = document.getElementById('report-filter-wohnung'); etageSelect.innerHTML = ''; wohnungSelect.innerHTML = ''; if (!gebaeudeId) return; const gebaeude = currentSchadenfall.gebaeude?.find(g => g.id === gebaeudeId); if (gebaeude?.etagen) { for (const etage of gebaeude.etagen) { const option = document.createElement('option'); option.value = etage.id; option.textContent = etage.name || `Etage ${etage.id}`; etageSelect.appendChild(option); } } updateReportPreview(); } /** * Update Wohnungen-Dropdown basierend auf Etagen-Auswahl */ function updateReportFilterWohnungen() { const gebaeudeId = document.getElementById('report-filter-gebaeude').value; const etageId = document.getElementById('report-filter-etage').value; const wohnungSelect = document.getElementById('report-filter-wohnung'); wohnungSelect.innerHTML = ''; if (!gebaeudeId || !etageId) return; const gebaeude = currentSchadenfall.gebaeude?.find(g => g.id === gebaeudeId); const etage = gebaeude?.etagen?.find(e => e.id === etageId); if (etage?.wohnungen) { for (const whg of etage.wohnungen) { const option = document.createElement('option'); option.value = whg.id; option.textContent = whg.name || `Wohnung ${whg.id}`; wohnungSelect.appendChild(option); } } updateReportPreview(); } /** * Update Vorschau-Statistik */ async function updateReportPreview() { const filterEnabled = document.getElementById('report-filter-enabled')?.checked; let filter = {}; if (filterEnabled) { filter = { gebaeude: document.getElementById('report-filter-gebaeude')?.value || null, etage: document.getElementById('report-filter-etage')?.value || null, wohnung: document.getElementById('report-filter-wohnung')?.value || null }; } // Daten vorbereiten const data = await ReportGenerator.prepareData(currentSchadenfall, { filter }); // Statistik anzeigen const statsDiv = document.getElementById('report-stats'); if (statsDiv) { statsDiv.innerHTML = ` ${data.meta.anzahl_raeume} Räume
${data.stats.gesamt_bodenflaeche.toFixed(1)} m² Bodenfläche gesamt
${data.stats.betroffene_bodenflaeche.toFixed(1)} m² Bodenfläche betroffen
${data.kosten.massnahmen_gesamt.toFixed(2)} € Geschätzte Maßnahmenkosten `; } } // ======================================================================== // EXPORT-FUNKTIONEN (Markdown, Excel, Word, PDF) // ======================================================================== /** * Konvertiert Bericht-Daten zu Markdown-Format */ function exportAsMarkdown(data, type) { let md = ''; // Header const titles = { 'schaeden': '🔧 Was ist beschädigt', 'massnahmen': '🛠️ Erforderliche Maßnahmen', 'mengen': '📐 Mengen & Massen', 'kosten': '💰 Kostenschätzung', 'gesamt': '📊 Gesamtbericht' }; md += `# ${titles[type] || 'Bericht'}\n\n`; md += `**Schadenfall:** ${data.schadenfall.schadennummer}\n`; md += `**Versicherungsnehmer:** ${data.schadenfall.versicherungsnehmer}\n`; md += `**Schadenart:** ${data.schadenfall.schadenart}\n`; md += `**Erstellt:** ${data.meta.berichtsdatum} ${data.meta.berichtszeit}\n\n`; // Gesamtübersicht if (type !== 'schaeden') { md += `## Gesamtübersicht\n\n`; md += `- **Anzahl Räume:** ${data.stats.anzahl_raeume}\n`; md += `- **Betroffene Bodenfläche:** ${data.stats.betroffene_bodenflaeche} m²\n`; md += `- **Betroffene Wandfläche:** ${data.stats.betroffene_wandflaeche} m²\n`; md += `- **Betroffene Deckenfläche:** ${data.stats.betroffene_deckenflaeche} m²\n\n`; } // Was ist beschädigt if (type === 'schaeden') { md += `## Detaillierte Bauteil-Aufschlüsselung\n\n`; data.raeume.forEach((raum, idx) => { md += `### ${idx + 1}. ${raum.name}\n`; md += `**Ort:** ${raum.path.gebaeude} → ${raum.path.etage} → ${raum.path.wohnung}\n`; md += `**Raumfläche:** ${raum.flaeche} m² | **Raumhöhe:** ${raum.hoehe} m\n\n`; // Wände if (raum.betr_wand_flaeche > 0) { md += `#### 🧱 Wände\n**Bestand:** ${raum.wandflaeche_gesamt} m² | **Betroffen:** ${raum.betr_wand_flaeche} m² (${raum.betr_wand_prozent}%)\n`; if (raum.wand_konstruktion) md += `**Konstruktion:** ${raum.wand_konstruktion}\n`; if (raum.wand_belaege && raum.wand_belaege.length > 0) { md += `**Beläge:**\n`; raum.wand_belaege.forEach(b => { md += `- ${b.typ}: ${b.flaeche} m² (${b.prozent}%)\n`; }); } md += `\n`; } // Böden if (raum.betr_boden_flaeche > 0) { md += `#### 🟫 Böden\n**Bestand:** ${raum.flaeche} m² | **Betroffen:** ${raum.betr_boden_flaeche} m² (${raum.calc_boden_prozent}%)\n`; if (raum.boden_konstruktion) md += `**Konstruktion:** ${raum.boden_konstruktion}\n`; if (raum.boden_belaege && raum.boden_belaege.length > 0) { md += `**Beläge:**\n`; raum.boden_belaege.forEach(b => { md += `- ${b.typ}: ${b.flaeche} m²\n`; }); } md += `\n`; } // Decken if (raum.betr_decke_flaeche > 0) { md += `#### ⬜ Decken\n**Bestand:** ${raum.flaeche} m² | **Betroffen:** ${raum.betr_decke_flaeche} m² (${raum.calc_decke_prozent}%)\n`; md += `*Deckenfläche entspricht Bodenfläche*\n\n`; } // Sockelleisten if (raum.betr_sockel_meter > 0) { md += `#### 📏 Sockelleisten\n**Bestand:** ${raum.umfang} m | **Betroffen:** ${raum.betr_sockel_meter} m (${raum.calc_sockel_prozent}%)\n\n`; } // Ausstattung if (raum.ausstattung && raum.ausstattung.length > 0) { const betroffen = raum.ausstattung.filter(a => a.betroffen > 0); if (betroffen.length > 0) { md += `#### 🔧 Ausstattung (betroffen)\n`; betroffen.forEach(a => { md += `- ${a.element}: **Bestand:** ${a.gesamt} Stk. | **Betroffen:** ${a.betroffen} Stk. (${a.calc_ausstattung_prozent}%)\n`; }); md += `\n`; } } // Notizen if (raum.notizen) { md += `💡 **Notizen:** ${raum.notizen}\n\n`; } md += `---\n\n`; }); } // Räume if (type === 'mengen' || type === 'gesamt') { md += `## Räume im Detail\n\n`; data.raeume.forEach((raum, idx) => { md += `### ${idx + 1}. ${raum.path.gebaeude} → ${raum.path.etage} → ${raum.path.wohnung} → ${raum.name} (${raum.typ})\n\n`; // Grunddaten Tabelle md += `| Grunddaten | Wert | Betroffenheit | Wert |\n`; md += `|------------|------|---------------|------|\n`; md += `| Fläche | ${raum.flaeche} m² | Wände | **Bestand:** ${raum.wandflaeche_gesamt} m² \\| **Betroffen:** ${raum.betr_wand_flaeche} m² (${raum.betr_wand_prozent}%) |\n`; md += `| Höhe | ${raum.hoehe} m | Boden | **Bestand:** ${raum.flaeche} m² \\| **Betroffen:** ${raum.betr_boden_flaeche} m² (${raum.calc_boden_prozent}%) |\n`; md += `| Umfang | ${raum.umfang} m | Decke | **Bestand:** ${raum.flaeche} m² \\| **Betroffen:** ${raum.betr_decke_flaeche} m² (${raum.calc_decke_prozent}%) |\n`; md += `| Volumen | ${raum.volumen} m³ | Sockelleisten | **Bestand:** ${raum.umfang} m \\| **Betroffen:** ${raum.betr_sockel_meter} m (${raum.calc_sockel_prozent}%) |\n\n`; // Bodenaufbau if (raum.boden_belaege?.belag_1_material) { md += `**Bodenaufbau (betroffen):**\n`; md += `- Erste Oberfläche: ${raum.boden_belaege.belag_1_material} (${raum.boden_belaege.belag_1_flaeche} m²)\n`; if (raum.boden_belaege.belag_2_material) { md += `- Zweite Oberfläche: ${raum.boden_belaege.belag_2_material} (${raum.boden_belaege.belag_2_flaeche} m²)\n`; } md += `- Konstruktion: ${raum.boden_konstruktion}\n\n`; } // Wandaufbau md += `**Wandaufbau (betroffen):**\n`; md += `- Fliesen: ${raum.wand_belaege.fliesen_prozent}% = ${raum.wand_belaege.fliesen_m2} m²\n`; md += `- Tapete: ${raum.wand_belaege.tapeten_prozent}% = ${raum.wand_belaege.tapeten_m2} m²\n`; md += `- Farbe: ${raum.wand_belaege.farbe_prozent}% = ${raum.wand_belaege.farbe_m2} m²\n`; md += `- Konstruktion: ${raum.wand_konstruktion}\n\n`; }); } // Kosten if (type === 'kosten' || type === 'gesamt') { md += `## Kostenschätzung\n\n`; data.raeume.forEach((raum, idx) => { if (raum.massnahmen?.length > 0) { md += `### ${raum.path.gebaeude} → ${raum.name}\n\n`; md += `| Maßnahme | Trocknungsart | Bezug | Preis/Einheit | Gesamt |\n`; md += `|----------|---------------|-------|---------------|--------|\n`; raum.massnahmen.forEach(m => { md += `| ${m.typ} (${m.art}) | ${m.trocknungsart} | ${m.bezugswert} ${m.bezugsgroesse_text} | ${m.schaetzpreis} ${m.einheit} | **${m.gesamtpreis} €** |\n`; }); md += `| | | | **Zwischensumme Raum** | **${raum.massnahmen_kosten} €** |\n\n`; } }); md += `### 💰 GESAMTSUMME: ${data.kosten.gesamt} €\n\n`; } // Maßnahmenplan if (type === 'massnahmen' || type === 'gesamt') { md += `## Maßnahmenplan\n\n`; md += `| Raum | Typ | Art | Trocknungsart | Bezug | Kosten |\n`; md += `|------|-----|-----|---------------|-------|--------|\n`; data.raeume.forEach(raum => { raum.massnahmen.forEach(m => { md += `| ${raum.path.gebaeude} → ${raum.name} | ${m.typ} | ${m.art} | ${m.trocknungsart} | ${m.bezugswert} ${m.bezugsgroesse_text} | ${m.gesamtpreis} € |\n`; }); }); md += `\n`; } return md; } /** * Konvertiert Bericht-Daten zu Excel-Format (SheetJS) */ function exportAsExcel(data, type) { const wb = XLSX.utils.book_new(); // Sheet 1: Übersicht const uebersicht = [ ['Schadenfall', data.schadenfall.schadennummer], ['Versicherungsnehmer', data.schadenfall.versicherungsnehmer], ['Schadenart', data.schadenfall.schadenart], ['Erstellt', data.created], [], ['Anzahl Räume', data.stats.anzahl_raeume], ['Betroffene Bodenfläche', data.stats.betroffene_bodenflaeche + ' m²'], ['Betroffene Wandfläche', data.stats.betroffene_wandflaeche + ' m²'], ['Betroffene Deckenfläche', data.stats.betroffene_deckenflaeche + ' m²'] ]; const ws1 = XLSX.utils.aoa_to_sheet(uebersicht); XLSX.utils.book_append_sheet(wb, ws1, 'Übersicht'); // Sheet 2: Mengen (wenn Mengen oder Gesamt) if (type === 'mengen' || type === 'gesamt') { const mengenData = [['Gebäude', 'Etage', 'Wohnung', 'Raum', 'Typ', 'Fläche (m²)', 'Höhe (m)', 'Umfang (m)', 'Volumen (m³)', 'Wand Bestand (m²)', 'Wand betroffen (%)', 'Wand betroffen (m²)', 'Boden Bestand (m²)', 'Boden betroffen (%)', 'Boden betroffen (m²)', 'Decke Bestand (m²)', 'Decke betroffen (%)', 'Decke betroffen (m²)', 'Sockel Bestand (m)', 'Sockel betroffen (%)', 'Sockel betroffen (m)']]; data.raeume.forEach(r => { mengenData.push([ r.path.gebaeude, r.path.etage, r.path.wohnung, r.name, r.typ, r.flaeche, r.hoehe, r.umfang, r.volumen, r.wandflaeche_gesamt, // NEU: Wand Bestand r.betr_wand_prozent, r.betr_wand_flaeche, r.flaeche, // NEU: Boden Bestand (= Raumfläche) r.betr_boden_prozent, r.betr_boden_flaeche, r.flaeche, // NEU: Decke Bestand (= Raumfläche) r.betr_decke_prozent, r.betr_decke_flaeche, r.umfang, // NEU: Sockel Bestand (= Raumumfang) r.betr_sockel_prozent, r.betr_sockel_meter ]); }); const ws2 = XLSX.utils.aoa_to_sheet(mengenData); XLSX.utils.book_append_sheet(wb, ws2, 'Mengen'); } // Sheet 3: Kosten (wenn Kosten oder Gesamt) if (type === 'kosten' || type === 'gesamt') { const kostenData = [['Gebäude', 'Raum', 'Maßnahme Typ', 'Art', 'Trocknungsart', 'Bezugswert', 'Bezugsgröße', 'Preis/Einheit (€)', 'Einheit', 'Gesamtpreis (€)']]; data.raeume.forEach(r => { r.massnahmen.forEach(m => { kostenData.push([ r.path.gebaeude, r.name, m.typ, m.art, m.trocknungsart, m.bezugswert, m.bezugsgroesse_text, m.schaetzpreis, m.einheit, m.gesamtpreis ]); }); }); kostenData.push([], ['GESAMTSUMME', '', '', '', '', '', '', '', '', data.kosten.gesamt + ' €']); const ws3 = XLSX.utils.aoa_to_sheet(kostenData); XLSX.utils.book_append_sheet(wb, ws3, 'Kosten'); } // Sheet 4: Maßnahmen (wenn Maßnahmen oder Gesamt) if (type === 'massnahmen' || type === 'gesamt') { const massnahmenData = [['Gebäude', 'Etage', 'Wohnung', 'Raum', 'Typ', 'Art', 'Trocknungsart', 'Bezugswert', 'Bezugsgröße', 'Kosten (€)']]; data.raeume.forEach(r => { r.massnahmen.forEach(m => { massnahmenData.push([ r.path.gebaeude, r.path.etage, r.path.wohnung, r.name, m.typ, m.art, m.trocknungsart, m.bezugswert, m.bezugsgroesse_text, m.gesamtpreis ]); }); }); const ws4 = XLSX.utils.aoa_to_sheet(massnahmenData); XLSX.utils.book_append_sheet(wb, ws4, 'Maßnahmen'); } return wb; } /** * Generiert den Bericht */ async function generateReport() { if (!currentSchadenfall) { alert('Kein Schadenfall geöffnet.'); return; } try { // Hole Optionen const type = document.querySelector('input[name="report-type"]:checked')?.value || 'mengen'; const format = document.getElementById('report-format-select')?.value || 'html'; const filterEnabled = document.getElementById('report-filter-enabled')?.checked; let filter = {}; if (filterEnabled) { const gebaeudeId = document.getElementById('report-filter-gebaeude')?.value; const etageId = document.getElementById('report-filter-etage')?.value; const wohnungId = document.getElementById('report-filter-wohnung')?.value; if (gebaeudeId) filter.gebaeude = gebaeudeId; if (etageId) filter.etage = etageId; if (wohnungId) filter.wohnung = wohnungId; } // Hole optionale Content-Flags (nur für 'gesamt' Template relevant) const includeVermerke = document.getElementById('include-vermerke')?.checked !== false; const includeKontakte = document.getElementById('include-kontakte')?.checked !== false; const includeAufgaben = document.getElementById('include-aufgaben')?.checked !== false; const includeChecklisten = document.getElementById('include-checklisten')?.checked !== false; // Dateiname für Downloads const schadennummer = currentSchadenfall.schadennummer || 'Bericht'; const datum = new Date().toISOString().slice(0, 10); const filename = `${schadennummer}-${type}-${datum}`; // Bericht generieren showToast('Bericht wird generiert...', 'info'); // Export je nach Format if (format === 'html') { // HTML im Browser öffnen const html = await ReportGenerator.generate(currentSchadenfall, type, { filter, includeVermerke, includeKontakte, includeAufgaben, includeChecklisten }); const win = window.open('', '_blank'); win.document.write(html); win.document.close(); showToast('Bericht im neuen Fenster geöffnet', 'success'); } else if (format === 'html-download') { // HTML-Datei downloaden const html = await ReportGenerator.generate(currentSchadenfall, type, { filter, includeVermerke, includeKontakte, includeAufgaben, includeChecklisten }); const blob = new Blob([html], { type: 'text/html;charset=utf-8' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `${filename}.html`; a.click(); URL.revokeObjectURL(url); showToast('HTML-Bericht heruntergeladen', 'success'); } else if (format === 'md') { // Markdown Export const data = await ReportGenerator.prepareData(currentSchadenfall, { filter, includeVermerke, includeKontakte, includeAufgaben, includeChecklisten }); const markdown = exportAsMarkdown(data, type); const blob = new Blob([markdown], { type: 'text/markdown;charset=utf-8' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `${filename}.md`; a.click(); URL.revokeObjectURL(url); showToast('Markdown-Bericht heruntergeladen', 'success'); } else if (format === 'docx') { // Word Export (html-docx-js) const html = await ReportGenerator.generate(currentSchadenfall, type, { filter, includeVermerke, includeKontakte, includeAufgaben, includeChecklisten }); // Konvertiere HTML zu DOCX const converted = htmlDocx.asBlob(html); const url = URL.createObjectURL(converted); const a = document.createElement('a'); a.href = url; a.download = `${filename}.docx`; a.click(); URL.revokeObjectURL(url); showToast('Word-Bericht heruntergeladen', 'success'); } else if (format === 'xlsx') { // Excel Export (SheetJS) const data = await ReportGenerator.prepareData(currentSchadenfall, { filter, includeVermerke, includeKontakte, includeAufgaben, includeChecklisten }); const workbook = exportAsExcel(data, type); XLSX.writeFile(workbook, `${filename}.xlsx`); showToast('Excel-Bericht heruntergeladen', 'success'); } else if (format === 'pdf') { // PDF Export (via Browser-Druck) const html = await ReportGenerator.generate(currentSchadenfall, type, { filter, includeVermerke, includeKontakte, includeAufgaben, includeChecklisten }); const win = window.open('', '_blank'); win.document.write(html); win.document.close(); // Warte kurz, dann öffne Druck-Dialog setTimeout(() => { win.print(); }, 500); showToast('Bericht geöffnet - verwenden Sie Strg+P oder "Drucken" um als PDF zu speichern', 'info'); } closeReportGeneratorModal(); } catch (error) { console.error('Fehler beim Generieren des Berichts:', error); alert('Fehler beim Generieren des Berichts: ' + error.message); } } // ======================================================================== // GEBÄUDE-VERWALTUNG (CRUD) // ======================================================================== // ======================================================================== // GEBÄUDE-MODAL FUNKTIONEN // ======================================================================== let currentGebaeudeEditContext = null; /** * Öffnet das Gebäude-Modal für Add oder Edit */ async function openGebaeudeModal(mode, gebIdx = null) { if (!currentSchadenfall) return; currentGebaeudeEditContext = { mode, gebIdx }; // Modal-Titel setzen document.getElementById('gebaeude-modal-title').textContent = mode === 'add' ? 'Neues Gebäude hinzufügen' : 'Gebäude bearbeiten'; // Dropdowns füllen const bauarten = await getSetting('bauarten_master') || []; const fassaden = await getSetting('fassadenarten_master') || []; const dachDeckung = await getSetting('dachdeckungsarten_master') || []; const dachEntwaesserung = await getSetting('dachentwaesserung_master') || []; const treppen = await getSetting('treppenarten_master') || []; const sanierungsmassnahmen = await getSetting('sanierungsmassnahmen_master') || []; // Bauart (Single) document.getElementById('gebaeude-bauart').innerHTML = '' + bauarten.map(b => ``).join(''); // Fassaden (Multi) document.getElementById('gebaeude-fassaden').innerHTML = fassaden.map(f => ``).join(''); // Dachdeckung (Multi) document.getElementById('gebaeude-dach-deckung').innerHTML = dachDeckung.map(d => ``).join(''); // Dachentwässerung (Single) document.getElementById('gebaeude-dach-entwaesserung').innerHTML = '' + dachEntwaesserung.map(d => ``).join(''); // Treppen (Multi) document.getElementById('gebaeude-treppen').innerHTML = treppen.map(t => ``).join(''); // Sanierungsmaßnahmen (Multi) document.getElementById('sanierung-massnahme-input').innerHTML = sanierungsmassnahmen.map(s => ``).join(''); // Felder füllen (bei Edit) if (mode === 'edit' && gebIdx !== null) { const geb = currentSchadenfall.gebaeude[gebIdx]; if (geb) { document.getElementById('gebaeude-name').value = geb.name || ''; document.getElementById('gebaeude-baujahr').value = geb.baujahr || ''; document.getElementById('gebaeude-wohnflaeche').value = geb.wohnflaeche || ''; document.getElementById('gebaeude-bauart').value = geb.bauart || ''; document.getElementById('gebaeude-dach-entwaesserung').value = geb.dach_entwaesserung || ''; document.getElementById('gebaeude-dach-neigung').value = geb.dach_neigung || ''; document.getElementById('gebaeude-dach-flaeche').value = geb.dach_flaeche || ''; document.getElementById('gebaeude-fassade-flaeche').value = geb.fassade_flaeche || ''; document.getElementById('gebaeude-treppe-grundflaeche').value = geb.treppe_grundflaeche || ''; document.getElementById('gebaeude-treppe-wandflaeche').value = geb.treppe_wandflaeche || ''; document.getElementById('gebaeude-treppe-stufen').value = geb.treppe_stufen || ''; document.getElementById('gebaeude-treppe-podeste').value = geb.treppe_podeste || ''; document.getElementById('gebaeude-anzahl-einheiten').value = geb.anzahl_einheiten || ''; // Sanierungen laden tempSanierungen = geb.sanierungen ? [...geb.sanierungen] : []; renderSanierungen(); // Multi-Select Felder (Migration: String → Array) const fassadenArr = Array.isArray(geb.fassaden) ? geb.fassaden : (geb.fassade ? [geb.fassade] : []); const dachDeckungArr = Array.isArray(geb.dach_deckung) ? geb.dach_deckung : (typeof geb.dach_deckung === 'string' && geb.dach_deckung ? [geb.dach_deckung] : []); const treppenArr = Array.isArray(geb.treppen) ? geb.treppen : (typeof geb.treppen === 'string' && geb.treppen ? [geb.treppen] : []); // Setze selected auf Multi-Select Array.from(document.getElementById('gebaeude-fassaden').options).forEach(opt => { opt.selected = fassadenArr.includes(opt.value); }); Array.from(document.getElementById('gebaeude-dach-deckung').options).forEach(opt => { opt.selected = dachDeckungArr.includes(opt.value); }); Array.from(document.getElementById('gebaeude-treppen').options).forEach(opt => { opt.selected = treppenArr.includes(opt.value); }); } } else { // Felder leeren (bei Add) document.getElementById('gebaeude-name').value = ''; document.getElementById('gebaeude-baujahr').value = ''; document.getElementById('gebaeude-wohnflaeche').value = ''; document.getElementById('gebaeude-bauart').value = ''; document.getElementById('gebaeude-dach-entwaesserung').value = ''; document.getElementById('gebaeude-dach-neigung').value = ''; document.getElementById('gebaeude-dach-flaeche').value = ''; document.getElementById('gebaeude-fassade-flaeche').value = ''; document.getElementById('gebaeude-treppe-grundflaeche').value = ''; document.getElementById('gebaeude-treppe-wandflaeche').value = ''; document.getElementById('gebaeude-treppe-stufen').value = ''; document.getElementById('gebaeude-treppe-podeste').value = ''; document.getElementById('gebaeude-anzahl-einheiten').value = ''; // Sanierungen leeren tempSanierungen = []; renderSanierungen(); Array.from(document.getElementById('gebaeude-fassaden').options).forEach(opt => opt.selected = false); Array.from(document.getElementById('gebaeude-dach-deckung').options).forEach(opt => opt.selected = false); Array.from(document.getElementById('gebaeude-treppen').options).forEach(opt => opt.selected = false); } // Modal öffnen ModalUtils.open('gebaeude-edit-modal'); } /** * Schließt das Gebäude-Modal */ function closeGebaeudeModal() { ModalUtils.close('gebaeude-edit-modal'); currentGebaeudeEditContext = null; } /** * Speichert Gebäude-Daten aus dem Modal */ async function saveGebaeudeModal() { if (!currentGebaeudeEditContext) return; const { mode, gebIdx } = currentGebaeudeEditContext; // Validierung const name = document.getElementById('gebaeude-name').value.trim(); if (!name) { alert('Bitte geben Sie einen Gebäudenamen ein.'); return; } // Daten sammeln const baujahr = document.getElementById('gebaeude-baujahr').value; const wohnflaeche = document.getElementById('gebaeude-wohnflaeche').value; const bauart = document.getElementById('gebaeude-bauart').value; const dach_entwaesserung = document.getElementById('gebaeude-dach-entwaesserung').value; const dach_neigung = document.getElementById('gebaeude-dach-neigung').value; const dach_flaeche = document.getElementById('gebaeude-dach-flaeche').value; const fassade_flaeche = document.getElementById('gebaeude-fassade-flaeche').value; const treppe_grundflaeche = document.getElementById('gebaeude-treppe-grundflaeche').value; const treppe_wandflaeche = document.getElementById('gebaeude-treppe-wandflaeche').value; const treppe_stufen = document.getElementById('gebaeude-treppe-stufen').value; const treppe_podeste = document.getElementById('gebaeude-treppe-podeste').value; const anzahl_einheiten = document.getElementById('gebaeude-anzahl-einheiten').value; // Multi-Select Felder const fassaden = Array.from(document.getElementById('gebaeude-fassaden').selectedOptions).map(opt => opt.value); const dach_deckung = Array.from(document.getElementById('gebaeude-dach-deckung').selectedOptions).map(opt => opt.value); const treppen = Array.from(document.getElementById('gebaeude-treppen').selectedOptions).map(opt => opt.value); if (mode === 'add') { // Neues Gebäude hinzufügen if (!currentSchadenfall.gebaeude) { currentSchadenfall.gebaeude = []; } currentSchadenfall.gebaeude.push({ id: `geb_${Date.now()}`, name: name, baujahr: baujahr ? parseInt(baujahr) : null, bauart: bauart || null, wohnflaeche: wohnflaeche ? parseFloat(wohnflaeche) : null, fassaden: fassaden, fassade_flaeche: fassade_flaeche ? parseFloat(fassade_flaeche) : null, dach_deckung: dach_deckung, dach_entwaesserung: dach_entwaesserung || '', dach_neigung: dach_neigung ? parseFloat(dach_neigung) : null, dach_flaeche: dach_flaeche ? parseFloat(dach_flaeche) : null, treppen: treppen, treppe_grundflaeche: treppe_grundflaeche ? parseFloat(treppe_grundflaeche) : null, treppe_wandflaeche: treppe_wandflaeche ? parseFloat(treppe_wandflaeche) : null, treppe_stufen: treppe_stufen ? parseInt(treppe_stufen) : null, treppe_podeste: treppe_podeste ? parseInt(treppe_podeste) : null, anzahl_einheiten: anzahl_einheiten ? parseInt(anzahl_einheiten) : null, sanierungen: [...tempSanierungen], // Aus temporärer Liste schaeden: [], // NEU: Gebäude-Schäden etagen: [] }); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeGebaeudeModal(); showToast('Gebäude hinzugefügt', 'success'); } else if (mode === 'edit') { // Bestehendes Gebäude aktualisieren const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb) return; currentSchadenfall.gebaeude[gebIdx] = { ...geb, name: name, baujahr: baujahr ? parseInt(baujahr) : null, bauart: bauart || null, wohnflaeche: wohnflaeche ? parseFloat(wohnflaeche) : null, fassaden: fassaden, fassade_flaeche: fassade_flaeche ? parseFloat(fassade_flaeche) : null, dach_deckung: dach_deckung, dach_entwaesserung: dach_entwaesserung || '', dach_neigung: dach_neigung ? parseFloat(dach_neigung) : null, dach_flaeche: dach_flaeche ? parseFloat(dach_flaeche) : null, treppen: treppen, treppe_grundflaeche: treppe_grundflaeche ? parseFloat(treppe_grundflaeche) : null, treppe_wandflaeche: treppe_wandflaeche ? parseFloat(treppe_wandflaeche) : null, treppe_stufen: treppe_stufen ? parseInt(treppe_stufen) : null, treppe_podeste: treppe_podeste ? parseInt(treppe_podeste) : null, anzahl_einheiten: anzahl_einheiten ? parseInt(anzahl_einheiten) : null, sanierungen: [...tempSanierungen] // Aus temporärer Liste }; await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeGebaeudeModal(); showToast('Gebäude aktualisiert', 'success'); } } /** * Fügt ein neues Gebäude hinzu (öffnet Modal) */ async function addGebaeude() { await openGebaeudeModal('add'); } /** * Bearbeitet ein bestehendes Gebäude (öffnet Modal) */ async function editGebaeude(gebIdx) { await openGebaeudeModal('edit', gebIdx); } /** * Löscht ein Gebäude (inkl. aller Etagen, Wohnungen, Räume) */ async function deleteGebaeude(gebIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb) return; if (!confirm(`Gebäude "${geb.name}" wirklich löschen?\n\nAlle Etagen, Wohnungen und Räume werden ebenfalls gelöscht!`)) { return; } currentSchadenfall.gebaeude.splice(gebIdx, 1); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Gebäude gelöscht', 'success'); } // ======================================================================== // GEBÄUDE-SANIERUNGEN VERWALTUNG // ======================================================================== let currentGebaeudeIndex = null; // Temporär für Modal-Kontext let tempSanierungen = []; // Temporäre Liste während Modal offen ist /** * Rendert die Liste der Sanierungen im Modal */ function renderSanierungen() { const container = document.getElementById('gebaeude-sanierungen-list'); if (!container) return; if (tempSanierungen.length === 0) { container.innerHTML = '

Keine Sanierungen erfasst

'; return; } // Sortiere nach Jahr (absteigend) const sorted = [...tempSanierungen].sort((a, b) => b.jahr - a.jahr); container.innerHTML = sorted.map((san, idx) => `

${san.jahr} ${san.massnahme.join(', ')}

`).join(''); } /** * Fügt eine Sanierung zur temporären Liste hinzu */ function addSanierung() { const jahrInput = document.getElementById('sanierung-jahr-input'); const massnahmeSelect = document.getElementById('sanierung-massnahme-input'); const jahr = parseInt(jahrInput.value); const massnahme = Array.from(massnahmeSelect.selectedOptions).map(opt => opt.value); if (!jahr || massnahme.length === 0) { alert('Bitte Jahr und mindestens eine Maßnahme auswählen'); return; } tempSanierungen.push({ jahr, massnahme }); // Inputs leeren jahrInput.value = ''; Array.from(massnahmeSelect.options).forEach(opt => opt.selected = false); renderSanierungen(); } /** * Löscht eine Sanierung aus der temporären Liste */ function deleteSanierung(idx) { tempSanierungen.splice(idx, 1); renderSanierungen(); } // ======================================================================== // GEBÄUDE-SCHÄDEN VERWALTUNG // ======================================================================== let currentGebaeudeSchadenContext = null; function openGebaeudeSchadenModal(mode, gebIdx, schadenIdx = null) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; currentGebaeudeSchadenContext = { mode, gebIdx, schadenIdx }; document.getElementById('gebaeude-schaden-modal-title').textContent = mode === 'add' ? 'Gebäude-Schaden hinzufügen' : 'Gebäude-Schaden bearbeiten'; if (mode === 'edit' && schadenIdx !== null) { const gebaeude = currentSchadenfall.gebaeude[gebIdx]; const schaden = gebaeude.schaeden[schadenIdx]; if (!schaden) return; document.getElementById('gebaeude-schaden-kategorie').value = schaden.kategorie || ''; document.getElementById('gebaeude-schaden-beschreibung').value = schaden.beschreibung || ''; document.getElementById('gebaeude-schaden-prozent').value = schaden.betroffenheit_prozent || ''; document.getElementById('gebaeude-schaden-flaeche').value = schaden.betroffenheit_flaeche || ''; document.getElementById('gebaeude-schaden-notizen').value = schaden.notizen || ''; updateGebaeudeSchadenFlaeche(); } else { document.getElementById('gebaeude-schaden-kategorie').value = ''; document.getElementById('gebaeude-schaden-beschreibung').value = ''; document.getElementById('gebaeude-schaden-prozent').value = ''; document.getElementById('gebaeude-schaden-flaeche').value = ''; document.getElementById('gebaeude-schaden-notizen').value = ''; document.getElementById('gebaeude-schaden-flaeche-vorschlag').textContent = '--'; } ModalUtils.open('gebaeude-schaden-modal'); } function closeGebaeudeSchadenModal() { ModalUtils.close('gebaeude-schaden-modal', null, { onClose: () => { currentGebaeudeSchadenContext = null; } }); } function updateGebaeudeSchadenFlaeche() { if (!currentGebaeudeSchadenContext) return; const { gebIdx } = currentGebaeudeSchadenContext; const gebaeude = currentSchadenfall.gebaeude[gebIdx]; if (!gebaeude) return; const kategorie = document.getElementById('gebaeude-schaden-kategorie').value; let gesamtflaeche = 0; if (kategorie === 'Dach') { gesamtflaeche = gebaeude.dach_flaeche || 0; } else if (kategorie === 'Fassade') { gesamtflaeche = gebaeude.fassade_flaeche || 0; } else if (kategorie === 'Treppe') { gesamtflaeche = gebaeude.treppe_grundflaeche || 0; } document.getElementById('gebaeude-schaden-flaeche-vorschlag').textContent = gesamtflaeche > 0 ? `${gesamtflaeche.toFixed(2)} m²` : '--'; } function calculateGebaeudeSchadenFlaeche() { if (!currentGebaeudeSchadenContext) return; const { gebIdx } = currentGebaeudeSchadenContext; const gebaeude = currentSchadenfall.gebaeude[gebIdx]; if (!gebaeude) return; const kategorie = document.getElementById('gebaeude-schaden-kategorie').value; const prozent = parseFloat(document.getElementById('gebaeude-schaden-prozent').value) || 0; let gesamtflaeche = 0; if (kategorie === 'Dach') { gesamtflaeche = gebaeude.dach_flaeche || 0; } else if (kategorie === 'Fassade') { gesamtflaeche = gebaeude.fassade_flaeche || 0; } else if (kategorie === 'Treppe') { gesamtflaeche = gebaeude.treppe_grundflaeche || 0; } const betroffeneFlaeche = (gesamtflaeche * prozent) / 100; document.getElementById('gebaeude-schaden-flaeche').value = betroffeneFlaeche.toFixed(2); } async function saveGebaeudeSchadenModal() { if (!currentGebaeudeSchadenContext) return; const { mode, gebIdx, schadenIdx } = currentGebaeudeSchadenContext; const gebaeude = currentSchadenfall.gebaeude[gebIdx]; if (!gebaeude) return; const kategorie = document.getElementById('gebaeude-schaden-kategorie').value.trim(); const beschreibung = document.getElementById('gebaeude-schaden-beschreibung').value.trim(); const prozent = parseFloat(document.getElementById('gebaeude-schaden-prozent').value) || 0; const flaeche = parseFloat(document.getElementById('gebaeude-schaden-flaeche').value) || 0; const notizen = document.getElementById('gebaeude-schaden-notizen').value.trim(); if (!kategorie) { alert('Bitte wählen Sie eine Kategorie aus.'); return; } if (!beschreibung) { alert('Bitte geben Sie eine Schadenbeschreibung ein.'); return; } const schadenData = { id: mode === 'add' ? `schaden_${Date.now()}` : gebaeude.schaeden[schadenIdx].id, kategorie, beschreibung, betroffenheit_prozent: prozent, betroffenheit_flaeche: flaeche, notizen, massnahmen: mode === 'add' ? [] : (gebaeude.schaeden[schadenIdx].massnahmen || []) }; if (!gebaeude.schaeden) { gebaeude.schaeden = []; } if (mode === 'add') { gebaeude.schaeden.push(schadenData); showToast('Gebäude-Schaden hinzugefügt', 'success'); } else if (mode === 'edit' && schadenIdx !== null) { gebaeude.schaeden[schadenIdx] = schadenData; showToast('Gebäude-Schaden aktualisiert', 'success'); } await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeGebaeudeSchadenModal(); } async function deleteGebaeudeSchaden(gebIdx, schadenIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const gebaeude = currentSchadenfall.gebaeude[gebIdx]; if (!gebaeude || !gebaeude.schaeden) return; const schaden = gebaeude.schaeden[schadenIdx]; if (!schaden) return; if (!confirm(`Gebäude-Schaden "${schaden.kategorie}: ${schaden.beschreibung}" wirklich löschen?`)) { return; } gebaeude.schaeden.splice(schadenIdx, 1); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Gebäude-Schaden gelöscht', 'success'); } // ======================================================================== // ETAGEN-VERWALTUNG (CRUD) // ======================================================================== let currentEtageEditContext = null; /** * Öffnet das Etage-Modal für Add oder Edit */ async function openEtageModal(mode, gebIdx, etageIdx = null) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; currentEtageEditContext = { mode, gebIdx, etageIdx }; // Modal-Titel setzen document.getElementById('etage-modal-title').textContent = mode === 'add' ? 'Neue Etage hinzufügen' : 'Etage bearbeiten'; // Felder füllen (bei Edit) if (mode === 'edit' && etageIdx !== null) { const geb = currentSchadenfall.gebaeude[gebIdx]; const etage = geb?.etagen?.[etageIdx]; if (etage) { document.getElementById('etage-name').value = etage.name || ''; document.getElementById('etage-hoehe').value = etage.hoehe || 2.5; } } else { // Felder leeren (bei Add) document.getElementById('etage-name').value = ''; document.getElementById('etage-hoehe').value = '2.5'; } // Modal öffnen ModalUtils.open('etage-edit-modal'); } /** * Schließt das Etage-Modal */ function closeEtageModal() { ModalUtils.close('etage-edit-modal'); currentEtageEditContext = null; } /** * Speichert Etage-Daten aus dem Modal */ async function saveEtageModal() { if (!currentEtageEditContext) return; const { mode, gebIdx, etageIdx } = currentEtageEditContext; // Validierung const name = document.getElementById('etage-name').value.trim(); if (!name) { alert('Bitte geben Sie einen Etagennamen ein.'); return; } const hoehe = parseFloat(document.getElementById('etage-hoehe').value); if (!hoehe || hoehe <= 0) { alert('Bitte geben Sie eine gültige Raumhöhe ein.'); return; } const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb) return; if (mode === 'add') { // Neue Etage hinzufügen if (!geb.etagen) { geb.etagen = []; } geb.etagen.push({ id: `etage_${Date.now()}`, name: name, hoehe: hoehe, wohnungen: [] }); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeEtageModal(); showToast('Etage hinzugefügt', 'success'); } else if (mode === 'edit') { // Bestehende Etage aktualisieren const etage = geb.etagen[etageIdx]; if (!etage) return; geb.etagen[etageIdx] = { ...etage, name: name, hoehe: hoehe }; await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeEtageModal(); showToast('Etage aktualisiert', 'success'); } } /** * Fügt eine neue Etage zu einem Gebäude hinzu (öffnet Modal) */ async function addEtage(gebIdx) { await openEtageModal('add', gebIdx); } /** * Bearbeitet eine bestehende Etage */ async function editEtage(gebIdx, etageIdx) { await openEtageModal('edit', gebIdx, etageIdx); } /** * Löscht eine Etage (inkl. aller Wohnungen und Räume) */ async function deleteEtage(gebIdx, etageIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb || !geb.etagen) return; const etage = geb.etagen[etageIdx]; if (!etage) return; if (!confirm(`Etage "${etage.name}" wirklich löschen?\n\nAlle Wohnungen und Räume werden ebenfalls gelöscht!`)) { return; } geb.etagen.splice(etageIdx, 1); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Etage gelöscht', 'success'); } // ======================================================================== // WOHNUNGS-VERWALTUNG (CRUD) // ======================================================================== let currentWohnungEditContext = null; /** * Öffnet das Wohnung-Modal für Add oder Edit */ async function openWohnungModal(mode, gebIdx, etageIdx, whgIdx = null) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; currentWohnungEditContext = { mode, gebIdx, etageIdx, whgIdx }; // Modal-Titel setzen document.getElementById('wohnung-modal-title').textContent = mode === 'add' ? 'Neue Wohnung hinzufügen' : 'Wohnung bearbeiten'; // Felder füllen (bei Edit) if (mode === 'edit' && whgIdx !== null) { const geb = currentSchadenfall.gebaeude[gebIdx]; const etage = geb?.etagen?.[etageIdx]; const whg = etage?.wohnungen?.[whgIdx]; if (whg) { document.getElementById('wohnung-name').value = whg.name || ''; document.getElementById('wohnung-bewohner').value = whg.bewohner || ''; } } else { // Felder leeren (bei Add) document.getElementById('wohnung-name').value = ''; document.getElementById('wohnung-bewohner').value = ''; } // Modal öffnen ModalUtils.open('wohnung-edit-modal'); } /** * Schließt das Wohnung-Modal */ function closeWohnungModal() { ModalUtils.close('wohnung-edit-modal'); currentWohnungEditContext = null; } /** * Speichert Wohnung-Daten aus dem Modal */ async function saveWohnungModal() { if (!currentWohnungEditContext) return; const { mode, gebIdx, etageIdx, whgIdx } = currentWohnungEditContext; // Validierung const name = document.getElementById('wohnung-name').value.trim(); if (!name) { alert('Bitte geben Sie einen Wohnungsnamen ein.'); return; } const bewohner = document.getElementById('wohnung-bewohner').value.trim(); const geb = currentSchadenfall.gebaeude[gebIdx]; const etage = geb?.etagen?.[etageIdx]; if (!etage) return; if (mode === 'add') { // Neue Wohnung hinzufügen if (!etage.wohnungen) { etage.wohnungen = []; } etage.wohnungen.push({ id: `whg_${Date.now()}`, name: name, bewohner: bewohner || null, raeume: [] }); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeWohnungModal(); showToast('Wohnung hinzugefügt', 'success'); } else if (mode === 'edit') { // Bestehende Wohnung aktualisieren const whg = etage.wohnungen[whgIdx]; if (!whg) return; etage.wohnungen[whgIdx] = { ...whg, name: name, bewohner: bewohner || null }; await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeWohnungModal(); showToast('Wohnung aktualisiert', 'success'); } } /** * Fügt eine neue Wohnung zu einer Etage hinzu (öffnet Modal) */ async function addWohnung(gebIdx, etageIdx) { await openWohnungModal('add', gebIdx, etageIdx); } /** * Bearbeitet eine bestehende Wohnung */ async function editWohnung(gebIdx, etageIdx, whgIdx) { await openWohnungModal('edit', gebIdx, etageIdx, whgIdx); } /** * Löscht eine Wohnung (inkl. aller Räume) */ async function deleteWohnung(gebIdx, etageIdx, whgIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb || !geb.etagen) return; const etage = geb.etagen[etageIdx]; if (!etage || !etage.wohnungen) return; const whg = etage.wohnungen[whgIdx]; if (!whg) return; if (!confirm(`Wohnung "${whg.name}" wirklich löschen?\n\nAlle Räume werden ebenfalls gelöscht!`)) { return; } etage.wohnungen.splice(whgIdx, 1); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Wohnung gelöscht', 'success'); } // ======================================================================== // RAUM-VERWALTUNG (CRUD) - MIT MODAL (Phase 3+) // ======================================================================== /** * Fügt einen neuen Raum zu einer Wohnung hinzu * Öffnet das vollständige 4-Tab Modal für detaillierte Eingabe */ async function addRaum(gebIdx, etageIdx, whgIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb || !geb.etagen) return; const etage = geb.etagen[etageIdx]; if (!etage || !etage.wohnungen) return; const whg = etage.wohnungen[whgIdx]; if (!whg) return; // Erstelle neuen Raum mit Standardwerten if (!whg.raeume) { whg.raeume = []; } const newRaum = { id: `raum_${Date.now()}`, name: 'Neuer Raum', typ: '', flaeche: 0, hoehe: etage.hoehe || 2.5, umfang: 0, laenge: null, breite: null, betroffenheit: { waende: 0, decke: 0, boden: 0, sockelleisten: 0 }, waende: { betroffen: { fliesen_prozent: 0, tapeten_prozent: 0, farbe_prozent: 0, konstruktion: '' }, bestand: { fliesen_prozent: 0, tapeten_prozent: 0, farbe_prozent: 0, konstruktion: '' } }, boeden: { betroffen: { belag_1_material: '', belag_1_flaeche: 0, belag_2_material: '', belag_2_flaeche: 0, konstruktion: '' }, bestand: { belag_1_material: '', belag_1_flaeche: 0, belag_2_material: '', belag_2_flaeche: 0, konstruktion: '' } }, ausstattung: {}, schadenbilder: [], massnahmen: [], notizen: '', erstellt: new Date().toISOString() }; whg.raeume.push(newRaum); const raumIdx = whg.raeume.length - 1; // Speichern und Modal öffnen await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); // Modal öffnen für vollständige Bearbeitung openRaumModal(gebIdx, etageIdx, whgIdx, raumIdx); showToast('Raum hinzugefügt - Bitte vervollständigen', 'info'); } /** * Bearbeitet einen bestehenden Raum (vereinfachte Version) * Hinweis: In Phase 3 wird dies durch Multi-Tab Modal ersetzt */ async function editRaum(gebIdx, etageIdx, whgIdx, raumIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb || !geb.etagen) return; const etage = geb.etagen[etageIdx]; if (!etage || !etage.wohnungen) return; const whg = etage.wohnungen[whgIdx]; if (!whg || !whg.raeume) return; const raum = whg.raeume[raumIdx]; if (!raum) return; const name = prompt('Raumname:', raum.name); if (!name) return; const raumTypOptions = await getSetting('raum_typen_master') || []; const typ = prompt(`Raumtyp:\n${raumTypOptions.join(', ')}`, raum.typ || 'Sonstiges'); const flaeche = parseFloat(prompt('Fläche in m²:', raum.flaeche) || raum.flaeche); const hoehe = parseFloat(prompt('Raumhöhe in m:', raum.hoehe) || raum.hoehe); const umfang = parseFloat(prompt('Umfang in m:', raum.umfang) || raum.umfang); whg.raeume[raumIdx] = { ...raum, name: name, typ: typ || 'Sonstiges', flaeche: flaeche, hoehe: hoehe, umfang: umfang }; await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Raum aktualisiert', 'success'); } /** * Löscht einen Raum */ async function deleteRaum(gebIdx, etageIdx, whgIdx, raumIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb || !geb.etagen) return; const etage = geb.etagen[etageIdx]; if (!etage || !etage.wohnungen) return; const whg = etage.wohnungen[whgIdx]; if (!whg || !whg.raeume) return; const raum = whg.raeume[raumIdx]; if (!raum) return; if (!confirm(`Raum "${raum.name}" wirklich löschen?`)) { return; } whg.raeume.splice(raumIdx, 1); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Raum gelöscht', 'success'); } // ======================================================================== // RAUM-MODAL (Multi-Tab) - Phase 3 & 4 // ======================================================================== // Issue #4 Paket 2: VERALTET - Diese Konstanten werden nur noch für Abwärtskompatibilität beim Rendering alter Daten verwendet // Neue Ausstattungs-Aktionen werden über IndexedDB (ausstattungs_aktionen_master) verwaltet const EQUIPMENT_AKTIONEN = [ { value: "", label: "-- Keine Auswahl --" }, { value: "ersetzen", label: "🔄 Ersetzen" }, { value: "reparieren", label: "🔧 Reparieren" }, { value: "reinigen", label: "🧽 Reinigen" }, { value: "entfernen", label: "🗑️ Entfernen" }, { value: "belassen", label: "✓ Belassen" } ]; // Issue #4 Paket 5: VERALTET - Status-Felder wurden aus Ausstattung entfernt (jetzt bei Maßnahmen) // Diese Konstante wird nur noch für Abwärtskompatibilität beim Rendering alter Daten verwendet const EQUIPMENT_STATUS = [ { value: "", label: "-- Keine Auswahl --" }, { value: "geplant", label: "📋 Geplant" }, { value: "in_arbeit", label: "⚙️ In Arbeit" }, { value: "erledigt", label: "✅ Erledigt" }, { value: "nicht_noetig", label: "⊘ Nicht nötig" } ]; // Globale Variablen für Raum-Modal let currentRaumEditContext = null; // {gebIdx, etageIdx, whgIdx, raumIdx, raum} /** * Öffnet das Raum-Modal zum Bearbeiten (Phase 3) * Ersetzt die alte prompt-basierte editRaum() Funktion */ async function openRaumModal(gebIdx, etageIdx, whgIdx, raumIdx) { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const geb = currentSchadenfall.gebaeude[gebIdx]; if (!geb || !geb.etagen) return; const etage = geb.etagen[etageIdx]; if (!etage || !etage.wohnungen) return; const whg = etage.wohnungen[whgIdx]; if (!whg || !whg.raeume) return; const raum = whg.raeume[raumIdx]; if (!raum) return; // Kontext speichern currentRaumEditContext = { gebIdx, etageIdx, whgIdx, raumIdx, raum }; // Modal-Titel setzen document.getElementById('raum-modal-title').textContent = `Raum bearbeiten: ${raum.name}`; // Tab 1: Grunddaten füllen await populateRaumGrunddaten(raum, etage); // Tab 2: Schadenbilder füllen renderRaumSchadenbilder(raum); // Tab 3: Maßnahmen füllen renderRaumMassnahmen(raum); // Tab 4: Übersicht berechnen recalculateRaumUebersicht(); // Modal öffnen mit ModalUtils ModalUtils.open('raum-edit-modal', { method: 'styleDisplay', display: 'block', onOpen: () => { // Zum ersten Tab wechseln switchRaumModalTab('grunddaten'); } }); } /** * Füllt Tab 1 (Grunddaten) mit Raum-Daten */ async function populateRaumGrunddaten(raum, etage) { // Name & Typ document.getElementById('raum-name').value = raum.name || ''; const typSelect = document.getElementById('raum-typ'); const raumTypen = await getSetting('raum_typen_master') || []; typSelect.innerHTML = '' + raumTypen.map(t => ``).join(''); // Abmessungen document.getElementById('raum-flaeche').value = raum.flaeche || 0; document.getElementById('raum-hoehe').value = raum.hoehe || etage.hoehe || 2.5; document.getElementById('raum-umfang').value = raum.umfang || 0; document.getElementById('raum-laenge').value = raum.laenge || ''; document.getElementById('raum-breite').value = raum.breite || ''; // Umfang-Mode ermitteln if (raum.laenge && raum.breite) { document.querySelector('input[name="umfang-mode"][value="laenge_breite"]').checked = true; } else if (!raum.laenge && !raum.breite && raum.umfang && raum.flaeche) { document.querySelector('input[name="umfang-mode"][value="flaeche"]').checked = true; } else { document.querySelector('input[name="umfang-mode"][value="manual"]').checked = true; } updateUmfangFields(); // Betroffenheit const betr = raum.betroffenheit || { waende: 0, decke: 0, boden: 0, sockelleisten: 0 }; document.getElementById('raum-betr-waende').value = betr.waende || 0; document.getElementById('raum-betr-decke').value = betr.decke || 0; document.getElementById('raum-betr-boden').value = betr.boden || 0; document.getElementById('raum-betr-sockel').value = betr.sockelleisten || 0; // Issue #4 Paket 3: Wände-Einzelerfassung (neues Array-Modell) renderWaendeListe(); updateWaendeGesamtFlaeche(); // Böden (detailliert) const boeden = raum.boeden || { betroffen: { belag_1_material: '', belag_1_flaeche: 0, belag_2_material: '', belag_2_flaeche: 0, konstruktion: '' }, bestand: { belag_1_material: '', belag_1_flaeche: 0, belag_2_material: '', belag_2_flaeche: 0, konstruktion: '' } }; // Bodenbeläge Master-Liste const bodenBelaege = await getSetting('bodenbelaege_master') || []; const bodenKonstruktionen = await getSetting('bodenkonstruktionen_master') || []; // Böden Betroffen - Belag 1 const betroffenBelag1Select = document.getElementById('boeden-betroffen-belag1-material'); betroffenBelag1Select.innerHTML = '' + bodenBelaege.map(b => ``).join(''); document.getElementById('boeden-betroffen-belag1-flaeche').value = boeden.betroffen.belag_1_flaeche || 0; // Böden Betroffen - Belag 2 const betroffenBelag2Select = document.getElementById('boeden-betroffen-belag2-material'); betroffenBelag2Select.innerHTML = '' + bodenBelaege.map(b => ``).join(''); document.getElementById('boeden-betroffen-belag2-flaeche').value = boeden.betroffen.belag_2_flaeche || 0; // Böden Betroffen - Konstruktion const betroffenBodenKonstrSelect = document.getElementById('boeden-betroffen-konstruktion'); betroffenBodenKonstrSelect.innerHTML = '' + bodenKonstruktionen.map(k => ``).join(''); // Böden Bestand - Belag 1 const bestandBelag1Select = document.getElementById('boeden-bestand-belag1-material'); bestandBelag1Select.innerHTML = '' + bodenBelaege.map(b => ``).join(''); document.getElementById('boeden-bestand-belag1-flaeche').value = boeden.bestand.belag_1_flaeche || 0; // Böden Bestand - Belag 2 const bestandBelag2Select = document.getElementById('boeden-bestand-belag2-material'); bestandBelag2Select.innerHTML = '' + bodenBelaege.map(b => ``).join(''); document.getElementById('boeden-bestand-belag2-flaeche').value = boeden.bestand.belag_2_flaeche || 0; // Böden Bestand - Konstruktion const bestandBodenKonstrSelect = document.getElementById('boeden-bestand-konstruktion'); bestandBodenKonstrSelect.innerHTML = '' + bodenKonstruktionen.map(k => ``).join(''); // Böden Bestand - Gesamtfläche (optional, default = Raumfläche) document.getElementById('boeden-bestand-gesamt-flaeche').value = boeden.bestand.gesamt_flaeche || ''; // Decken (detailliert) - Issue #4 Paket 4 const decken = raum.decken || { betroffen: { decke_1_material: '', decke_1_flaeche: 0, decke_2_material: '', decke_2_flaeche: 0, konstruktion: '' }, bestand: { decke_1_material: '', decke_1_flaeche: 0, decke_2_material: '', decke_2_flaeche: 0, konstruktion: '' } }; // Deckenmaterialien Master-Liste const deckenMaterialien = await getSetting('deckenmaterialien_master') || []; const deckenKonstruktionen = await getSetting('deckenkonstruktionen_master') || []; // Decken Betroffen - Decke 1 const betroffenDecke1Select = document.getElementById('decken-betroffen-decke1-material'); betroffenDecke1Select.innerHTML = '' + deckenMaterialien.map(m => ``).join(''); document.getElementById('decken-betroffen-decke1-flaeche').value = decken.betroffen.decke_1_flaeche || 0; // Decken Betroffen - Decke 2 (Abgehängte Decke) const betroffenDecke2Select = document.getElementById('decken-betroffen-decke2-material'); betroffenDecke2Select.innerHTML = '' + deckenMaterialien.map(m => ``).join(''); document.getElementById('decken-betroffen-decke2-flaeche').value = decken.betroffen.decke_2_flaeche || 0; // Decken Betroffen - Konstruktion const betroffenDeckenKonstrSelect = document.getElementById('decken-betroffen-konstruktion'); betroffenDeckenKonstrSelect.innerHTML = '' + deckenKonstruktionen.map(k => ``).join(''); // Decken Bestand - Decke 1 const bestandDecke1Select = document.getElementById('decken-bestand-decke1-material'); bestandDecke1Select.innerHTML = '' + deckenMaterialien.map(m => ``).join(''); document.getElementById('decken-bestand-decke1-flaeche').value = decken.bestand.decke_1_flaeche || 0; // Decken Bestand - Decke 2 (Abgehängte Decke) const bestandDecke2Select = document.getElementById('decken-bestand-decke2-material'); bestandDecke2Select.innerHTML = '' + deckenMaterialien.map(m => ``).join(''); document.getElementById('decken-bestand-decke2-flaeche').value = decken.bestand.decke_2_flaeche || 0; // Decken Bestand - Konstruktion const bestandDeckenKonstrSelect = document.getElementById('decken-bestand-konstruktion'); bestandDeckenKonstrSelect.innerHTML = '' + deckenKonstruktionen.map(k => ``).join(''); // Decken Bestand - Gesamtfläche (optional, default = Raumfläche) document.getElementById('decken-bestand-gesamt-flaeche').value = decken.bestand.gesamt_flaeche || ''; // Ausstattung await populateRaumAusstattung(raum.ausstattung || {}); // Notizen document.getElementById('raum-notizen').value = raum.notizen || ''; } /** * Füllt Ausstattungs-Felder dynamisch mit Bestand und Betroffenheit * Migriert automatisch alte Daten (Number) zu neuem Format ({ bestand, betroffen }) */ async function populateRaumAusstattung(ausstattung) { const container = document.getElementById('raum-ausstattung-fields'); const elemente = await getSetting('ausstattungs_elemente_master') || []; let html = ''; elemente.forEach(elem => { // Migration: Alte Daten (Number/Object) zu vereinfachtem Format let data = ausstattung[elem] || { bestand: 0, betroffen: 0 }; if (typeof data === 'number') { data = { bestand: data, betroffen: 0 }; // Auto-Migration v1 } else { // Entferne alte aktion/status Felder (Issue #4: Aktion/Status jetzt bei Maßnahmen) data = { bestand: data.bestand || 0, betroffen: data.betroffen || 0 }; } html += `

${elem}

Bestand

Betroffen

`; }); // Custom-Elemente (die nicht in Master-Liste sind) Object.keys(ausstattung).forEach(key => { if (!elemente.includes(key)) { let data = ausstattung[key]; if (typeof data === 'number') { data = { bestand: data, betroffen: 0 }; // Auto-Migration v1 } else { // Entferne alte aktion/status Felder (Issue #4: Aktion/Status jetzt bei Maßnahmen) data = { bestand: data.bestand || 0, betroffen: data.betroffen || 0 }; } html += `

${key}

Bestand

Betroffen

`; } }); container.innerHTML = html; } /** * Fügt ein eigenes Ausstattungs-Element hinzu */ function addCustomAusstattung() { const name = prompt('Name des Ausstattungs-Elements:', ''); if (!name) return; const container = document.getElementById('raum-ausstattung-fields'); const newField = document.createElement('div'); newField.className = 'form-group'; newField.style.margin = '0'; newField.innerHTML = ` ${name} `; container.appendChild(newField); } /** * Entfernt ein eigenes Ausstattungs-Element */ function removeCustomAusstattung(name) { const input = document.getElementById(`ausstattung-${name}`); if (input && input.parentElement) { input.parentElement.remove(); } } /** * Zeigt/versteckt Umfang-Felder basierend auf ausgewähltem Modus */ function updateUmfangFields() { const mode = document.querySelector('input[name="umfang-mode"]:checked')?.value; const laengeBreiteFields = document.getElementById('laenge-breite-fields'); const umfangInput = document.getElementById('raum-umfang'); if (mode === 'laenge_breite') { laengeBreiteFields.style.display = 'grid'; umfangInput.readOnly = true; umfangInput.style.background = '#f0f0f0'; } else if (mode === 'flaeche') { laengeBreiteFields.style.display = 'none'; umfangInput.readOnly = true; umfangInput.style.background = '#f0f0f0'; } else { // manual laengeBreiteFields.style.display = 'none'; umfangInput.readOnly = false; umfangInput.style.background = ''; } calculateUmfangFromMode(); } /** * Berechnet Umfang basierend auf gewähltem Modus * Nutzt die calculateUmfang() Helper-Funktion aus Phase 1 */ function calculateUmfangFromMode() { const mode = document.querySelector('input[name="umfang-mode"]:checked')?.value; const flaeche = parseFloat(document.getElementById('raum-flaeche').value) || 0; const laenge = parseFloat(document.getElementById('raum-laenge').value) || 0; const breite = parseFloat(document.getElementById('raum-breite').value) || 0; const umfangInput = document.getElementById('raum-umfang'); if (mode === 'laenge_breite' && laenge > 0 && breite > 0) { const umfang = calculateUmfang({ mode: 'from_laenge_breite', laenge, breite }); umfangInput.value = umfang.toFixed(2); } else if (mode === 'flaeche' && flaeche > 0) { const umfang = calculateUmfang({ mode: 'from_flaeche', flaeche }); umfangInput.value = umfang.toFixed(2); } // Bei 'manual' nichts tun recalculateRaumUebersicht(); } /** * Berechnet alle Werte für Tab 4 (Übersicht) neu */ function recalculateRaumUebersicht() { // Nutze das ECHTE Raum-Objekt, um detaillierte Komponenten-Daten einzubeziehen if (!currentRaumEditContext || !currentRaumEditContext.raum) { console.warn('recalculateRaumUebersicht: Kein Raum-Kontext vorhanden'); return; } const raum = currentRaumEditContext.raum; // Aktualisiere Grunddaten im Raum-Objekt raum.flaeche = parseFloat(document.getElementById('raum-flaeche').value) || 0; raum.hoehe = parseFloat(document.getElementById('raum-hoehe').value) || 2.5; raum.umfang = parseFloat(document.getElementById('raum-umfang').value) || 0; raum.betroffenheit = raum.betroffenheit || {}; raum.betroffenheit.waende = parseFloat(document.getElementById('raum-betr-waende').value) || 0; raum.betroffenheit.decke = parseFloat(document.getElementById('raum-betr-decke').value) || 0; raum.betroffenheit.boden = parseFloat(document.getElementById('raum-betr-boden').value) || 0; raum.betroffenheit.sockelleisten = parseFloat(document.getElementById('raum-betr-sockel').value) || 0; // WICHTIG: getRaumCalculated() nutzt jetzt raum.waende, raum.boeden, raum.decken aus dem ECHTEN Raum-Objekt const calc = getRaumCalculated(raum); // Gesamtflächen document.getElementById('uebersicht-bodenflaeche').textContent = `${calc.bodenflaeche_gesamt.toFixed(1)} m²`; document.getElementById('uebersicht-wandflaeche').textContent = `${calc.wandflaeche_gesamt.toFixed(1)} m²`; document.getElementById('uebersicht-deckenflaeche').textContent = `${calc.deckenflaeche_gesamt.toFixed(1)} m²`; document.getElementById('uebersicht-volumen').textContent = `${calc.volumen.toFixed(1)} m³`; // Betroffene Flächen document.getElementById('uebersicht-boden-betroffen').textContent = `${calc.bodenflaeche_betroffen.toFixed(1)} m²`; document.getElementById('uebersicht-wand-betroffen').textContent = `${calc.wandflaeche_betroffen.toFixed(1)} m²`; document.getElementById('uebersicht-decke-betroffen').textContent = `${calc.deckenflaeche_betroffen.toFixed(1)} m²`; document.getElementById('uebersicht-sockel-betroffen').textContent = `${calc.sockelleisten_meter.toFixed(1)} m`; document.getElementById('uebersicht-gesamt-betroffen').textContent = `${calc.gesamt_betroffen.toFixed(1)} m²`; // m²-Anzeigen unter Betroffenheit-Feldern aktualisieren document.getElementById('raum-betr-waende-m2').textContent = `${calc.wandflaeche_betroffen.toFixed(1)} m²`; document.getElementById('raum-betr-decke-m2').textContent = `${calc.deckenflaeche_betroffen.toFixed(1)} m²`; document.getElementById('raum-betr-boden-m2').textContent = `${calc.bodenflaeche_betroffen.toFixed(1)} m²`; document.getElementById('raum-betr-sockel-m').textContent = `${calc.sockelleisten_meter.toFixed(1)} m`; } /** * Tab-Wechsel im Raum-Modal */ function switchRaumModalTab(tabName) { // Alle Tabs & Buttons deaktivieren document.querySelectorAll('.raum-tab-content').forEach(tab => { tab.style.display = 'none'; }); document.querySelectorAll('.tabs .tab').forEach(btn => { btn.classList.remove('active'); }); // Gewählten Tab aktivieren const targetTab = document.getElementById(`raum-tab-${tabName}`); if (targetTab) { targetTab.style.display = 'block'; } // Entsprechenden Button aktivieren const buttons = document.querySelectorAll('.tabs .tab'); const tabIndex = { 'grunddaten': 0, 'schadenbilder': 1, 'massnahmen': 2, 'uebersicht': 3 }; if (buttons[tabIndex[tabName]]) { buttons[tabIndex[tabName]].classList.add('active'); } // Bei Wechsel zu Übersicht: Daten neu berechnen if (tabName === 'uebersicht') { recalculateRaumUebersicht(); renderUebersichtData(); } } /** * Rendert Schadenbilder, Maßnahmen, Ausstattung in Tab 4 (Übersicht) */ function renderUebersichtData() { if (!currentRaumEditContext || !currentRaumEditContext.raum) return; const raum = currentRaumEditContext.raum; // ========== SCHADENBILDER TABELLE ========== const schadenbilderDiv = document.getElementById('uebersicht-schadenbilder'); if (raum.schadenbilder && raum.schadenbilder.length > 0) { let tableHtml = ` `; raum.schadenbilder.forEach(sb => { // Bauteile aus betroffene_bauteile-Objekt extrahieren const bauteile = []; if (sb.betroffene_bauteile) { // Wände if (sb.betroffene_bauteile.waende && sb.betroffene_bauteile.waende.length > 0) { sb.betroffene_bauteile.waende.forEach(w => { bauteile.push({ bauteil: `Wand: ${w.bezeichnung}`, menge: (w.flaeche || 0).toFixed(2), einheit: 'm²' }); }); } // Böden if (sb.betroffene_bauteile.boeden && sb.betroffene_bauteile.boeden.length > 0) { sb.betroffene_bauteile.boeden.forEach(b => { bauteile.push({ bauteil: `Boden: ${b.material}`, menge: (b.flaeche || 0).toFixed(2), einheit: 'm²' }); }); } // Decken if (sb.betroffene_bauteile.decken && sb.betroffene_bauteile.decken.length > 0) { sb.betroffene_bauteile.decken.forEach(d => { bauteile.push({ bauteil: `Decke: ${d.material}`, menge: (d.flaeche || 0).toFixed(2), einheit: 'm²' }); }); } // Sockelleisten if (sb.betroffene_bauteile.sockelleisten && sb.betroffene_bauteile.sockelleisten.length > 0) { sb.betroffene_bauteile.sockelleisten.forEach(s => { bauteile.push({ bauteil: 'Sockelleisten', menge: (s.meter || 0).toFixed(2), einheit: 'm' }); }); } } // Wenn keine Bauteile, zeige "Keine Bauteile" if (bauteile.length === 0) { bauteile.push({ bauteil: 'Keine Bauteile zugeordnet', menge: '-', einheit: '-' }); } // Erste Zeile mit Schadenbild + Stärke + erstem Bauteil tableHtml += ` `; // Weitere Bauteile (falls vorhanden) for (let i = 1; i < bauteile.length; i++) { tableHtml += ` `; } }); tableHtml += `

Schadenbild	Stärke	Bauteil	Menge	Einheit
${sb.typ}	${sb.staerke}	${bauteile[0].bauteil}	${bauteile[0].menge}	${bauteile[0].einheit}
${bauteile[i].bauteil}	${bauteile[i].menge}	${bauteile[i].einheit}

`; schadenbilderDiv.innerHTML = tableHtml; } else { schadenbilderDiv.innerHTML = '

Keine Schadenbilder erfasst

'; } // ========== MASSNAHMEN TABELLE ========== const massnahmenDiv = document.getElementById('uebersicht-massnahmen'); if (raum.massnahmen && raum.massnahmen.length > 0) { let tableHtml = ` `; raum.massnahmen.forEach(m => { // Menge und Einheit ermitteln let menge = '-'; let einheit = '-'; if (m.bezugswert_override !== null && m.bezugswert_override !== undefined) { // Custom Bezugswert menge = m.bezugswert_override.toFixed(2); } else { // Automatisch berechnet aus Bezugsgröße if (m.bezugsgroesse === 'flaeche') { // Summe aller betroffenen Bodenflächen let summe = 0; if (m.betroffene_bauteile && m.betroffene_bauteile.boeden) { m.betroffene_bauteile.boeden.forEach(b => { // Fläche aus Raum-Daten holen if (b.typ === 'betroffen' && b.nr === 'allgemein') { summe += raum.betr_boden_flaeche || 0; } else if (b.typ === 'bestand') { summe += raum.boeden?.bestand?.[`belag_${b.nr}_flaeche`] || 0; } else if (b.typ === 'betroffen') { summe += raum.boeden?.betroffen?.[`belag_${b.nr}_flaeche`] || 0; } }); } menge = summe > 0 ? summe.toFixed(2) : (raum.flaeche || 0).toFixed(2); einheit = 'm²'; } else if (m.bezugsgroesse === 'wandflaeche') { // Summe aller betroffenen Wandflächen let summe = 0; if (m.betroffene_bauteile && m.betroffene_bauteile.waende) { m.betroffene_bauteile.waende.forEach(w => { const wand = raum.waende[w.index]; if (wand) { summe += wand.betroffenheit > 0 ? (wand.flaeche * wand.betroffenheit / 100) : 0; } }); } menge = summe > 0 ? summe.toFixed(2) : (raum.wandflaeche_gesamt || 0).toFixed(2); einheit = 'm²'; } else if (m.bezugsgroesse === 'volumen') { menge = (raum.volumen || 0).toFixed(2); einheit = 'm³'; } } // Zeile hinzufügen tableHtml += ` `; }); tableHtml += `

Maßnahmentyp	Maßnahmenart	Menge	Einheit	Status
${m.typ}	${m.art \|\| '-'}${m.trocknungsart ? ` (${m.trocknungsart})` : ''}	${menge}	${einheit}	${m.status}${m.dauer_tage ? ` (${m.dauer_tage}d)` : ''}

`; massnahmenDiv.innerHTML = tableHtml; } else { massnahmenDiv.innerHTML = '

Keine Maßnahmen erfasst

'; } // Ausstattung (mit Aktion + Status) const ausstattungDiv = document.getElementById('uebersicht-ausstattung'); if (raum.ausstattung && Object.keys(raum.ausstattung).length > 0) { const items = Object.entries(raum.ausstattung) .filter(([k, v]) => (v.bestand || v.betroffen || v > 0)) // v > 0 für alte Daten .map(([k, v]) => { // Handle alte Daten (Number) und neue Daten (Object) if (typeof v === 'number') { return `

${k}: ${v}× Stück

`; } else { let html = `

${k}: ${v.bestand} Bestand / ${v.betroffen} Betroffen`; // Aktion anzeigen if (v.aktion) { const aktionLabel = EQUIPMENT_AKTIONEN.find(opt => opt.value === v.aktion)?.label || v.aktion; html += ` | ${aktionLabel}`; } // Status anzeigen if (v.status) { const statusLabel = EQUIPMENT_STATUS.find(opt => opt.value === v.status)?.label || v.status; html += ` | ${statusLabel}`; } html += '

'; return html; } }); ausstattungDiv.innerHTML = '

' + items.join('') + ''; } else { ausstattungDiv.innerHTML = '

Keine Ausstattung erfasst

'; } } /** * Schließt das Raum-Modal */ function closeRaumModal() { ModalUtils.close('raum-edit-modal', null, { method: 'styleDisplay', onClose: () => { currentRaumEditContext = null; } }); } /** * Speichert die Raum-Daten aus dem Modal */ async function saveRaumModal() { if (!currentRaumEditContext) return; const { gebIdx, etageIdx, whgIdx, raumIdx } = currentRaumEditContext; // ========== VALIDIERUNG: Required Fields ========== const name = document.getElementById('raum-name').value.trim(); if (!name) { alert('❌ Bitte geben Sie einen Raumnamen ein.'); document.getElementById('raum-name').focus(); return; } const flaeche = parseFloat(document.getElementById('raum-flaeche').value) || 0; if (flaeche <= 0) { alert('❌ Fläche muss größer als 0 sein.'); document.getElementById('raum-flaeche').focus(); return; } const hoehe = parseFloat(document.getElementById('raum-hoehe').value) || 0; if (hoehe <= 0) { alert('❌ Höhe muss größer als 0 sein.'); document.getElementById('raum-hoehe').focus(); return; } const umfang = parseFloat(document.getElementById('raum-umfang').value) || 0; if (umfang <= 0) { alert('❌ Umfang muss größer als 0 sein.'); document.getElementById('raum-umfang').focus(); return; } // ========== VALIDIERUNG: Wandprozente ENTFERNT ========== // Issue #4 Paket 3: Wände werden jetzt über separates Modal erfasst // Validierung erfolgt dort (saveWandModal) // ========== VALIDIERUNG: Bodenflächen ========== // WICHTIG: Belag 1 und Belag 2 liegen ÜBEREINANDER (z.B. Estrich unter Parkett) // Daher dürfen sie NICHT addiert werden! // Validierung: Jeder einzelne Belag darf maximal die Raumfläche haben const bodenBelag1BetrFlaeche = parseFloat(document.getElementById('boeden-betroffen-belag1-flaeche').value) || 0; const bodenBelag2BetrFlaeche = parseFloat(document.getElementById('boeden-betroffen-belag2-flaeche').value) || 0; if (bodenBelag1BetrFlaeche > flaeche) { alert( `❌ Bodenfläche Belag 1 (Betroffen) (${bodenBelag1BetrFlaeche.toFixed(2)} m²) ist größer als Raumfläche (${flaeche.toFixed(2)} m²).` ); document.getElementById('boeden-betroffen-belag1-flaeche').focus(); return; } if (bodenBelag2BetrFlaeche > flaeche) { alert( `❌ Bodenfläche Belag 2 (Betroffen) (${bodenBelag2BetrFlaeche.toFixed(2)} m²) ist größer als Raumfläche (${flaeche.toFixed(2)} m²).` ); document.getElementById('boeden-betroffen-belag2-flaeche').focus(); return; } const bodenBelag1BestFlaeche = parseFloat(document.getElementById('boeden-bestand-belag1-flaeche').value) || 0; const bodenBelag2BestFlaeche = parseFloat(document.getElementById('boeden-bestand-belag2-flaeche').value) || 0; if (bodenBelag1BestFlaeche > flaeche) { alert( `❌ Bodenfläche Belag 1 (Bestand) (${bodenBelag1BestFlaeche.toFixed(2)} m²) ist größer als Raumfläche (${flaeche.toFixed(2)} m²).` ); document.getElementById('boeden-bestand-belag1-flaeche').focus(); return; } if (bodenBelag2BestFlaeche > flaeche) { alert( `❌ Bodenfläche Belag 2 (Bestand) (${bodenBelag2BestFlaeche.toFixed(2)} m²) ist größer als Raumfläche (${flaeche.toFixed(2)} m²).` ); document.getElementById('boeden-bestand-belag2-flaeche').focus(); return; } // ========== DATEN SAMMELN ========== const geb = currentSchadenfall.gebaeude[gebIdx]; const etage = geb.etagen[etageIdx]; const whg = etage.wohnungen[whgIdx]; const raum = whg.raeume[raumIdx]; // Grunddaten sammeln raum.name = name; raum.typ = document.getElementById('raum-typ').value || 'Sonstiges'; raum.flaeche = flaeche; raum.hoehe = hoehe; raum.umfang = umfang; raum.laenge = parseFloat(document.getElementById('raum-laenge').value) || null; raum.breite = parseFloat(document.getElementById('raum-breite').value) || null; // Betroffenheit raum.betroffenheit = { waende: parseFloat(document.getElementById('raum-betr-waende').value) || 0, decke: parseFloat(document.getElementById('raum-betr-decke').value) || 0, boden: parseFloat(document.getElementById('raum-betr-boden').value) || 0, sockelleisten: parseFloat(document.getElementById('raum-betr-sockel').value) || 0 }; // Wände (detailliert) - Issue #4 Paket 3 // WICHTIG: raum.waende wird NICHT hier gespeichert! // Wände werden über separates Modal (openWandModal/saveWandModal) verwaltet // raum.waende ist jetzt ein Array, kein Objekt mehr // Falls raum.waende nicht existiert, initialisiere als leeres Array if (!raum.waende) { raum.waende = []; } // Böden (detailliert) raum.boeden = { betroffen: { belag_1_material: document.getElementById('boeden-betroffen-belag1-material').value || '', belag_1_flaeche: parseFloat(document.getElementById('boeden-betroffen-belag1-flaeche').value) || 0, belag_2_material: document.getElementById('boeden-betroffen-belag2-material').value || '', belag_2_flaeche: parseFloat(document.getElementById('boeden-betroffen-belag2-flaeche').value) || 0, konstruktion: document.getElementById('boeden-betroffen-konstruktion').value || '' }, bestand: { belag_1_material: document.getElementById('boeden-bestand-belag1-material').value || '', belag_1_flaeche: parseFloat(document.getElementById('boeden-bestand-belag1-flaeche').value) || 0, belag_2_material: document.getElementById('boeden-bestand-belag2-material').value || '', belag_2_flaeche: parseFloat(document.getElementById('boeden-bestand-belag2-flaeche').value) || 0, konstruktion: document.getElementById('boeden-bestand-konstruktion').value || '', gesamt_flaeche: parseFloat(document.getElementById('boeden-bestand-gesamt-flaeche').value) || null } }; // Decken (detailliert) - Issue #4 Paket 4 raum.decken = { betroffen: { decke_1_material: document.getElementById('decken-betroffen-decke1-material').value || '', decke_1_flaeche: parseFloat(document.getElementById('decken-betroffen-decke1-flaeche').value) || 0, decke_2_material: document.getElementById('decken-betroffen-decke2-material').value || '', decke_2_flaeche: parseFloat(document.getElementById('decken-betroffen-decke2-flaeche').value) || 0, konstruktion: document.getElementById('decken-betroffen-konstruktion').value || '' }, bestand: { decke_1_material: document.getElementById('decken-bestand-decke1-material').value || '', decke_1_flaeche: parseFloat(document.getElementById('decken-bestand-decke1-flaeche').value) || 0, decke_2_material: document.getElementById('decken-bestand-decke2-material').value || '', decke_2_flaeche: parseFloat(document.getElementById('decken-bestand-decke2-flaeche').value) || 0, konstruktion: document.getElementById('decken-bestand-konstruktion').value || '', gesamt_flaeche: parseFloat(document.getElementById('decken-bestand-gesamt-flaeche').value) || null } }; // Ausstattung (neues Format mit Bestand und Betroffen) raum.ausstattung = {}; const ausstattungKeys = new Set(); // Sammle alle Ausstattungs-Keys document.querySelectorAll('.ausstattung-input-new').forEach(input => { ausstattungKeys.add(input.dataset.ausstattung); }); // Für jedes Element: Sammle nur Bestand und Betroffen (Aktion/Status → Maßnahmen) ausstattungKeys.forEach(key => { const bestand = parseInt(document.getElementById(`ausstattung-${key}-bestand`)?.value) || 0; const betroffen = parseInt(document.getElementById(`ausstattung-${key}-betroffen`)?.value) || 0; if (bestand > 0 || betroffen > 0) { raum.ausstattung[key] = { bestand, betroffen }; } }); // Notizen raum.notizen = document.getElementById('raum-notizen').value.trim(); // Schadenbilder & Maßnahmen bleiben wie sie sind (werden in Phase 4 implementiert) // Speichern await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); closeRaumModal(); showToast('Raum aktualisiert', 'success'); } /** * Validiert Wandbeläge-Prozentangaben und zeigt Summe an * @param {string} prefix - 'betroffen' oder 'bestand' */ function validateWandBelaege(prefix) { const fliesen = parseFloat(document.getElementById(`waende-${prefix}-fliesen`).value) || 0; const tapeten = parseFloat(document.getElementById(`waende-${prefix}-tapeten`).value) || 0; const farbe = parseFloat(document.getElementById(`waende-${prefix}-farbe`).value) || 0; const sum = fliesen + tapeten + farbe; const sumDiv = document.getElementById(`waende-${prefix}-sum`); if (sum > 100) { sumDiv.innerHTML = `Summe: ${sum}% ⚠️ Warnung: Summe sollte max. 100% sein!`; } else { sumDiv.innerHTML = `Summe: ${sum}%`; } } // ======================================================================== // RAUM-MODAL: SCHADENBILDER & MASSNAHMEN (Phase 4) - PLACEHOLDER // ======================================================================== // Diese Funktionen werden in Phase 4 vollständig implementiert /** * Rendert die Schadenbilder-Liste in Tab 2 */ function renderRaumSchadenbilder(raum) { const container = document.getElementById('raum-schadenbilder-list'); const schadenbilder = raum.schadenbilder || []; if (schadenbilder.length === 0) { container.innerHTML = '

Noch keine Schadenbilder erfasst.

'; return; } let html = ''; schadenbilder.forEach((sb, idx) => { html += `

${sb.typ} (${sb.staerke})

Betroffene Flächen: ${sb.betroffene_flaechen.join(', ')}

${sb.notizen ? `

${sb.notizen}

` : ''}

`; }); container.innerHTML = html; } /** * Context für Schadenbild-Bearbeitung */ let currentSchadenbildEditContext = null; /** * Toggle-Funktion für Details-Anzeige in Aggregations-Tabelle * Wird in Bericht-Templates verwendet */ window.toggleDetails = function(btn) { const row = btn.closest('tr'); const detailsRow = row.nextElementSibling; if (detailsRow && detailsRow.classList.contains('details-row')) { if (detailsRow.style.display === 'none') { detailsRow.style.display = 'table-row'; btn.textContent = '▲ Verbergen'; } else { detailsRow.style.display = 'none'; btn.textContent = '▼ Zeigen'; } } }; /** * Öffnet das Schadenbild-Modal (Add oder Edit Mode) */ async function openSchadenbildModal(mode, schadIdx = null) { if (!currentRaumEditContext) return; currentSchadenbildEditContext = { mode, schadIdx }; // Modal-Titel setzen document.getElementById('schadenbild-modal-title').textContent = mode === 'add' ? 'Neues Schadenbild hinzufügen' : 'Schadenbild bearbeiten'; // Dropdowns füllen const schadenbilder = await getSetting('schadenbilder_master') || []; const staerkeOptions = await getSetting('schadenstaerke_master') || []; DropdownUtils.populateFromArray('schadenbild-typ', schadenbilder); DropdownUtils.populateFromArray('schadenbild-staerke', staerkeOptions); // Bauteil-Listen rendern (wie bei Maßnahmen) renderSchadenbildBauteilListen(); // Bei Edit: Felder füllen if (mode === 'edit' && schadIdx !== null) { const raum = currentRaumEditContext.raum; const sb = raum.schadenbilder[schadIdx]; if (!sb) return; document.getElementById('schadenbild-typ').value = sb.typ || ''; document.getElementById('schadenbild-staerke').value = sb.staerke || ''; document.getElementById('schadenbild-notizen').value = sb.notizen || ''; // Bauteil-Checkboxen setzen (falls vorhanden) if (sb.betroffene_bauteile) { // Wände if (sb.betroffene_bauteile.waende) { sb.betroffene_bauteile.waende.forEach(wand => { const checkbox = document.querySelector(`.schadenbild-bauteil-wand[data-wand-index="${wand.index}"]`); if (checkbox) checkbox.checked = true; }); } // Böden if (sb.betroffene_bauteile.boeden) { sb.betroffene_bauteile.boeden.forEach(boden => { const checkbox = document.querySelector(`.schadenbild-bauteil-boden[data-boden-typ="${boden.typ}"][data-boden-nr="${boden.nr}"]`); if (checkbox) checkbox.checked = true; }); } // Decken if (sb.betroffene_bauteile.decken) { sb.betroffene_bauteile.decken.forEach(decke => { const checkbox = document.querySelector(`.schadenbild-bauteil-decke[data-decke-typ="${decke.typ}"][data-decke-nr="${decke.nr}"]`); if (checkbox) checkbox.checked = true; }); } // Sockelleisten if (sb.betroffene_bauteile.sockelleisten) { const checkbox = document.querySelector('.schadenbild-bauteil-sockel'); if (checkbox) checkbox.checked = true; } } // Ausstattungs-Referenz setzen (falls vorhanden) if (sb.ausstattung_referenz) { document.getElementById('schadenbild-ausstattung-enabled').checked = true; document.getElementById('schadenbild-ausstattung-fields').style.display = 'block'; await populateSchadenbildAusstattungDropdown(); document.getElementById('schadenbild-ausstattung-gegenstand').value = sb.ausstattung_referenz.gegenstand || ''; document.getElementById('schadenbild-ausstattung-anzahl').value = sb.ausstattung_referenz.anzahl || ''; } else { document.getElementById('schadenbild-ausstattung-enabled').checked = false; document.getElementById('schadenbild-ausstattung-fields').style.display = 'none'; } } else { // Bei Add: Felder leeren document.getElementById('schadenbild-typ').value = ''; document.getElementById('schadenbild-staerke').value = ''; document.getElementById('schadenbild-notizen').value = ''; // Alle Bauteil-Checkboxen deaktivieren document.querySelectorAll('.schadenbild-bauteil-wand, .schadenbild-bauteil-boden, .schadenbild-bauteil-decke, .schadenbild-bauteil-sockel').forEach(cb => cb.checked = false); // Ausstattungs-Felder zurücksetzen document.getElementById('schadenbild-ausstattung-enabled').checked = false; document.getElementById('schadenbild-ausstattung-fields').style.display = 'none'; document.getElementById('schadenbild-ausstattung-gegenstand').value = ''; document.getElementById('schadenbild-ausstattung-anzahl').value = ''; } ModalUtils.open('schadenbild-edit-modal'); } /** * Speichert das Schadenbild aus dem Modal */ function saveSchadenbildModal() { if (!currentRaumEditContext || !currentSchadenbildEditContext) return; const { mode, schadIdx } = currentSchadenbildEditContext; const raum = currentRaumEditContext.raum; // Validierung const typ = document.getElementById('schadenbild-typ').value.trim(); if (!typ) { alert('Bitte wählen Sie einen Schadentyp aus.'); return; } const staerke = document.getElementById('schadenbild-staerke').value.trim(); if (!staerke) { alert('Bitte wählen Sie eine Schadenstärke aus.'); return; } // Betroffene Bauteile sammeln (neue detaillierte Struktur) const betroffene_bauteile = { waende: [], boeden: [], decken: [], sockelleisten: [] }; // Wände sammeln (NEU: betroffene Fläche aus data-attribut) document.querySelectorAll('.schadenbild-bauteil-wand:checked').forEach(checkbox => { const wandIndex = parseInt(checkbox.dataset.wandIndex); const betroffeneFlaeche = parseFloat(checkbox.dataset.betroffeneFlaeche) || 0; const wand = raum.waende[wandIndex]; if (wand) { betroffene_bauteile.waende.push({ index: wandIndex, bezeichnung: wand.bezeichnung, typ: wand.typ, flaeche: betroffeneFlaeche, // NEU: Betroffene Fläche statt Gesamtfläche! gesamt_flaeche: wand.flaeche, // NEU: Gesamtfläche zusätzlich material: wand.konstruktion || '' }); } }); // Böden sammeln (NEU: Fläche aus data-attribut) document.querySelectorAll('.schadenbild-bauteil-boden:checked').forEach(checkbox => { const bodenTyp = checkbox.dataset.bodenTyp; const bodenNr = checkbox.dataset.bodenNr; const flaeche = parseFloat(checkbox.dataset.flaeche) || 0; // NEU: Aus data-attribut! if (bodenNr === 'allgemein') { // Prozent-basierter Boden betroffene_bauteile.boeden.push({ typ: 'betroffen', nr: 'allgemein', material: 'Boden (allgemein)', flaeche: flaeche }); } else { // Detaillierter Boden const bodenData = raum.boeden?.[bodenTyp]; if (bodenData) { const material = bodenData[`belag_${bodenNr}_material`]; if (material) { betroffene_bauteile.boeden.push({ typ: bodenTyp, nr: bodenNr, material: material, flaeche: flaeche }); } } } }); // Decken sammeln (NEU: Fläche aus data-attribut) document.querySelectorAll('.schadenbild-bauteil-decke:checked').forEach(checkbox => { const deckeTyp = checkbox.dataset.deckeTyp; const deckeNr = checkbox.dataset.deckeNr; const flaeche = parseFloat(checkbox.dataset.flaeche) || 0; // NEU: Aus data-attribut! if (deckeNr === 'allgemein') { // Prozent-basierte Decke betroffene_bauteile.decken.push({ typ: 'betroffen', nr: 'allgemein', material: 'Decke (allgemein)', flaeche: flaeche }); } else { // Detaillierte Decke const deckenData = raum.decken?.[deckeTyp]; if (deckenData) { const material = deckenData[`decke_${deckeNr}_material`]; if (material) { betroffene_bauteile.decken.push({ typ: deckeTyp, nr: deckeNr, material: material, flaeche: flaeche }); } } } }); // Sockelleisten sammeln (NEU: Meter aus data-attribut) const sockelCheckbox = document.querySelector('.schadenbild-bauteil-sockel:checked'); if (sockelCheckbox) { const meter = parseFloat(sockelCheckbox.dataset.meter) || 0; // NEU: Aus data-attribut! betroffene_bauteile.sockelleisten.push({ typ: 'betroffen', meter: meter }); } // Legacy betroffene_flaechen für Abwärtskompatibilität const betroffene_flaechen = []; if (betroffene_bauteile.waende.length > 0) betroffene_flaechen.push('Wände'); if (betroffene_bauteile.boeden.length > 0) betroffene_flaechen.push('Boden'); if (betroffene_bauteile.decken.length > 0) betroffene_flaechen.push('Decke'); if (betroffene_bauteile.sockelleisten.length > 0) betroffene_flaechen.push('Sockelleisten'); if (betroffene_flaechen.length === 0) { alert('Bitte wählen Sie mindestens ein betroffenes Bauteil aus.'); return; } const notizen = document.getElementById('schadenbild-notizen').value.trim(); // Ausstattungs-Referenz sammeln (falls aktiviert) let ausstattung_referenz = null; const ausstattungEnabled = document.getElementById('schadenbild-ausstattung-enabled').checked; if (ausstattungEnabled) { const gegenstand = document.getElementById('schadenbild-ausstattung-gegenstand').value; const anzahl = parseInt(document.getElementById('schadenbild-ausstattung-anzahl').value) || 0; if (gegenstand && anzahl > 0) { ausstattung_referenz = { gegenstand: gegenstand, anzahl: anzahl }; } } const schadenbildData = { typ: typ, staerke: staerke, betroffene_flaechen: betroffene_flaechen, // Legacy betroffene_bauteile: betroffene_bauteile, // NEU: Detaillierte Bauteile notizen: notizen }; // Ausstattungs-Referenz hinzufügen (falls vorhanden) if (ausstattung_referenz) { schadenbildData.ausstattung_referenz = ausstattung_referenz; } // Hinzufügen oder Bearbeiten if (mode === 'add') { if (!raum.schadenbilder) { raum.schadenbilder = []; } raum.schadenbilder.push(schadenbildData); } else if (mode === 'edit' && schadIdx !== null) { raum.schadenbilder[schadIdx] = schadenbildData; } renderRaumSchadenbilder(raum); closeSchadenbildModal(); } /** * Schließt das Schadenbild-Modal */ function closeSchadenbildModal() { ModalUtils.close('schadenbild-edit-modal', null, { onClose: () => { currentSchadenbildEditContext = null; } }); } /** * Fügt ein neues Schadenbild hinzu (öffnet Modal) */ async function addSchadenbild() { await openSchadenbildModal('add'); } /** * Bearbeitet ein Schadenbild (öffnet Modal) */ async function editSchadenbild(idx) { await openSchadenbildModal('edit', idx); } /** * Löscht ein Schadenbild */ function deleteSchadenbild(idx) { if (!currentRaumEditContext) return; if (!confirm('Schadenbild wirklich löschen?')) return; const raum = currentRaumEditContext.raum; raum.schadenbilder.splice(idx, 1); renderRaumSchadenbilder(raum); } /** * Rendert die Maßnahmen-Liste in Tab 3 */ function renderRaumMassnahmen(raum) { const container = document.getElementById('raum-massnahmen-list'); const massnahmen = raum.massnahmen || []; if (massnahmen.length === 0) { container.innerHTML = '

Noch keine Maßnahmen erfasst.

'; return; } // Raumwerte für Preisberechnung const calc = getRaumCalculated(raum); let html = ''; let gesamtpreis = 0; massnahmen.forEach((m, idx) => { const statusColor = m.status === 'abgeschlossen' ? '#4caf50' : m.status === 'in_ausfuehrung' ? '#ff9800' : '#2196f3'; // Bezugsgröße ermitteln let bezugswert = 0; let einheit = '€/m²'; let bezugText = ''; if (m.bezugsgroesse === 'volumen') { bezugswert = calc.volumen; einheit = '€/m³'; bezugText = `(Bezug: ${bezugswert.toFixed(2)} m³)`; } else if (m.bezugsgroesse === 'wandflaeche') { bezugswert = calc.wandflaeche_gesamt; einheit = '€/m²'; bezugText = `(Bezug: ${bezugswert.toFixed(2)} m² Wandfläche)`; } else if (m.bezugsgroesse === 'flaeche') { bezugswert = raum.flaeche || 0; einheit = '€/m²'; bezugText = `(Bezug: ${bezugswert.toFixed(2)} m²)`; } else if (m.bezugsgroesse === 'umfang') { bezugswert = raum.umfang || 0; einheit = '€/m'; bezugText = `(Bezug: ${bezugswert.toFixed(2)} m)`; } // Gesamtpreis berechnen let massnahme_gesamtpreis = 0; if (m.schaetzpreis_einheit && bezugswert > 0) { massnahme_gesamtpreis = m.schaetzpreis_einheit * bezugswert; gesamtpreis += massnahme_gesamtpreis; } // ========== BAUTEIL-EXPANSION für UI-Anzeige ========== // Expandiere Referenzen zu vollständigen Bauteil-Objekten (wie in calculateMassnahmen) let bauteilInfo = ''; if (m.betroffene_bauteile) { const bauteile = []; // Wände expandieren if (m.betroffene_bauteile.waende && Array.isArray(m.betroffene_bauteile.waende)) { m.betroffene_bauteile.waende.forEach(w => { if (w.index !== undefined && raum.waende && raum.waende[w.index]) { const wand = raum.waende[w.index]; bauteile.push(`Wand "${wand.bezeichnung || w.index+1}" (${wand.material || 'n/a'}, ${parseFloat(wand.flaeche || 0).toFixed(2)} m²)`); } }); } // Böden expandieren if (m.betroffene_bauteile.boeden && Array.isArray(m.betroffene_bauteile.boeden)) { m.betroffene_bauteile.boeden.forEach(b => { if (b.nr && (b.typ === 'bestand' || b.typ === 'betroffen')) { const belagKey = `belag_${b.nr}_material`; const flaecheKey = `belag_${b.nr}_flaeche`; const material = raum.boeden?.[b.typ]?.[belagKey] || null; const flaeche = raum.boeden?.[b.typ]?.[flaecheKey] || 0; if (material && material !== 'null' && material !== '' && !material.startsWith('-- Bitte')) { bauteile.push(`Boden mit ${material} (${parseFloat(flaeche).toFixed(2)} m²)`); } } }); } // Decken expandieren if (m.betroffene_bauteile.decken && Array.isArray(m.betroffene_bauteile.decken)) { m.betroffene_bauteile.decken.forEach(d => { if (d.nr && (d.typ === 'bestand' || d.typ === 'betroffen')) { let material = null; let flaeche = 0; if (d.nr === 1) { // Hauptdecke material = raum.decken?.[d.typ]?.konstruktion || null; flaeche = d.typ === 'betroffen' ? (raum.betr_decke_flaeche || raum.flaeche || 0) : (raum.flaeche || 0); } else { // Abgehängte Decke const belagKey = `belag_${d.nr}_material`; const flaecheKey = `belag_${d.nr}_flaeche`; material = raum.decken?.[d.typ]?.[belagKey] || null; flaeche = raum.decken?.[d.typ]?.[flaecheKey] || 0; } if (material && material !== 'null' && material !== '' && !material.startsWith('-- Bitte')) { bauteile.push(`Decke mit ${material} (${parseFloat(flaeche).toFixed(2)} m²)`); } } }); } // Sockelleisten expandieren if (m.betroffene_bauteile.sockelleisten && Array.isArray(m.betroffene_bauteile.sockelleisten)) { m.betroffene_bauteile.sockelleisten.forEach(s => { if (s.typ === 'bestand' || s.typ === 'betroffen') { const material = raum.sockelleisten?.[s.typ]?.material || null; const meter = raum.sockelleisten?.[s.typ]?.meter || 0; if (material && material !== 'null' && material !== '' && !material.startsWith('-- Bitte')) { bauteile.push(`Sockelleisten (${parseFloat(meter).toFixed(2)} m)`); } } }); } if (bauteile.length > 0) { bauteilInfo = `

🔨 Betroffene Bauteile:
${bauteile.join('
')}

`; } } html += `

${m.typ} ${m.art || 'Sanieren'} (${m.status})

${m.trocknungsart ? `

💨 Trocknungsart: ${m.trocknungsart} ${bezugText}

` : ''} ${m.ausstattung_referenz ? `

🔧 ${m.ausstattung_referenz.anzahl}× ${m.ausstattung_referenz.gegenstand}

` : ''} ${bauteilInfo} ${m.dauer_tage ? `

⏱️ Dauer: ${m.dauer_tage} Tage

` : ''} ${m.betroffene_flaechen && m.betroffene_flaechen.length > 0 ? `

📐 Betroffene Flächen: ${m.betroffene_flaechen.join(', ')}

` : ''} ${m.schaetzpreis_einheit ? `

💰 Schätzpreis: ${m.schaetzpreis_einheit.toFixed(2)} ${einheit} × ${bezugswert.toFixed(2)} = ${massnahme_gesamtpreis.toFixed(2)} €

` : ''} ${m.notizen ? `

📝 ${m.notizen}

` : ''}

`; }); // Gesamtpreis-Summe if (gesamtpreis > 0) { html += `

Gesamt-Schätzpreis: ${gesamtpreis.toFixed(2)} €

`; } container.innerHTML = html; } /** * Context für Maßnahme-Bearbeitung */ let currentMassnahmeEditContext = null; /** * Zeigt/versteckt das Trocknungsart-Feld basierend auf Maßnahmentyp */ function updateMassnahmeTrocknungsfeld() { const typ = document.getElementById('massnahme-typ').value; const trocknungsGroup = document.getElementById('massnahme-trocknungsart-group'); if (typ && typ.toLowerCase().includes('trocknung')) { trocknungsGroup.style.display = 'block'; } else { trocknungsGroup.style.display = 'none'; document.getElementById('massnahme-trocknungsart').value = ''; } updateMassnahmeEinheit(); } /** * Aktualisiert das Einheit-Label basierend auf Trocknungsart */ function updateMassnahmeEinheit() { const trocknungsart = document.getElementById('massnahme-trocknungsart').value; const label = document.getElementById('massnahme-einheit-label'); const bezugsgroesseText = document.getElementById('massnahme-bezugsgroesse-text'); const bezugswertVorschlag = document.getElementById('massnahme-bezugswert-vorschlag'); let einheit = '€/m²'; // Default let bezugsgroesse = 'flaeche'; let vorschlagswert = null; // Bezugsgröße und Einheit ermitteln if (trocknungsart) { if (trocknungsart.includes('Raumtrocknung') || trocknungsart.includes('Hohlraum')) { einheit = '€/m³'; bezugsgroesse = 'volumen'; } else if (trocknungsart.includes('Wand')) { einheit = '€/m²'; bezugsgroesse = 'wandflaeche'; } else { einheit = '€/m²'; // EDT, Balkenlage, Dämmschicht bezugsgroesse = 'flaeche'; } } label.textContent = einheit; // Vorschlagswert aus Raum-Daten berechnen if (currentRaumEditContext && currentRaumEditContext.raum) { const raum = currentRaumEditContext.raum; const calc = getRaumCalculated(raum); if (bezugsgroesse === 'volumen') { vorschlagswert = calc.volumen; bezugsgroesseText.textContent = '(Volumen)'; } else if (bezugsgroesse === 'wandflaeche') { vorschlagswert = calc.betr_wand_flaeche; bezugsgroesseText.textContent = '(betr. Wandfläche)'; } else if (bezugsgroesse === 'flaeche') { vorschlagswert = calc.betr_boden_flaeche; bezugsgroesseText.textContent = '(betr. Bodenfläche)'; } // Prüfe auf null UND undefined (mit != statt !==) if (vorschlagswert != null && !isNaN(vorschlagswert)) { bezugswertVorschlag.textContent = `${vorschlagswert.toFixed(2)} ${einheit.replace('€/', '')}`; // Vorschlag ins Eingabefeld eintragen (wenn leer) const bezugswertInput = document.getElementById('massnahme-bezugswert'); if (!bezugswertInput.value) { bezugswertInput.value = vorschlagswert.toFixed(2); } } else { bezugswertVorschlag.textContent = '--'; } } else { bezugsgroesseText.textContent = ''; bezugswertVorschlag.textContent = '--'; } } /** * Toggle-Funktion für Bauteil-Gruppen im Maßnahmen-Modal */ function toggleMassnahmeBauteilGruppe(gruppe) { const toggle = document.getElementById(`massnahme-bauteile-${gruppe}-toggle`); const liste = document.getElementById(`massnahme-bauteile-${gruppe}-liste`); if (toggle.checked) { liste.style.display = 'block'; } else { liste.style.display = 'none'; // Alle Checkboxen in der Gruppe deaktivieren liste.querySelectorAll('input[type="checkbox"]').forEach(cb => cb.checked = false); } } /** * Rendert die Bauteil-Listen im Maßnahmen-Modal */ function renderMassnahmeBauteilListen() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; // Wände-Liste const waendeListe = document.getElementById('massnahme-bauteile-waende-liste'); if (raum.waende && raum.waende.length > 0) { waendeListe.innerHTML = raum.waende.map((wand, idx) => { const typLabel = { 'normale_wand': '🧱', 'vorwand': '📐', 'nische': '◻️', 'schacht': '⬛' }[wand.typ] || '🧱'; return ` ${typLabel} ${wand.bezeichnung} (${wand.flaeche.toFixed(2)} m²) `; }).join(''); } else { waendeListe.innerHTML = 'Keine Wände im Raum erfasst'; } // Boden-Liste const bodenListe = document.getElementById('massnahme-bauteile-boden-liste'); let html = ''; // Fall 1: Detaillierte Böden mit Material erfasst if (raum.boeden && (raum.boeden.betroffen || raum.boeden.bestand)) { // Betroffene Böden if (raum.boeden.betroffen && raum.boeden.betroffen.belag_1_material) { html += ` 🟫 Betroffen: ${raum.boeden.betroffen.belag_1_material} (${(raum.boeden.betroffen.belag_1_flaeche || 0).toFixed(2)} m²) `; } if (raum.boeden.betroffen && raum.boeden.betroffen.belag_2_material) { html += ` 🟫 Betroffen: ${raum.boeden.betroffen.belag_2_material} (${(raum.boeden.betroffen.belag_2_flaeche || 0).toFixed(2)} m²) `; } // Bestehende Böden if (raum.boeden.bestand && raum.boeden.bestand.belag_1_material) { html += ` 🟩 Bestand: ${raum.boeden.bestand.belag_1_material} (${(raum.boeden.bestand.belag_1_flaeche || 0).toFixed(2)} m²) `; } if (raum.boeden.bestand && raum.boeden.bestand.belag_2_material) { html += ` 🟩 Bestand: ${raum.boeden.bestand.belag_2_material} (${(raum.boeden.bestand.belag_2_flaeche || 0).toFixed(2)} m²) `; } } // Fall 2: Nur Betroffenheit in Prozent angegeben (keine Detail-Beläge) if (html === '' && raum.betroffenheit && raum.betroffenheit.boden > 0) { const bodenFlaeche = (raum.flaeche || 0) * (raum.betroffenheit.boden / 100); html += ` 🟫 Boden betroffen (${raum.betroffenheit.boden}%): ${bodenFlaeche.toFixed(2)} m² `; } bodenListe.innerHTML = html || 'Keine Böden erfasst'; // Decken-Liste const deckenListe = document.getElementById('massnahme-bauteile-decke-liste'); let htmlDecke = ''; // Fall 1: Detaillierte Decken mit Material erfasst if (raum.decken && (raum.decken.betroffen || raum.decken.bestand)) { if (raum.decken.betroffen && raum.decken.betroffen.decke_1_material) { htmlDecke += ` 🔲 Betroffen Decke 1: ${raum.decken.betroffen.decke_1_material} (${(raum.decken.betroffen.decke_1_flaeche || 0).toFixed(2)} m²) `; } if (raum.decken.betroffen && raum.decken.betroffen.decke_2_material) { htmlDecke += ` 🔲 Betroffen Decke 2: ${raum.decken.betroffen.decke_2_material} (${(raum.decken.betroffen.decke_2_flaeche || 0).toFixed(2)} m²) `; } if (raum.decken.bestand && raum.decken.bestand.decke_1_material) { htmlDecke += ` 🟩 Bestand Decke 1: ${raum.decken.bestand.decke_1_material} (${(raum.decken.bestand.decke_1_flaeche || 0).toFixed(2)} m²) `; } } // Fall 2: Nur Betroffenheit in Prozent angegeben (keine Detail-Decken) if (htmlDecke === '' && raum.betroffenheit && raum.betroffenheit.decke > 0) { const deckenFlaeche = (raum.flaeche || 0) * (raum.betroffenheit.decke / 100); htmlDecke += ` 🔲 Decke betroffen (${raum.betroffenheit.decke}%): ${deckenFlaeche.toFixed(2)} m² `; } deckenListe.innerHTML = htmlDecke || 'Keine Decken erfasst'; } /** * Rendert die Bauteil-Listen im Schadenbild-Modal * (Analog zu renderMassnahmeBauteilListen) */ function renderSchadenbildBauteilListen() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; // Wände-Liste (NEU: 3-Spalten-Grid mit betroffener Fläche) const waendeListe = document.getElementById('schadenbild-bauteile-waende-liste'); if (raum.waende && raum.waende.length > 0) { waendeListe.innerHTML = raum.waende.map((wand, idx) => { const typLabel = { 'normale_wand': '🧱', 'vorwand': '📐', 'nische': '◻️', 'schacht': '⬛' }[wand.typ] || '🧱'; // Betroffenheit berechnen (falls vorhanden) const betroffenheit = wand.betroffenheit || 0; const gesamtFlaeche = wand.flaeche || 0; const betroffeneFlaeche = (gesamtFlaeche * betroffenheit / 100).toFixed(2); // Anteil-Text: "3,5 von 5m² (70%)" let anteilText = ''; if (betroffenheit > 0 && betroffenheit < 100) { anteilText = `${betroffeneFlaeche} von ${gesamtFlaeche.toFixed(2)}m² (${betroffenheit}%)`; } else if (betroffenheit === 100) { anteilText = `${gesamtFlaeche.toFixed(2)}m² (100%)`; } else { anteilText = `${gesamtFlaeche.toFixed(2)}m²`; } return ` ${typLabel} ${wand.bezeichnung} ${anteilText} `; }).join(''); } else { waendeListe.innerHTML = 'Keine Wände im Raum erfasst'; } // Boden-Liste (NEU: 3-Spalten-Grid) const bodenListe = document.getElementById('schadenbild-bauteile-boden-liste'); let htmlBoden = ''; // Fall 1: Detaillierte Böden mit Material erfasst if (raum.boeden && (raum.boeden.betroffen || raum.boeden.bestand)) { // Betroffene Böden if (raum.boeden.betroffen && raum.boeden.betroffen.belag_1_material) { const flaeche = (raum.boeden.betroffen.belag_1_flaeche || 0).toFixed(2); htmlBoden += ` 🟫 Betroffen: ${raum.boeden.betroffen.belag_1_material} ${flaeche}m² `; } if (raum.boeden.betroffen && raum.boeden.betroffen.belag_2_material) { const flaeche = (raum.boeden.betroffen.belag_2_flaeche || 0).toFixed(2); htmlBoden += ` 🟫 Betroffen: ${raum.boeden.betroffen.belag_2_material} ${flaeche}m² `; } // Bestehende Böden if (raum.boeden.bestand && raum.boeden.bestand.belag_1_material) { const flaeche = (raum.boeden.bestand.belag_1_flaeche || 0).toFixed(2); htmlBoden += ` 🟩 Bestand: ${raum.boeden.bestand.belag_1_material} ${flaeche}m² `; } if (raum.boeden.bestand && raum.boeden.bestand.belag_2_material) { const flaeche = (raum.boeden.bestand.belag_2_flaeche || 0).toFixed(2); htmlBoden += ` 🟩 Bestand: ${raum.boeden.bestand.belag_2_material} ${flaeche}m² `; } } // Fall 2: Nur Betroffenheit in Prozent angegeben (keine Detail-Beläge) if (htmlBoden === '' && raum.betroffenheit && raum.betroffenheit.boden > 0) { const gesamtFlaeche = raum.flaeche || 0; const prozent = raum.betroffenheit.boden; const betroffeneFlaeche = (gesamtFlaeche * prozent / 100).toFixed(2); htmlBoden += ` 🟫 Boden betroffen ${betroffeneFlaeche} von ${gesamtFlaeche.toFixed(2)}m² (${prozent}%) `; } bodenListe.innerHTML = htmlBoden || 'Keine Böden erfasst'; // Decken-Liste (NEU: 3-Spalten-Grid) const deckenListe = document.getElementById('schadenbild-bauteile-decke-liste'); let htmlDecke = ''; // Fall 1: Detaillierte Decken mit Material erfasst if (raum.decken && (raum.decken.betroffen || raum.decken.bestand)) { if (raum.decken.betroffen && raum.decken.betroffen.decke_1_material) { const flaeche = (raum.decken.betroffen.decke_1_flaeche || 0).toFixed(2); htmlDecke += ` 🔲 Betroffen Decke 1: ${raum.decken.betroffen.decke_1_material} ${flaeche}m² `; } if (raum.decken.betroffen && raum.decken.betroffen.decke_2_material) { const flaeche = (raum.decken.betroffen.decke_2_flaeche || 0).toFixed(2); htmlDecke += ` 🔲 Betroffen Decke 2: ${raum.decken.betroffen.decke_2_material} ${flaeche}m² `; } if (raum.decken.bestand && raum.decken.bestand.decke_1_material) { const flaeche = (raum.decken.bestand.decke_1_flaeche || 0).toFixed(2); htmlDecke += ` 🟩 Bestand Decke 1: ${raum.decken.bestand.decke_1_material} ${flaeche}m² `; } } // Fall 2: Nur Betroffenheit in Prozent angegeben (keine Detail-Decken) if (htmlDecke === '' && raum.betroffenheit && raum.betroffenheit.decke > 0) { const gesamtFlaeche = raum.flaeche || 0; const prozent = raum.betroffenheit.decke; const betroffeneFlaeche = (gesamtFlaeche * prozent / 100).toFixed(2); htmlDecke += ` 🔲 Decke betroffen ${betroffeneFlaeche} von ${gesamtFlaeche.toFixed(2)}m² (${prozent}%) `; } deckenListe.innerHTML = htmlDecke || 'Keine Decken erfasst'; // Sockelleisten (immer Prozent-basiert, NEU: 3-Spalten-Grid) const sockelListe = document.getElementById('schadenbild-bauteile-sockel-liste'); if (raum.betroffenheit && raum.betroffenheit.sockelleisten > 0) { const gesamtMeter = raum.umfang || 0; const prozent = raum.betroffenheit.sockelleisten; const betroffeneMeter = (gesamtMeter * prozent / 100).toFixed(2); sockelListe.innerHTML = ` 📏 Sockelleisten betroffen ${betroffeneMeter} von ${gesamtMeter.toFixed(2)}m (${prozent}%) `; } else { sockelListe.innerHTML = 'Keine Sockelleisten erfasst'; } } /** * Toggle-Funktion für Ausstattungs-Referenz in Schadenbild-Modal */ function toggleSchadenbildAusstattung() { const checkbox = document.getElementById('schadenbild-ausstattung-enabled'); const fields = document.getElementById('schadenbild-ausstattung-fields'); if (checkbox.checked) { fields.style.display = 'block'; populateSchadenbildAusstattungDropdown(); } else { fields.style.display = 'none'; } } /** * Füllt Ausstattungs-Dropdown im Schadenbild-Modal mit Gegenständen aus dem aktuellen Raum * NEU: Zeigt NUR betroffene Gegenstände (betroffen > 0) */ async function populateSchadenbildAusstattungDropdown() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; const dropdown = document.getElementById('schadenbild-ausstattung-gegenstand'); // Ausstattungs-Dropdown füllen (nur betroffene!) dropdown.innerHTML = ''; if (raum.ausstattung && typeof raum.ausstattung === 'object') { Object.keys(raum.ausstattung).forEach(key => { const data = raum.ausstattung[key]; const betroffen = (typeof data === 'number' ? 0 : data.betroffen) || 0; // NEU: Nur anzeigen wenn betroffen > 0 if (betroffen > 0) { dropdown.innerHTML += ``; } }); } } /** * Aktualisiert Anzahl-Feld im Schadenbild-Modal automatisch aus Ausstattungs-"Betroffen"-Wert */ function updateSchadenbildAusstattungAnzahl() { const dropdown = document.getElementById('schadenbild-ausstattung-gegenstand'); const anzahlInput = document.getElementById('schadenbild-ausstattung-anzahl'); const selectedOption = dropdown.options[dropdown.selectedIndex]; if (selectedOption && selectedOption.value) { const betroffen = selectedOption.getAttribute('data-betroffen') || 0; anzahlInput.value = betroffen; } else { anzahlInput.value = ''; } } /** * Öffnet das Maßnahme-Modal (Add oder Edit Mode) */ async function openMassnahmeModal(mode, massnahmeIdx = null) { if (!currentRaumEditContext) return; currentMassnahmeEditContext = { mode, massnahmeIdx }; // Modal-Titel setzen document.getElementById('massnahme-modal-title').textContent = mode === 'add' ? 'Neue Maßnahme hinzufügen' : 'Maßnahme bearbeiten'; // Dropdowns füllen const massnahmenTypen = await getSetting('massnahmen_typen_master') || []; const massnahmenArten = await getSetting('massnahmen_arten_master') || []; const massnahmenStatus = await getSetting('massnahmen_status_master') || []; const trocknungsarten = await getSetting('trocknungsarten_master') || []; DropdownUtils.populateFromArray('massnahme-typ', massnahmenTypen); DropdownUtils.populateFromArray('massnahme-art', massnahmenArten); DropdownUtils.populateFromArray('massnahme-status', massnahmenStatus); DropdownUtils.populateFromArray('massnahme-trocknungsart', trocknungsarten); // Bauteil-Listen rendern renderMassnahmeBauteilListen(); // Bei Edit: Felder füllen if (mode === 'edit' && massnahmeIdx !== null) { const raum = currentRaumEditContext.raum; const m = raum.massnahmen[massnahmeIdx]; if (!m) return; document.getElementById('massnahme-typ').value = m.typ || ''; document.getElementById('massnahme-art').value = m.art || ''; document.getElementById('massnahme-status').value = m.status || ''; document.getElementById('massnahme-dauer').value = m.dauer_tage || ''; document.getElementById('massnahme-trocknungsart').value = m.trocknungsart || ''; document.getElementById('massnahme-bezugswert').value = m.bezugswert_override || ''; document.getElementById('massnahme-schaetzpreis').value = m.schaetzpreis_einheit || ''; document.getElementById('massnahme-notizen').value = m.notizen || ''; // Bauteile vorauswählen (warten auf Render) setTimeout(() => { if (m.betroffene_bauteile) { // Wände if (m.betroffene_bauteile.waende && m.betroffene_bauteile.waende.length > 0) { document.getElementById('massnahme-bauteile-waende-toggle').checked = true; toggleMassnahmeBauteilGruppe('waende'); m.betroffene_bauteile.waende.forEach(wand => { const checkbox = document.querySelector(`.massnahme-bauteil-wand[data-wand-index="${wand.index}"]`); if (checkbox) checkbox.checked = true; }); } // Böden if (m.betroffene_bauteile.boeden && m.betroffene_bauteile.boeden.length > 0) { document.getElementById('massnahme-bauteile-boden-toggle').checked = true; toggleMassnahmeBauteilGruppe('boden'); m.betroffene_bauteile.boeden.forEach(boden => { const checkbox = document.querySelector(`.massnahme-bauteil-boden[data-boden-typ="${boden.typ}"][data-boden-nr="${boden.nr}"]`); if (checkbox) checkbox.checked = true; }); } // Decken if (m.betroffene_bauteile.decken && m.betroffene_bauteile.decken.length > 0) { document.getElementById('massnahme-bauteile-decke-toggle').checked = true; toggleMassnahmeBauteilGruppe('decke'); m.betroffene_bauteile.decken.forEach(decke => { const checkbox = document.querySelector(`.massnahme-bauteil-decke[data-decke-typ="${decke.typ}"][data-decke-nr="${decke.nr}"]`); if (checkbox) checkbox.checked = true; }); } // Sockelleisten document.getElementById('massnahme-bauteile-sockel').checked = m.betroffene_bauteile.sockelleisten || false; } }, 100); // Trocknungsart-Feld anzeigen falls Trocknung updateMassnahmeTrocknungsfeld(); // Ausstattungs-Referenz befüllen (Issue #4: Aktion-Feld entfernt) if (m.ausstattung_referenz) { document.getElementById('massnahme-ausstattung-enabled').checked = true; toggleMassnahmeAusstattung(); setTimeout(() => { document.getElementById('massnahme-ausstattung-gegenstand').value = m.ausstattung_referenz.gegenstand || ''; document.getElementById('massnahme-ausstattung-anzahl').value = m.ausstattung_referenz.anzahl || ''; }, 150); } else { document.getElementById('massnahme-ausstattung-enabled').checked = false; document.getElementById('massnahme-ausstattung-fields').style.display = 'none'; } } else { // Bei Add: Felder leeren document.getElementById('massnahme-typ').value = ''; document.getElementById('massnahme-art').value = ''; document.getElementById('massnahme-status').value = ''; document.getElementById('massnahme-dauer').value = ''; document.getElementById('massnahme-trocknungsart').value = ''; document.getElementById('massnahme-bezugswert').value = ''; document.getElementById('massnahme-schaetzpreis').value = ''; document.getElementById('massnahme-notizen').value = ''; // Alle Bauteil-Toggles und Checkboxen zurücksetzen document.getElementById('massnahme-bauteile-waende-toggle').checked = false; document.getElementById('massnahme-bauteile-boden-toggle').checked = false; document.getElementById('massnahme-bauteile-decke-toggle').checked = false; document.getElementById('massnahme-bauteile-sockel').checked = false; document.getElementById('massnahme-bauteile-waende-liste').style.display = 'none'; document.getElementById('massnahme-bauteile-boden-liste').style.display = 'none'; document.getElementById('massnahme-bauteile-decke-liste').style.display = 'none'; // Trocknungsart-Feld verstecken document.getElementById('massnahme-trocknungsart-group').style.display = 'none'; document.getElementById('massnahme-einheit-label').textContent = '€/m²'; // Ausstattungs-Referenz zurücksetzen (Issue #4) document.getElementById('massnahme-ausstattung-enabled').checked = false; document.getElementById('massnahme-ausstattung-fields').style.display = 'none'; document.getElementById('massnahme-ausstattung-gegenstand').value = ''; document.getElementById('massnahme-ausstattung-anzahl').value = ''; } ModalUtils.open('massnahme-edit-modal'); } /** * Speichert die Maßnahme aus dem Modal */ function saveMassnahmeModal() { if (!currentRaumEditContext || !currentMassnahmeEditContext) return; const { mode, massnahmeIdx } = currentMassnahmeEditContext; const raum = currentRaumEditContext.raum; // Validierung const typ = document.getElementById('massnahme-typ').value.trim(); if (!typ) { alert('Bitte wählen Sie einen Maßnahmentyp aus.'); return; } const art = document.getElementById('massnahme-art').value.trim(); if (!art) { alert('Bitte wählen Sie eine Maßnahmen-Art aus.'); return; } const status = document.getElementById('massnahme-status').value.trim(); if (!status) { alert('Bitte wählen Sie einen Status aus.'); return; } const dauer = document.getElementById('massnahme-dauer').value.trim(); const dauer_tage = dauer ? parseInt(dauer) : null; const trocknungsart = document.getElementById('massnahme-trocknungsart').value.trim() || null; const schaetzpreis = document.getElementById('massnahme-schaetzpreis').value.trim(); const schaetzpreis_einheit = schaetzpreis ? parseFloat(schaetzpreis) : null; const notizen = document.getElementById('massnahme-notizen').value.trim(); // Bezugswert (optional, überschreibt automatische Berechnung) const bezugswert_custom = document.getElementById('massnahme-bezugswert').value.trim(); const bezugswert_override = bezugswert_custom ? parseFloat(bezugswert_custom) : null; // Betroffene Bauteile sammeln (neue Struktur mit Referenzen) const betroffene_bauteile = { waende: [], boeden: [], decken: [], sockelleisten: document.getElementById('massnahme-bauteile-sockel').checked }; // Wände-Referenzen sammeln document.querySelectorAll('.massnahme-bauteil-wand:checked').forEach(checkbox => { betroffene_bauteile.waende.push({ index: parseInt(checkbox.dataset.wandIndex), bezeichnung: raum.waende[parseInt(checkbox.dataset.wandIndex)]?.bezeichnung || 'Unbekannt' }); }); // Boden-Referenzen sammeln document.querySelectorAll('.massnahme-bauteil-boden:checked').forEach(checkbox => { betroffene_bauteile.boeden.push({ typ: checkbox.dataset.bodenTyp, nr: parseInt(checkbox.dataset.bodenNr) }); }); // Decken-Referenzen sammeln document.querySelectorAll('.massnahme-bauteil-decke:checked').forEach(checkbox => { betroffene_bauteile.decken.push({ typ: checkbox.dataset.deckeTyp, nr: parseInt(checkbox.dataset.deckeNr) }); }); // Ausstattungs-Referenz (Issue #4: Aktion-Feld entfernt, nur Gegenstand + Anzahl) let ausstattung_referenz = null; const ausstattungEnabled = document.getElementById('massnahme-ausstattung-enabled').checked; if (ausstattungEnabled) { const gegenstand = document.getElementById('massnahme-ausstattung-gegenstand').value.trim(); const anzahl = document.getElementById('massnahme-ausstattung-anzahl').value.trim(); if (!gegenstand || !anzahl) { alert('Bitte füllen Sie alle Ausstattungs-Felder aus (Ausstattung, Anzahl).'); return; } ausstattung_referenz = { gegenstand: gegenstand, anzahl: parseInt(anzahl) }; } // Bezugsgröße automatisch ermitteln let bezugsgroesse = 'flaeche'; // Default if (trocknungsart) { if (trocknungsart.includes('Raumtrocknung') || trocknungsart.includes('Hohlraum')) { bezugsgroesse = 'volumen'; } else if (trocknungsart.includes('Wand')) { bezugsgroesse = 'wandflaeche'; } else { bezugsgroesse = 'flaeche'; // EDT, Balkenlage, Dämmschicht } } const massnahmeData = { typ: typ, art: art, trocknungsart: trocknungsart, bezugsgroesse: bezugsgroesse, bezugswert_override: bezugswert_override, // NEU: Custom Bezugswert status: status, dauer_tage: dauer_tage, betroffene_bauteile: betroffene_bauteile, // NEU: Konkrete Bauteil-Referenzen statt nur Checkboxen schaetzpreis_einheit: schaetzpreis_einheit, notizen: notizen, ausstattung_referenz: ausstattung_referenz // Issue #4: Aktion/Status jetzt bei Maßnahmen }; // Hinzufügen oder Bearbeiten if (mode === 'add') { if (!raum.massnahmen) { raum.massnahmen = []; } raum.massnahmen.push(massnahmeData); } else if (mode === 'edit' && massnahmeIdx !== null) { raum.massnahmen[massnahmeIdx] = massnahmeData; } renderRaumMassnahmen(raum); closeMassnahmeModal(); } /** * Schließt das Maßnahme-Modal */ function closeMassnahmeModal() { ModalUtils.close('massnahme-edit-modal', null, { onClose: () => { currentMassnahmeEditContext = null; } }); } /** * Fügt eine neue Maßnahme hinzu (öffnet Modal) */ async function addMassnahme() { await openMassnahmeModal('add'); } // ======================================================================== // MASSNAHMEN: AUSSTATTUNGS-REFERENZ (Issue #4) // ======================================================================== /** * Zeigt/versteckt Ausstattungs-Felder im Maßnahmen-Modal */ function toggleMassnahmeAusstattung() { const checkbox = document.getElementById('massnahme-ausstattung-enabled'); const fields = document.getElementById('massnahme-ausstattung-fields'); if (checkbox.checked) { fields.style.display = 'block'; populateMassnahmeAusstattungDropdown(); } else { fields.style.display = 'none'; } } /** * Füllt Ausstattungs-Dropdown mit Gegenständen aus dem aktuellen Raum * Issue #4 Paket 2: Aktionen werden jetzt aus IndexedDB gelesen (editierbar in Einstellungen) */ async function populateMassnahmeAusstattungDropdown() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; const dropdown = document.getElementById('massnahme-ausstattung-gegenstand'); // Ausstattungs-Dropdown füllen (Issue #4: Aktion-Feld entfernt) dropdown.innerHTML = ''; if (raum.ausstattung && typeof raum.ausstattung === 'object') { Object.keys(raum.ausstattung).forEach(key => { const data = raum.ausstattung[key]; const betroffen = (typeof data === 'number' ? 0 : data.betroffen) || 0; dropdown.innerHTML += ``; }); } } /** * Aktualisiert Anzahl-Feld automatisch aus Ausstattungs-"Betroffen"-Wert */ function updateMassnahmeAusstattungAnzahl() { const dropdown = document.getElementById('massnahme-ausstattung-gegenstand'); const anzahlInput = document.getElementById('massnahme-ausstattung-anzahl'); const selectedOption = dropdown.options[dropdown.selectedIndex]; if (selectedOption && selectedOption.value) { const betroffen = selectedOption.getAttribute('data-betroffen') || 0; anzahlInput.value = betroffen; } else { anzahlInput.value = ''; } } // ======================================================================== // WÄNDE-EINZELERFASSUNG (Issue #4 Paket 3) // ======================================================================== let currentWandEditIndex = null; // null = neu, number = bearbeiten let currentWandBelaege = []; // Temporäre Beläge-Liste für Modal /** * Öffnet Wand-Modal (neu oder bearbeiten) */ async function openWandModal(index = null) { if (!currentRaumEditContext) return; currentWandEditIndex = index; const raum = currentRaumEditContext.raum; // Initialisiere Wände-Array falls nicht vorhanden if (!raum.waende) raum.waende = []; // Modal-Titel setzen document.getElementById('wand-modal-title').textContent = index !== null ? 'Wand bearbeiten' : 'Wand hinzufügen'; // Wandkonstruktionen-Dropdown füllen const konstruktionen = await getSetting('wandkonstruktionen_master', []); const konstruktionSelect = document.getElementById('wand-konstruktion'); konstruktionSelect.innerHTML = ''; konstruktionen.forEach(k => { konstruktionSelect.innerHTML += ``; }); // Raum-Liste für Angrenzung füllen await populateWandAngrenzungRaumListe(); // Formular füllen (neu oder bearbeiten) if (index !== null && raum.waende[index]) { const wand = raum.waende[index]; document.getElementById('wand-bezeichnung').value = wand.bezeichnung || ''; document.getElementById('wand-typ').value = wand.typ || 'normale_wand'; document.getElementById('wand-laenge').value = wand.laenge || ''; document.getElementById('wand-hoehe').value = wand.hoehe || ''; document.getElementById('wand-flaeche').value = wand.flaeche || ''; document.getElementById('wand-konstruktion').value = wand.konstruktion || ''; document.getElementById('wand-betroffenheit').value = wand.betroffenheit || 0; currentWandBelaege = wand.belaege ? [...wand.belaege] : []; // Angrenzung document.getElementById('wand-angrenzung-typ').value = wand.angrenzung_typ || ''; document.getElementById('wand-angrenzung-raum').value = wand.angrenzung_raum || ''; } else { // Leeres Formular - Höhe aus Raumhöhe übernehmen const raumHoehe = parseFloat(document.getElementById('raum-hoehe')?.value) || 2.50; document.getElementById('wand-bezeichnung').value = ''; document.getElementById('wand-typ').value = 'normale_wand'; document.getElementById('wand-laenge').value = ''; document.getElementById('wand-hoehe').value = raumHoehe.toFixed(2); document.getElementById('wand-flaeche').value = ''; document.getElementById('wand-konstruktion').value = ''; document.getElementById('wand-betroffenheit').value = 0; currentWandBelaege = []; // Angrenzung zurücksetzen document.getElementById('wand-angrenzung-typ').value = ''; document.getElementById('wand-angrenzung-raum').value = ''; } updateWandAngrenzungFields(); renderWandBelaegeListe(); updateWandBelaegeSumme(); // Modal anzeigen document.getElementById('wand-edit-modal').style.display = 'flex'; } /** * Schließt Wand-Modal */ function closeWandModal() { document.getElementById('wand-edit-modal').style.display = 'none'; currentWandEditIndex = null; currentWandBelaege = []; } /** * Füllt die Raum-Liste für Angrenzung */ async function populateWandAngrenzungRaumListe() { if (!currentSchadenfall || !currentSchadenfall.gebaeude) return; const select = document.getElementById('wand-angrenzung-raum'); select.innerHTML = ''; // Alle Räume des Schadenfalls durchgehen currentSchadenfall.gebaeude.forEach((geb, gebIdx) => { if (!geb.etagen) return; geb.etagen.forEach((etage, etageIdx) => { if (!etage.wohnungen) return; etage.wohnungen.forEach((whg, whgIdx) => { if (!whg.raeume) return; whg.raeume.forEach((raum, raumIdx) => { // Raum-ID für eindeutige Identifikation const raumId = `${gebIdx}-${etageIdx}-${whgIdx}-${raumIdx}`; const raumLabel = `${geb.name} / ${etage.name} / ${whg.name} / ${raum.name}`; select.innerHTML += ``; }); }); }); }); } /** * Zeigt/Versteckt Raum-Dropdown je nach Angrenzung-Typ */ function updateWandAngrenzungFields() { const typ = document.getElementById('wand-angrenzung-typ').value; const raumGroup = document.getElementById('wand-angrenzung-raum-group'); if (typ === 'raum') { raumGroup.style.display = 'block'; } else { raumGroup.style.display = 'none'; document.getElementById('wand-angrenzung-raum').value = ''; } } /** * Berechnet Wandfläche aus Länge × Höhe */ function updateWandBerechnung() { const laenge = parseFloat(document.getElementById('wand-laenge').value) || 0; const hoehe = parseFloat(document.getElementById('wand-hoehe').value) || 0; const flaeche = laenge * hoehe; document.getElementById('wand-flaeche').value = flaeche.toFixed(2); } /** * Fügt einen Belag zur temporären Liste hinzu */ async function addWandBelag() { const belaege = await getSetting('wandbelaege_master', ['Fliesen', 'Tapete', 'Farbe/Putz']); currentWandBelaege.push({ typ: belaege[0] || 'Fliesen', prozent: 0 }); renderWandBelaegeListe(); updateWandBelaegeSumme(); } /** * Entfernt einen Belag aus der temporären Liste */ function removeWandBelag(index) { currentWandBelaege.splice(index, 1); renderWandBelaegeListe(); updateWandBelaegeSumme(); } /** * Aktualisiert einen Belag in der temporären Liste */ function updateWandBelag(index, field, value) { if (currentWandBelaege[index]) { currentWandBelaege[index][field] = field === 'prozent' ? parseInt(value) || 0 : value; updateWandBelaegeSumme(); } } /** * Rendert die Beläge-Liste im Wand-Modal */ async function renderWandBelaegeListe() { const container = document.getElementById('wand-belaege-liste'); const belaege = await getSetting('wandbelaege_master', ['Fliesen', 'Tapete', 'Farbe/Putz']); if (currentWandBelaege.length === 0) { container.innerHTML = '

Keine Beläge erfasst. Klicken Sie auf "+ Belag hinzufügen".

'; return; } let html = ''; currentWandBelaege.forEach((belag, idx) => { html += `

`; }); container.innerHTML = html; } /** * Aktualisiert die Summe der Beläge */ function updateWandBelaegeSumme() { const summe = currentWandBelaege.reduce((sum, b) => sum + (b.prozent || 0), 0); const sumEl = document.getElementById('wand-belaege-prozent'); sumEl.textContent = summe + '%'; // Warnung wenn nicht 100% const container = document.getElementById('wand-belaege-sum'); if (summe === 100) { container.style.background = '#e8f5e9'; container.style.borderColor = '#4caf50'; } else if (summe > 100) { container.style.background = '#ffebee'; container.style.borderColor = '#f44336'; } else { container.style.background = '#fff3e0'; container.style.borderColor = '#ff9800'; } } /** * Speichert die Wand */ function saveWandModal() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; if (!raum.waende) raum.waende = []; // Validierung const bezeichnung = document.getElementById('wand-bezeichnung').value.trim(); const laenge = parseFloat(document.getElementById('wand-laenge').value); const hoehe = parseFloat(document.getElementById('wand-hoehe').value); if (!bezeichnung) { alert('Bitte eine Bezeichnung eingeben.'); return; } if (!laenge || laenge <= 0) { alert('Bitte eine gültige Länge eingeben.'); return; } if (!hoehe || hoehe <= 0) { alert('Bitte eine gültige Höhe eingeben.'); return; } // Wand-Objekt erstellen const wand = { bezeichnung: bezeichnung, typ: document.getElementById('wand-typ').value, laenge: laenge, hoehe: hoehe, flaeche: parseFloat(document.getElementById('wand-flaeche').value) || 0, konstruktion: document.getElementById('wand-konstruktion').value, betroffenheit: parseInt(document.getElementById('wand-betroffenheit').value) || 0, belaege: [...currentWandBelaege], angrenzung_typ: document.getElementById('wand-angrenzung-typ').value || '', angrenzung_raum: document.getElementById('wand-angrenzung-raum').value || '' }; // Speichern (neu oder update) if (currentWandEditIndex !== null) { raum.waende[currentWandEditIndex] = wand; } else { raum.waende.push(wand); } // UI aktualisieren renderWaendeListe(); updateWaendeGesamtFlaeche(); closeWandModal(); showToast('Wand gespeichert', 'success'); } /** * Rendert die Wände-Liste im Raum-Modal */ function renderWaendeListe() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; const container = document.getElementById('waende-liste'); // Migration: Konvertiere altes Objekt-Modell zu neuem Array-Modell (Issue #4 Paket 3) if (raum.waende && !Array.isArray(raum.waende)) { // Altes Format: { betroffen: {...}, bestand: {...} } // Neues Format: Array von Wand-Objekten raum.waende = []; // Reset zu leerem Array } if (!raum.waende || raum.waende.length === 0) { container.innerHTML = '

Keine Wände erfasst. Klicken Sie auf "+ Wand hinzufügen" um zu starten.

'; return; } let html = '

'; raum.waende.forEach((wand, idx) => { const typLabel = { 'normale_wand': '🧱', 'vorwand': '📐', 'nische': '◻️', 'schacht': '⬛' }[wand.typ] || '🧱'; html += `

${typLabel}

Länge: m Höhe: m = ${wand.flaeche.toFixed(2)} m² ${wand.konstruktion ? ` | ${wand.konstruktion}` : ''} ${wand.betroffenheit > 0 ? ` | Betroffen: ${wand.betroffenheit}%` : ''}

${wand.belaege && wand.belaege.length > 0 ? `

Beläge: ${wand.belaege.map(b => `${b.typ} (${b.prozent}%)`).join(', ')}

` : ''}

`; }); html += '

'; container.innerHTML = html; } /** * Aktualisiert die Bezeichnung einer Wand inline * @param {number} index - Index der Wand * @param {string} value - Neue Bezeichnung */ function updateWandBezeichnung(index, value) { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; if (!raum.waende || !raum.waende[index]) return; const wand = raum.waende[index]; wand.bezeichnung = value.trim() || 'Unbenannte Wand'; // UI aktualisieren (nur leicht, keine komplette Re-Render nötig) showToast('Bezeichnung aktualisiert', 'success'); } /** * Aktualisiert Länge oder Höhe einer Wand inline * @param {number} index - Index der Wand * @param {string} field - 'laenge' oder 'hoehe' * @param {string} value - Neuer Wert */ function updateWandDimension(index, field, value) { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; if (!raum.waende || !raum.waende[index]) return; const wand = raum.waende[index]; const numValue = parseFloat(value) || 0; // Wert aktualisieren wand[field] = numValue; // Fläche neu berechnen wand.flaeche = wand.laenge * wand.hoehe; // UI aktualisieren renderWaendeListe(); updateWaendeGesamtFlaeche(); showToast(`${field === 'laenge' ? 'Länge' : 'Höhe'} aktualisiert`, 'success'); } /** * Dupliziert eine Wand * @param {number} index - Index der zu duplizierenden Wand */ function duplicateWand(index) { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; if (!raum.waende || !raum.waende[index]) return; // Wand klonen (deep copy) const originalWand = raum.waende[index]; const duplicatedWand = { bezeichnung: originalWand.bezeichnung + ' (Kopie)', typ: originalWand.typ, laenge: originalWand.laenge, hoehe: originalWand.hoehe, flaeche: originalWand.flaeche, konstruktion: originalWand.konstruktion, betroffenheit: originalWand.betroffenheit, belaege: originalWand.belaege ? [...originalWand.belaege.map(b => ({...b}))] : [] }; // Direkt nach der Originalwand einfügen raum.waende.splice(index + 1, 0, duplicatedWand); // UI aktualisieren renderWaendeListe(); updateWaendeGesamtFlaeche(); showToast('Wand dupliziert', 'success'); } /** * Löscht eine Wand */ function deleteWand(index) { if (!currentRaumEditContext) return; if (!confirm('Wand wirklich löschen?')) return; const raum = currentRaumEditContext.raum; if (raum.waende && raum.waende[index]) { raum.waende.splice(index, 1); renderWaendeListe(); updateWaendeGesamtFlaeche(); showToast('Wand gelöscht', 'success'); } } /** * Aktualisiert die Gesamt-Wandfläche */ function updateWaendeGesamtFlaeche() { if (!currentRaumEditContext) return; const raum = currentRaumEditContext.raum; const gesamtFlaeche = (raum.waende || []).reduce((sum, w) => sum + (w.flaeche || 0), 0); const el = document.getElementById('waende-gesamt-flaeche'); if (el) { el.textContent = gesamtFlaeche.toFixed(2) + ' m²'; } } /** * Bearbeitet eine Maßnahme (öffnet Modal) */ async function editMassnahme(idx) { await openMassnahmeModal('edit', idx); } /** * Löscht eine Maßnahme */ function deleteMassnahme(idx) { if (!currentRaumEditContext) return; if (!confirm('Maßnahme wirklich löschen?')) return; const raum = currentRaumEditContext.raum; raum.massnahmen.splice(idx, 1); renderRaumMassnahmen(raum); } /** * Bearbeitet einen bestehenden Raum */ async function editSchadenfallRaum(index) { if (!currentSchadenfall || !currentSchadenfall.raeume) return; const raum = currentSchadenfall.raeume[index]; if (!raum) return; const name = prompt('Raumname:', raum.name); if (!name) return; const flaeche = parseFloat(prompt('Fläche in m²:', raum.flaeche) || raum.flaeche); const hoehe = parseFloat(prompt('Raumhöhe in m:', raum.hoehe) || raum.hoehe); const umfang = parseFloat(prompt('Umfang in m:', raum.umfang) || raum.umfang); const anteil = parseInt(prompt('Betroffener Anteil in %:', raum.anteil) || raum.anteil); currentSchadenfall.raeume[index] = { ...raum, name: name, flaeche: flaeche, hoehe: hoehe, umfang: umfang, anteil: anteil, geaendert: new Date().toISOString() }; await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Raum aktualisiert', 'success'); } /** * Löscht einen Raum */ async function deleteSchadenfallRaum(index) { if (!currentSchadenfall || !currentSchadenfall.raeume) return; const raum = currentSchadenfall.raeume[index]; if (!confirm(`Raum "${raum.name}" wirklich löschen?`)) return; currentSchadenfall.raeume.splice(index, 1); await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Raum gelöscht', 'success'); } /** * Löscht alle Räume des Schadenfalls */ async function clearSchadenfallRaeume() { if (!currentSchadenfall) return; if (!confirm('Wirklich ALLE Räume löschen?')) return; currentSchadenfall.raeume = []; await updateRecord('schaeden', currentSchadenfall); renderSchadenfallRaeume(); showToast('Alle Räume gelöscht', 'success'); } // ==================== RÄUME & GEBÄUDE SYSTEM - HIERARCHISCHE STRUKTUR ==================== // Phase 1: Datenmodell & Helper-Funktionen // Datum: 2025-11-17 // // Hierarchie: Gebäude → Etage → Wohnung → Raum // // Verwendung: // - migrateRaeumeToHierarchical(schadenfall) - Migriert alte flache Struktur // - getRaumCalculated(raum) - Berechnet alle Flächen/Volumen // - calculateSchadenfallStatistik(schadenfall) - Aggregierte Statistiken // - calculateUmfang(options) - Schlauer Umfang-Rechner // ====================================================================================== /** * Migriert alte flache Rä ume-Struktur zu neuer Hierarchie * Alt: schadenfall.raeume = [{name, flaeche, ...}] * Neu: schadenfall.gebaeude = [{etagen: [{wohnungen: [{raeume: [...]}]}]}] */ function migrateRaeumeToHierarchical(schadenfall) { // Bereits migriert? if (schadenfall.gebaeude && Array.isArray(schadenfall.gebaeude)) { return schadenfall; } const oldRaeume = schadenfall.raeume || []; if (oldRaeume.length === 0) { schadenfall.gebaeude = []; delete schadenfall.raeume; return schadenfall; } // Default-Hierarchie erstellen const defaultGebaeude = { id: `geb_${Date.now()}`, name: 'Gebäude (Standard)', baujahr: null, bauart: null, etagen: [{ id: `etage_${Date.now()}`, name: 'EG', hoehe: 2.5, wohnungen: [{ id: `whg_${Date.now()}`, name: 'Standard-Wohnung', bewohner: null, raeume: [] }] }] }; // Alte Räume migrieren defaultGebaeude.etagen[0].wohnungen[0].raeume = oldRaeume.map(oldRaum => ({ id: oldRaum.id || `raum_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, name: oldRaum.name, typ: 'Sonstiges', flaeche: oldRaum.flaeche || 0, hoehe: oldRaum.hoehe || 2.5, umfang: oldRaum.umfang || 0, laenge: null, breite: null, betroffenheit: { waende: oldRaum.anteil || 100, decke: 0, boden: oldRaum.anteil || 100, sockelleisten: oldRaum.anteil || 100 }, ausstattung: {}, schadenbilder: [], massnahmen: [], notizen: '', erstellt: oldRaum.erstellt || new Date().toISOString() })); schadenfall.gebaeude = [defaultGebaeude]; delete schadenfall.raeume; console.log(`✅ Räume migriert: ${oldRaeume.length} Räume → hierarchische Struktur`); return schadenfall; } /** * Berechnet alle abgeleiteten Werte für einen Raum */ function getRaumCalculated(raum) { const flaeche = parseFloat(raum.flaeche) || 0; const hoehe = parseFloat(raum.hoehe) || 2.5; const umfang = parseFloat(raum.umfang) || 0; // ========== WÄNDE: Berechnung aus detaillierten Angaben ========== let wandflaeche_gesamt_detail = 0; let wandflaeche_betroffen_detail = 0; if (raum.waende && Array.isArray(raum.waende) && raum.waende.length > 0) { // Aus detaillierten Wänden berechnen raum.waende.forEach(wand => { const wandFlaeche = parseFloat(wand.flaeche) || 0; wandflaeche_gesamt_detail += wandFlaeche; wandflaeche_betroffen_detail += wandFlaeche * ((parseFloat(wand.betroffenheit) || 0) / 100); }); } // Wandfläche: Detailliert ODER aus Umfang × Höhe const wandflaeche_gesamt = wandflaeche_gesamt_detail > 0 ? wandflaeche_gesamt_detail : (umfang * hoehe); const wandflaeche_betroffen = wandflaeche_gesamt_detail > 0 ? wandflaeche_betroffen_detail : (wandflaeche_gesamt * ((raum.betroffenheit?.waende || 0) / 100)); // Wände als Prozent zur Raumfläche (für Berichte) const waende_prozent_zur_raumflaeche = flaeche > 0 ? (wandflaeche_gesamt / flaeche) * 100 : 0; // ========== BÖDEN: Berechnung aus detaillierten Angaben ========== let bodenflaeche_gesamt_detail = 0; let bodenflaeche_betroffen_detail = 0; if (raum.boeden && (raum.boeden.betroffen || raum.boeden.bestand)) { // Bestand-Fläche (Standard = Raumfläche, überschreibbar) const bestandFlaeche = raum.boeden.bestand?.gesamt_flaeche ?? flaeche; bodenflaeche_gesamt_detail = bestandFlaeche; // Betroffene Fläche aus betroffen.belag_1_flaeche + belag_2_flaeche if (raum.boeden.betroffen) { bodenflaeche_betroffen_detail = (parseFloat(raum.boeden.betroffen.belag_1_flaeche) || 0) + (parseFloat(raum.boeden.betroffen.belag_2_flaeche) || 0); } } const bodenflaeche_gesamt = bodenflaeche_gesamt_detail > 0 ? bodenflaeche_gesamt_detail : flaeche; const bodenflaeche_betroffen = bodenflaeche_gesamt_detail > 0 ? bodenflaeche_betroffen_detail : (flaeche * ((raum.betroffenheit?.boden || 0) / 100)); // ========== DECKEN: Berechnung aus detaillierten Angaben ========== let deckenflaeche_gesamt_detail = 0; let deckenflaeche_betroffen_detail = 0; if (raum.decken && (raum.decken.betroffen || raum.decken.bestand)) { // Bestand-Fläche (Standard = Raumfläche, überschreibbar) const bestandFlaeche = raum.decken.bestand?.gesamt_flaeche ?? flaeche; deckenflaeche_gesamt_detail = bestandFlaeche; // Betroffene Fläche: decke_1 + decke_2 (beide addieren!) if (raum.decken.betroffen) { deckenflaeche_betroffen_detail = (parseFloat(raum.decken.betroffen.decke_1_flaeche) || 0) + (parseFloat(raum.decken.betroffen.decke_2_flaeche) || 0); } } const deckenflaeche_gesamt = deckenflaeche_gesamt_detail > 0 ? deckenflaeche_gesamt_detail : flaeche; const deckenflaeche_betroffen = deckenflaeche_gesamt_detail > 0 ? deckenflaeche_betroffen_detail : (flaeche * ((raum.betroffenheit?.decke || 0) / 100)); // ========== SOCKELLEISTEN: Bleibt Prozent-basiert ========== const sockelleisten_meter = umfang * ((raum.betroffenheit?.sockelleisten || 0) / 100); // ========== BERECHNETE PROZENTE (für Anzeige/Berichte) ========== const betr_waende_prozent = wandflaeche_gesamt > 0 ? (wandflaeche_betroffen / wandflaeche_gesamt) * 100 : 0; const betr_boden_prozent = bodenflaeche_gesamt > 0 ? (bodenflaeche_betroffen / bodenflaeche_gesamt) * 100 : 0; const betr_decke_prozent = deckenflaeche_gesamt > 0 ? (deckenflaeche_betroffen / deckenflaeche_gesamt) * 100 : 0; const volumen = flaeche * hoehe; return { wandflaeche_gesamt, bodenflaeche_gesamt, deckenflaeche_gesamt, volumen, wandflaeche_betroffen, bodenflaeche_betroffen, deckenflaeche_betroffen, sockelleisten_meter, gesamt_betroffen: wandflaeche_betroffen + bodenflaeche_betroffen + deckenflaeche_betroffen, // NEU: Berechnete Prozente betr_waende_prozent, betr_boden_prozent, betr_decke_prozent, waende_prozent_zur_raumflaeche, // Wände-Fläche in % der Raumfläche // NEU: Detail-Flags has_detail_waende: wandflaeche_gesamt_detail > 0, has_detail_boeden: bodenflaeche_gesamt_detail > 0, has_detail_decken: deckenflaeche_gesamt_detail > 0 }; } /** * Schlauer Umfang-Rechner */ function calculateUmfang(options) { const { mode, flaeche, laenge, breite, umfang } = options; if (mode === 'manual') return parseFloat(umfang) || 0; if (mode === 'from_laenge_breite') return 2 * ((parseFloat(laenge) || 0) + (parseFloat(breite) || 0)); if (mode === 'from_flaeche') { const ratio = 1.5; const f = parseFloat(flaeche) || 0; const b = Math.sqrt(f / ratio); const l = b * ratio; return 2 * (l + b); } return 0; } /** * Berechnet aggregierte Statistiken für Schadenfall */ function calculateSchadenfallStatistik(schadenfall) { if (!schadenfall.gebaeude) return null; const stats = { anzahl_gebaeude: schadenfall.gebaeude.length, anzahl_etagen: 0, anzahl_wohnungen: 0, anzahl_raeume: 0, gesamt_bodenflaeche: 0, gesamt_wandflaeche: 0, gesamt_deckenflaeche: 0, gesamt_volumen: 0, betroffene_bodenflaeche: 0, betroffene_wandflaeche: 0, betroffene_deckenflaeche: 0, betroffene_sockelleisten: 0, gesamt_betroffen: 0 }; for (const geb of schadenfall.gebaeude) { if (!geb.etagen) continue; for (const etage of geb.etagen) { stats.anzahl_etagen++; if (!etage.wohnungen) continue; for (const whg of etage.wohnungen) { stats.anzahl_wohnungen++; if (!whg.raeume) continue; for (const raum of whg.raeume) { stats.anzahl_raeume++; const calc = getRaumCalculated(raum); stats.gesamt_bodenflaeche += calc.bodenflaeche_gesamt; stats.gesamt_wandflaeche += calc.wandflaeche_gesamt; stats.gesamt_deckenflaeche += calc.deckenflaeche_gesamt; stats.gesamt_volumen += calc.volumen; stats.betroffene_bodenflaeche += calc.bodenflaeche_betroffen; stats.betroffene_wandflaeche += calc.wandflaeche_betroffen; stats.betroffene_deckenflaeche += calc.deckenflaeche_betroffen; stats.betroffene_sockelleisten += calc.sockelleisten_meter; stats.gesamt_betroffen += calc.gesamt_betroffen; } } } } return stats; } /** * Findet Element in Hierarchie */ function findGebaeude(schadenfall, gebaeudeId) { return schadenfall.gebaeude?.find(g => g.id === gebaeudeId); } function findEtage(gebaeude, etageId) { return gebaeude?.etagen?.find(e => e.id === etageId); } function findWohnung(etage, wohnungId) { return etage?.wohnungen?.find(w => w.id === wohnungId); } function findRaum(wohnung, raumId) { return wohnung?.raeume?.find(r => r.id === raumId); } /** * Hierarchischer Pfad für Anzeige * @returns {String} "Gebäude > Etage > Wohnung > Raum" */ function getRaumPath(schadenfall, gebaeudeId, etageId, wohnungId, raumId) { const geb = findGebaeude(schadenfall, gebaeudeId); if (!geb) return ''; const etage = findEtage(geb, etageId); if (!etage) return geb.name; const whg = findWohnung(etage, wohnungId); if (!whg) return `${geb.name} > ${etage.name}`; const raum = findRaum(whg, raumId); if (!raum) return `${geb.name} > ${etage.name} > ${whg.name}`; return `${geb.name} > ${etage.name} > ${whg.name} > ${raum.name}`; } // ======================================================================== // SCHADENFALL-DETAIL MODAL: MODAL LIFECYCLE (CLOSE & DELETE) // ======================================================================== // Funktionen zum Schließen und Löschen des Modals // WICHTIG: closeSchadenfallModal() wird aus HTML-onclick aufgerufen! // ======================================================================== /** * Schließt das Schadenfall-Detail Modal * @critical HTML onclick-Handler - NICHT umbenennen! */ function closeSchadenfallModal() { // ✅ REFACTORED: Verwendet ModalUtils (Standards-Architektur v1.0) ModalUtils.close('schadenfall-detail-modal'); currentSchadenfallId = null; } /** * Löscht den aktuell geöffneten Schadenfall nach Bestätigung * @critical HTML onclick-Handler - NICHT umbenennen! */ async function deleteCurrentSchadenfall() { if (!currentSchadenfall) { showToast('Kein Schadenfall geöffnet', 'error'); return; } // Schließe Modal zuerst closeSchadenfallModal(); // Dann lösche (nutzt die bereits erstellte Funktion) await deleteSchadenfall(currentSchadenfall.id); } async function exportSchadenfallMD() { // Legacy function - redirect to new one with all options checked await exportSchadenfallMDWithOptions(); } async function exportSchadenfallMDWithOptions() { if (!currentSchadenfall) { showToast('Kein Schadenfall ausgewählt', 'error'); return; } // Read export options const options = { stammdaten: document.getElementById('md-export-stammdaten')?.checked !== false, besonderheiten: document.getElementById('md-export-besonderheiten')?.checked !== false, checkliste: document.getElementById('md-export-checkliste')?.checked !== false, vermerke: document.getElementById('md-export-vermerke')?.checked !== false }; // Calculate statistics for YAML front-matter const allVermerke = await getAllRecords('vermerke'); const schadenVermerke = allVermerke.filter(v => v.schadennummer === currentSchadenfall.schadennummer); const gesamtdauer = schadenVermerke.reduce((sum, v) => sum + (parseFloat(v.dauer) || 0), 0); const gesamtkm = schadenVermerke.reduce((sum, v) => sum + (parseInt(v.kilometer) || 0), 0); // YAML Front-Matter (nur wenn Stammdaten aktiviert) let md = ''; if (options.stammdaten) { md = `--- title: ${currentSchadenfall.schadennummer} - ${currentSchadenfall.versicherungsnehmer || 'Unbekannt'} schadennummer: ${currentSchadenfall.schadennummer} versicherer: ${currentSchadenfall.versicherer || ''} versicherungsnehmer: ${currentSchadenfall.versicherungsnehmer || ''} schadenart: ${currentSchadenfall.schadenart || ''} schadenursachen: [${(currentSchadenfall.schadenursachen || []).map(u => `"${u}"`).join(', ')}] schadenort: ${currentSchadenfall.schadenort || ''} erstellt: ${currentSchadenfall.erstellt || ''} gesamtdauer: ${gesamtdauer.toFixed(2)} gesamtkm: ${gesamtkm} --- # ${currentSchadenfall.schadennummer} - ${currentSchadenfall.versicherungsnehmer || 'Unbekannt'} `; } // Stammdaten if (options.stammdaten) { md += `## Stammdaten\n\n`; md += `- **Schadennummer**: ${currentSchadenfall.schadennummer}\n`; md += `- **Versicherung**: ${currentSchadenfall.versicherer || '-'}\n`; md += `- **Versicherungsnehmer**: ${currentSchadenfall.versicherungsnehmer || '-'}\n`; md += `- **Schadenort**: ${currentSchadenfall.schadenort || '-'}\n`; md += `- **Schadenart**: ${currentSchadenfall.schadenart || '-'}\n`; if (currentSchadenfall.schadenursachen && currentSchadenfall.schadenursachen.length > 0) { md += `- **Schadenursache(n)**: ${currentSchadenfall.schadenursachen.join(', ')}\n`; } if (currentSchadenfall.datum_auftragserteilung) { md += `- **Datum Auftragserteilung**: ${currentSchadenfall.datum_auftragserteilung}\n`; } if (currentSchadenfall.entfernung) { md += `- **Entfernung**: ${currentSchadenfall.entfernung} km\n`; } // Sachbearbeiter if (currentSchadenfall.sachbearbeiter && currentSchadenfall.sachbearbeiter.name) { md += `\n### Sachbearbeiter\n\n`; md += `- **Name**: ${currentSchadenfall.sachbearbeiter.name}\n`; if (currentSchadenfall.sachbearbeiter.telefon) { md += `- **Telefon**: ${currentSchadenfall.sachbearbeiter.telefon}\n`; } if (currentSchadenfall.sachbearbeiter.email) { md += `- **E-Mail**: ${currentSchadenfall.sachbearbeiter.email}\n`; } } // Versicherungsmakler if (currentSchadenfall.versicherungsmakler) { md += `\n### Versicherungsmakler\n\n`; md += `${currentSchadenfall.versicherungsmakler}\n`; } // Zugeordnete Kontakte if (currentSchadenfall.kontakte && currentSchadenfall.kontakte.length > 0) { md += `\n### Zugeordnete Kontakte\n\n`; const allKontakte = await getAllRecords('kontakte'); currentSchadenfall.kontakte.forEach(sk => { const kontakt = allKontakte.find(k => k.id == sk.kontaktId); if (kontakt) { md += `#### ${sk.rolle}: ${kontakt.name}\n\n`; if (kontakt.firma) md += `- **Firma**: ${kontakt.firma}\n`; if (kontakt.telefon) md += `- **Telefon**: ${kontakt.telefon}\n`; if (kontakt.email) md += `- **E-Mail**: ${kontakt.email}\n`; if (kontakt.webseite) md += `- **Webseite**: ${kontakt.webseite}\n`; if (kontakt.adresse) md += `- **Adresse**: ${kontakt.adresse}\n`; md += '\n'; } }); } md += '\n'; } // Besonderheiten if (options.besonderheiten && currentSchadenfall.besonderheiten && currentSchadenfall.besonderheiten.length > 0) { md += `## Besonderheiten\n\n`; currentSchadenfall.besonderheiten.forEach(bes => { md += `### ${bes.begriff}\n\n`; md += `${bes.inhalt || ''}\n`; if (bes.notiz) { md += `\n**Notiz**: ${bes.notiz}\n`; } md += '\n'; }); } // Checkliste (gruppiert nach Kategorie) if (options.checkliste && currentSchadenfall.checkliste && currentSchadenfall.checkliste.length > 0) { const kategorien = await getSetting('checkbox_kategorien', []); md += `## Checkliste\n\n`; // Gruppiere Items nach Kategorie const itemsByCategory = {}; currentSchadenfall.checkliste.forEach(item => { if (!itemsByCategory[item.categoryId]) { itemsByCategory[item.categoryId] = []; } itemsByCategory[item.categoryId].push(item); }); // Exportiere gruppiert nach Kategorie for (const catId in itemsByCategory) { const kategorie = kategorien.find(k => idsMatch(k.id, catId)); const categoryName = kategorie ? kategorie.name : 'Unbekannte Kategorie'; const items = itemsByCategory[catId]; md += `### ${categoryName}\n\n`; items.forEach(item => { const checklistItem = kategorie && kategorie.items ? kategorie.items.find(i => idsMatch(typeof i === 'string' ? i : i.id, item.itemId)) : null; const itemText = checklistItem ? (typeof checklistItem === 'string' ? checklistItem : (checklistItem.name || 'Unbekannt')) : 'Unbekannt'; md += `- [${item.checked ? 'x' : ' '}] ${itemText}`; if (item.checkedDate) { md += ` _(${formatDate(item.checkedDate)})_`; } if (item.note) { md += `\n - 📝 ${item.note}`; } md += '\n'; }); md += '\n'; } } // Vermerke/Aktivitäten (gruppiert nach Tätigkeitskategorie) if (options.vermerke && schadenVermerke.length > 0) { const taetigkeitenKategorien = await getSetting('taetigkeitsarten_kategorien', []); md += `## Vermerke & Aktivitäten\n\n`; md += `- **Gesamtdauer**: ${gesamtdauer.toFixed(2)} Stunden\n`; md += `- **Gesamt-KM**: ${gesamtkm} km\n\n`; // Sort by date schadenVermerke.sort((a, b) => new Date(a.datum) - new Date(b.datum)); // Jede Tätigkeitsart als eigene Überschrift schadenVermerke.forEach(v => { md += `### ${v.taetigkeitsart || 'Vermerk'}\n\n`; if (v.beschreibung) { // Beschreibung kann mehrere Zeilen enthalten const beschreibungsZeilen = v.beschreibung.split('\n'); beschreibungsZeilen.forEach(zeile => { const trimmedZeile = zeile.trim(); if (trimmedZeile) { // Wenn die Zeile bereits mit "- " beginnt, direkt übernehmen if (trimmedZeile.startsWith('- ')) { md += `${trimmedZeile}\n`; } else { // Sonst als Listenpunkt hinzufügen md += `- ${trimmedZeile}\n`; } } }); } md += '\n'; }); } // Download const blob = new Blob([md], { type: 'text/markdown' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; const heute = new Date().toISOString().split('T')[0]; a.download = `schadenfall-${currentSchadenfall.schadennummer}-${heute}.md`; a.click(); URL.revokeObjectURL(url); showToast('Markdown-Export erfolgreich', 'success'); } // ==================== SANIERUNGSBERICHT ENTFERNT ==================== // Wurde ersetzt durch integriertes Berichtswesen (Bericht generieren Modal) // Neue Berichte: "Was ist beschädigt" + "Erforderliche Maßnahmen" + "Gesamtbericht" // ==================================================================== // ==================== KONTAKTE ==================== let currentKontaktId = null; // ✅ REFACTORED: Verwendet ModalUtils (Standards-Architektur v1.0) function openNewKontaktModal() { ModalUtils.open('kontakt-modal', { formId: 'kontakt-form', onOpen: () => { currentKontaktId = null; currentKontaktRollen = []; // Reset Rollen-Array document.getElementById('kontakt-modal-title').textContent = 'Neuer Kontakt'; document.getElementById('kontakt-id').value = ''; // Rollen laden und UI reset populateKontaktRollen(); renderKontaktRollenTags(); } }); } async function populateKontaktRollen() { const kategorien = await getSetting('rollen_kategorien', []); const kategorieSelect = document.getElementById('kontakt-rollen-kategorie'); if (!kategorieSelect) { console.warn('[populateKontaktRollen] Element kontakt-rollen-kategorie nicht gefunden'); return; } kategorieSelect.innerHTML = ''; kategorien.forEach(kat => { const option = document.createElement('option'); option.value = kat.id; option.textContent = kat.name; kategorieSelect.appendChild(option); }); // Rolle-Select zurücksetzen const rolleSelect = document.getElementById('kontakt-rolle'); if (rolleSelect) { rolleSelect.innerHTML = ''; rolleSelect.disabled = true; } } async function onKontaktRolleKategorieChange() { const kategorien = await getSetting('rollen_kategorien', []); const kategorieSelect = document.getElementById('kontakt-rollen-kategorie'); const rolleSelect = document.getElementById('kontakt-rolle'); const addBtn = document.getElementById('add-rolle-btn'); if (!kategorieSelect || !rolleSelect) { console.warn('[onKontaktRolleKategorieChange] Elemente nicht gefunden'); return; } const kategorieId = kategorieSelect.value; if (!kategorieId) { rolleSelect.innerHTML = ''; rolleSelect.disabled = true; if (addBtn) addBtn.disabled = true; return; } const kategorie = kategorien.find(k => k.id === kategorieId); if (!kategorie || !kategorie.items || kategorie.items.length === 0) { rolleSelect.innerHTML = ''; rolleSelect.disabled = true; if (addBtn) addBtn.disabled = true; return; } rolleSelect.disabled = false; rolleSelect.innerHTML = ''; kategorie.items.forEach(item => { const option = document.createElement('option'); option.value = item; option.textContent = item; rolleSelect.appendChild(option); }); // Enable add button wenn Rolle ausgewählt wurde rolleSelect.onchange = () => { if (addBtn) { addBtn.disabled = !rolleSelect.value; } }; } // Globales Array für ausgewählte Rollen im Modal let currentKontaktRollen = []; function addRolleToKontakt() { const kategorieSelect = document.getElementById('kontakt-rollen-kategorie'); const rolleSelect = document.getElementById('kontakt-rolle'); const kategorieId = kategorieSelect.value; const kategorieName = kategorieSelect.options[kategorieSelect.selectedIndex].text; const rolle = rolleSelect.value; if (!rolle || !kategorieId) { showToast('Bitte Kategorie und Rolle auswählen', 'error'); return; } // Prüfe ob Rolle bereits hinzugefügt const exists = currentKontaktRollen.some(r => r.rolle === rolle && r.kategorie_id === kategorieId); if (exists) { showToast('Diese Rolle wurde bereits hinzugefügt', 'warning'); return; } // Füge Rolle hinzu currentKontaktRollen.push({ rolle: rolle, kategorie_id: kategorieId, kategorie_name: kategorieName }); // Update UI renderKontaktRollenTags(); // Reset Selects kategorieSelect.value = ''; rolleSelect.value = ''; rolleSelect.disabled = true; rolleSelect.innerHTML = ''; document.getElementById('add-rolle-btn').disabled = true; } function removeRolleFromKontakt(index) { currentKontaktRollen.splice(index, 1); renderKontaktRollenTags(); } function renderKontaktRollenTags() { const container = document.getElementById('kontakt-rollen-list'); console.log('[renderKontaktRollenTags] Rendering mit', currentKontaktRollen.length, 'Rollen'); console.log('[renderKontaktRollenTags] currentKontaktRollen:', currentKontaktRollen); console.log('[renderKontaktRollenTags] Container gefunden:', container); if (!container) { console.error('[renderKontaktRollenTags] ❌ Container "kontakt-rollen-list" nicht gefunden!'); return; } if (currentKontaktRollen.length === 0) { container.innerHTML = 'Keine Rollen ausgewählt'; console.log('[renderKontaktRollenTags] Keine Rollen - Placeholder gesetzt'); return; } let html = ''; currentKontaktRollen.forEach((r, idx) => { console.log(`[renderKontaktRollenTags] Erstelle Tag ${idx}:`, r.rolle, '(' + r.kategorie_name + ')'); html += `${r.rolle}(${r.kategorie_name})`; }); console.log('[renderKontaktRollenTags] Generierter HTML:', html.substring(0, 200) + '...'); container.innerHTML = html; console.log('[renderKontaktRollenTags] ✓ HTML gesetzt, container.children.length:', container.children.length); } async function filterKontaktRollen() { const searchInput = document.getElementById('kontakt-rolle-search'); const container = document.getElementById('kontakt-rollen-filtered'); if (!searchInput || !container) return; const searchTerm = searchInput.value.toLowerCase().trim(); if (!searchTerm || searchTerm.length < 2) { container.innerHTML = '

Bitte mindestens 2 Zeichen eingeben...

'; return; } const rollenKategorien = await getSetting('rollen_kategorien', []); // Sammle alle Rollen aus allen Kategorien const alleRollen = []; rollenKategorien.forEach(kat => { if (kat.items && Array.isArray(kat.items)) { kat.items.forEach(rolle => { // Filtere nach Suchbegriff (Rolle oder Kategorie) if (rolle.toLowerCase().includes(searchTerm) || kat.name.toLowerCase().includes(searchTerm)) { alleRollen.push({ rolle: rolle, kategorieId: kat.id, kategorieName: kat.name }); } }); } }); // Zeige Ergebnisse if (alleRollen.length === 0) { container.innerHTML = '

Keine passenden Rollen gefunden

'; return; } let html = '

'; alleRollen.forEach(r => { // Prüfe ob bereits hinzugefügt const isAlreadyAdded = currentKontaktRollen.some(kr => kr.rolle === r.rolle && kr.kategorie_id === r.kategorieId ); const style = isAlreadyAdded ? 'opacity: 0.5; cursor: default;' : 'cursor: pointer; transition: background 0.2s;'; const hoverStyle = isAlreadyAdded ? '' : 'onmouseover="this.style.background=\'var(--gray-100)\'" onmouseout="this.style.background=\'white\'"'; const onclick = isAlreadyAdded ? '' : `onclick="addKontaktRolleFromSearch('${r.rolle}', '${r.kategorieId}', '${r.kategorieName}')"`; html += `

${r.rolle} ${r.kategorieName}

${isAlreadyAdded ? '✓ Bereits hinzugefügt' : '+ Hinzufügen'}

`; }); html += '

'; container.innerHTML = html; } function addKontaktRolleFromSearch(rolle, kategorieId, kategorieName) { // Prüfe ob bereits hinzugefügt const exists = currentKontaktRollen.some(r => r.rolle === rolle && r.kategorie_id === kategorieId); if (exists) { showToast('Diese Rolle wurde bereits hinzugefügt', 'info'); return; } // Füge Rolle hinzu currentKontaktRollen.push({ rolle: rolle, kategorie_id: kategorieId, kategorie_name: kategorieName }); // Update UI renderKontaktRollenTags(); // Suche aktualisieren filterKontaktRollen(); } async function saveKontakt(event) { event.preventDefault(); if (currentKontaktRollen.length === 0) { showToast('Bitte mindestens eine Rolle hinzufügen', 'error'); return; } const kontakt = { name: document.getElementById('kontakt-name').value, firma: document.getElementById('kontakt-firma').value, rollen: currentKontaktRollen, // Array von Rollen mit Kategorien telefon: document.getElementById('kontakt-telefon').value, email: document.getElementById('kontakt-email').value, webseite: document.getElementById('kontakt-webseite').value, adresse: document.getElementById('kontakt-adresse').value, notizen: document.getElementById('kontakt-notizen').value }; try { if (currentKontaktId) { // UPDATE: ID und erstellt-Datum vom existierenden Kontakt übernehmen console.log('[saveKontakt] UPDATE-Pfad, ID:', currentKontaktId); kontakt.id = currentKontaktId; const existingKontakt = await getRecordById('kontakte', currentKontaktId); if (existingKontakt) { kontakt.erstellt = existingKontakt.erstellt; } await updateRecord('kontakte', kontakt); showToast('Kontakt aktualisiert', 'success'); // Event dispatchen für Sync dispatchAppEvent(AppEvents.KONTAKT_CHANGED, { action: 'update', kontakt: kontakt }); console.log('[saveKontakt] ✅ UPDATE erfolgreich'); } else { // CREATE: Neues erstellt-Datum console.log('[saveKontakt] CREATE-Pfad (NEU ANLEGEN)'); kontakt.erstellt = new Date().toISOString(); console.log('[saveKontakt] Rufe addRecord() auf...'); const newId = await addRecord('kontakte', kontakt); console.log('[saveKontakt] addRecord() erfolgreich, neue ID:', newId); kontakt.id = newId; showToast('Kontakt erstellt', 'success'); // Event dispatchen für Sync console.log('[saveKontakt] Dispatche KONTAKT_CHANGED Event...'); dispatchAppEvent(AppEvents.KONTAKT_CHANGED, { action: 'create', kontakt: kontakt }); console.log('[saveKontakt] ✅ CREATE erfolgreich'); } console.log('[saveKontakt] Rufe updateDashboard() auf...'); await updateDashboard(); console.log('[saveKontakt] updateDashboard() erfolgreich, schließe Modal...'); await closeKontaktModal(); console.log('[saveKontakt] ✅ Modal geschlossen'); } catch (error) { console.error('[saveKontakt] ❌ Fehler beim Speichern:', error); console.error('[saveKontakt] ❌ Stack:', error.stack); showToast('Fehler beim Speichern: ' + error.message, 'error'); } } // ✅ REFACTORED: Verwendet ModalUtils (Standards-Architektur v1.0) async function closeKontaktModal() { try { console.log('[closeKontaktModal] Starte...'); await ModalUtils.close('kontakt-modal', null, { method: 'classList', // WICHTIG: editKontakt() verwendet classList.add('active')! onClose: async () => { console.log('[closeKontaktModal] onClose-Callback startet...'); currentKontaktId = null; // BUGFIX: Render NACH Modal-Close, nicht davor (sonst werden onclick-Handler zerstört) await renderKontakte(); console.log('[closeKontaktModal] onClose-Callback fertig'); } }); console.log('[closeKontaktModal] ✅ Fertig'); } catch (error) { console.error('[closeKontaktModal] ❌ Fehler beim Schließen:', error); console.error('[closeKontaktModal] ❌ Stack:', error.stack); // FALLBACK: Manuelles Schließen wenn ModalUtils fehlschlägt console.log('[closeKontaktModal] 🔄 Versuche Fallback (manuelles Schließen)...'); try { const modal = document.getElementById('kontakt-modal'); if (modal) { modal.classList.remove('active'); currentKontaktId = null; await renderKontakte(); console.log('[closeKontaktModal] ✅ Fallback erfolgreich'); showToast('Modal geschlossen (Fallback)', 'info'); } } catch (fallbackError) { console.error('[closeKontaktModal] ❌ Auch Fallback fehlgeschlagen:', fallbackError); showToast('Fehler beim Schließen des Modals', 'error'); } } } // ✅ REFACTORED: Verwendet KontaktRenderer (Standards-Architektur v1.0) let isRenderingKontakte = false; async function renderKontakte() { // Guard: Verhindere gleichzeitige Render-Aufrufe if (isRenderingKontakte) { console.log('[renderKontakte] ⚠️ Bereits am Rendern, überspringe doppelten Aufruf'); return; } try { isRenderingKontakte = true; let kontakte = await getAllRecords('kontakte'); const container = document.getElementById('kontakte-list'); // Volltextsuche const searchTerm = document.getElementById('search-kontakte')?.value.toLowerCase() || ''; if (searchTerm) { kontakte = kontakte.filter(k => (k.name && k.name.toLowerCase().includes(searchTerm)) || (k.firma && k.firma.toLowerCase().includes(searchTerm)) || (k.telefon && k.telefon.toLowerCase().includes(searchTerm)) || (k.email && k.email.toLowerCase().includes(searchTerm)) || (k.adresse && k.adresse.toLowerCase().includes(searchTerm)) || (k.notizen && k.notizen.toLowerCase().includes(searchTerm)) ); } // Filter nach Rolle const filterRolle = document.getElementById('filter-kontakt-rolle')?.value || ''; if (filterRolle) { kontakte = kontakte.filter(k => { // Neue Struktur: rollen (Array von Objekten oder Strings) if (k.rollen && Array.isArray(k.rollen)) { if (k.rollen.length > 0) { if (typeof k.rollen[0] === 'object') { // Neues Format: {rolle, kategorie_id, kategorie_name} return k.rollen.some(r => r.rolle === filterRolle); } else { // Altes Format: Array von Strings return k.rollen.includes(filterRolle); } } } // Ganz alte Struktur: rolle (String) if (k.rolle === filterRolle) return true; return false; }); } // Rollen-Filter aktualisieren const allKontakte = await getAllRecords('kontakte'); const uniqueRollen = new Set(); allKontakte.forEach(k => { if (k.rollen && Array.isArray(k.rollen)) { if (k.rollen.length > 0) { if (typeof k.rollen[0] === 'object') { // Neues Format: {rolle, kategorie_id, kategorie_name} k.rollen.forEach(r => uniqueRollen.add(r.rolle)); } else { // Altes Format: Array von Strings k.rollen.forEach(r => uniqueRollen.add(r)); } } } // Ganz alte Struktur: rolle (String) if (k.rolle) { uniqueRollen.add(k.rolle); } }); const sortedRollen = [...uniqueRollen].sort(); const rolleSelect = document.getElementById('filter-kontakt-rolle'); if (rolleSelect) { const currentValue = rolleSelect.value; rolleSelect.innerHTML = '' + sortedRollen.map(r => ``).join(''); } // ✅ REFACTORED: Verwendet KontaktRenderer (Standards-Architektur v1.0) if (!window.kontaktRenderer) { window.kontaktRenderer = new KontaktRenderer('kontakte-list'); } // Empty-State Handling if (kontakte.length === 0) { container.innerHTML = '

Keine Kontakte mit den gewählten Filtern gefunden

'; return; } // Render mit Grid-Container-Wrapper und Renderer let renderedItems = ''; kontakte.forEach((k, index) => { renderedItems += `

${window.kontaktRenderer.renderItem(k, index)}

`; }); const gridHtml = '

'; container.innerHTML = gridHtml + renderedItems + '

'; } finally { isRenderingKontakte = false; } } async function editKontakt(id) { try { console.log('[editKontakt] Öffne Kontakt:', id); currentKontaktId = id; const kontakt = await getRecordById('kontakte', id); if (!kontakt) { showToast('Kontakt nicht gefunden', 'error'); return; } document.getElementById('kontakt-modal-title').textContent = 'Kontakt bearbeiten'; document.getElementById('kontakt-name').value = kontakt.name || ''; document.getElementById('kontakt-firma').value = kontakt.firma || ''; document.getElementById('kontakt-telefon').value = kontakt.telefon || ''; document.getElementById('kontakt-email').value = kontakt.email || ''; document.getElementById('kontakt-webseite').value = kontakt.webseite || ''; document.getElementById('kontakt-adresse').value = kontakt.adresse || ''; document.getElementById('kontakt-notizen').value = kontakt.notizen || ''; document.getElementById('kontakt-id').value = id; // Rollen-Kategorien laden - DISABLED: UI nutzt jetzt Volltextsuche statt Dropdown // await populateKontaktRollen(); // Reset currentKontaktRollen Array currentKontaktRollen = []; // Rollen aus Kontakt laden console.log('[editKontakt] Lade Rollen für Kontakt:', kontakt.name); console.log('[editKontakt] kontakt.rollen:', kontakt.rollen); if (kontakt.rollen && Array.isArray(kontakt.rollen)) { // Neues Format: Array von {rolle, kategorie_id, kategorie_name} if (kontakt.rollen.length > 0 && typeof kontakt.rollen[0] === 'object') { currentKontaktRollen = [...kontakt.rollen]; console.log('[editKontakt] Neues Format erkannt, Rollen kopiert:', currentKontaktRollen); } // Altes Format: Array von Strings - konvertieren else { console.log('[editKontakt] Altes String-Format erkannt, konvertiere...'); const kategorien = await getSetting('rollen_kategorien', []); for (const rolle of kontakt.rollen) { // Finde Kategorie für diese Rolle for (const kat of kategorien) { if (kat.items && kat.items.includes(rolle)) { currentKontaktRollen.push({ rolle: rolle, kategorie_id: kat.id, kategorie_name: kat.name }); console.log('[editKontakt] Rolle konvertiert:', rolle, '→', kat.name); break; } } } } } // Ganz alte Struktur mit einzelner rolle else if (kontakt.rolle) { console.log('[editKontakt] Sehr altes Format mit einzelner Rolle:', kontakt.rolle); const kategorien = await getSetting('rollen_kategorien', []); for (const kat of kategorien) { if (kat.items && kat.items.includes(kontakt.rolle)) { currentKontaktRollen.push({ rolle: kontakt.rolle, kategorie_id: kontakt.rolle_kategorie || kat.id, kategorie_name: kat.name }); console.log('[editKontakt] Einzelne Rolle konvertiert'); break; } } } console.log('[editKontakt] currentKontaktRollen nach Laden:', currentKontaktRollen); // UI aktualisieren renderKontaktRollenTags(); // E-Mail-Link aktualisieren updateKontaktEmailLink(); // BUGFIX (Issue #1 Regression): Inline-Style entfernen bevor classList const kontaktModal = document.getElementById('kontakt-modal'); kontaktModal.style.display = ''; // Entfernt inline style kontaktModal.classList.add('active'); console.log('[editKontakt] Modal geöffnet'); } catch (error) { console.error('[editKontakt] Fehler beim Laden des Kontakts:', error); showToast('Fehler beim Öffnen des Kontakts: ' + error.message, 'error'); } } /** * Dupliziert einen Kontakt (Issue #6, Paket 2) * @param {string|number} id - ID des zu duplizierenden Kontakts * * User Use-Case: "gleiche Firma nur anderer Name, andere Email, andere Telefonnummer" * * Vorausgefüllt: Firma, Name (+ " (Kopie)"), Rollen, Adresse, Webseite * LEER: Telefon, Email (User editiert diese) */ async function duplicateKontakt(id) { try { console.log('[duplicateKontakt] Dupliziere Kontakt:', id); // 1. Original-Kontakt laden const original = await getRecordById('kontakte', id); if (!original) { showToast('Kontakt nicht gefunden', 'error'); return; } // 2. Modal für NEUEN Kontakt öffnen (currentKontaktId = null!) currentKontaktId = null; // WICHTIG: Erstellt neuen Kontakt, kein Update! document.getElementById('kontakt-modal-title').textContent = 'Kontakt duplizieren'; // 3. Formular mit Duplikat-Daten füllen document.getElementById('kontakt-name').value = (original.name || '') + ' (Kopie)'; document.getElementById('kontakt-firma').value = original.firma || ''; // ✅ Übernehmen document.getElementById('kontakt-telefon').value = ''; // ❌ LEER (User editiert) document.getElementById('kontakt-email').value = ''; // ❌ LEER (User editiert) document.getElementById('kontakt-webseite').value = original.webseite || ''; // ✅ Übernehmen document.getElementById('kontakt-adresse').value = original.adresse || ''; // ✅ Übernehmen document.getElementById('kontakt-notizen').value = `Dupliziert von: ${original.name || 'Unbekannt'}`; document.getElementById('kontakt-id').value = ''; // Leer = neuer Kontakt // 4. Rollen kopieren (Deep Copy) currentKontaktRollen = []; if (original.rollen && Array.isArray(original.rollen)) { // Neues Format: Array von {rolle, kategorie_id, kategorie_name} if (original.rollen.length > 0 && typeof original.rollen[0] === 'object') { currentKontaktRollen = original.rollen.map(r => ({...r})); // Deep Copy console.log('[duplicateKontakt] Rollen kopiert (neues Format):', currentKontaktRollen); } // Altes Format: Array von Strings - konvertieren else { console.log('[duplicateKontakt] Konvertiere Rollen von String-Format...'); const kategorien = await getSetting('rollen_kategorien', []); for (const rolle of original.rollen) { for (const kat of kategorien) { if (kat.items && kat.items.includes(rolle)) { currentKontaktRollen.push({ rolle: rolle, kategorie_id: kat.id, kategorie_name: kat.name }); break; } } } } } else if (original.rolle) { // Ganz alte Struktur mit einzelner rolle const kategorien = await getSetting('rollen_kategorien', []); for (const kat of kategorien) { if (kat.items && kat.items.includes(original.rolle)) { currentKontaktRollen.push({ rolle: original.rolle, kategorie_id: original.rolle_kategorie || kat.id, kategorie_name: kat.name }); break; } } } // 5. UI aktualisieren renderKontaktRollenTags(); updateKontaktEmailLink(); // 6. Modal öffnen (BUGFIX Issue #1 Regression) const kontaktModal = document.getElementById('kontakt-modal'); kontaktModal.style.display = ''; // Entfernt inline style kontaktModal.classList.add('active'); console.log('[duplicateKontakt] Modal geöffnet - User soll Name, Email & Telefon editieren'); // 7. User-Feedback showToast('Kontakt dupliziert - bitte Name, E-Mail & Telefon anpassen', 'info', 4000); } catch (error) { console.error('[duplicateKontakt] Fehler:', error); showToast('Fehler beim Duplizieren: ' + error.message, 'error'); } } /** * Dupliziert eine Aufgabe * - Vorausgefüllt: Titel (+ Kopie), Kategorie, Checkpoint, Schadenfall, Zuständigkeiten, Beschreibung * - RESET: Status zu "offen" * - LEER: Fälligkeit (User editiert) * * Issue #6 - Paket 3 */ async function duplicateAufgabe(id) { try { const original = await getRecordById('aufgaben', id); if (!original) { showToast('Aufgabe nicht gefunden', 'error'); return; } // WICHTIG: Erstellt neue Aufgabe, kein Update! currentAufgabeId = null; // Modal-Titel ändern document.getElementById('aufgabe-modal-title').textContent = 'Neue Aufgabe (dupliziert)'; // Formular mit Duplikat-Daten füllen document.getElementById('aufgabe-titel').value = (original.titel || '') + ' (Kopie)'; // ✅ + Kopie document.getElementById('aufgabe-status').value = 'offen'; // ✅ RESET zu "offen" document.getElementById('aufgabe-faelligkeit').value = ''; // ❌ LEER (User editiert) document.getElementById('aufgabe-beschreibung').value = original.beschreibung || ''; // ✅ Übernehmen // Dropdowns laden await populateAufgabeDropdowns(); // Checklist-Kategorie und -Item setzen (falls vorhanden) if (original.checklist_kategorie) { document.getElementById('aufgabe-checklist-kategorie').value = original.checklist_kategorie; await updateAufgabeChecklistItems(); // Items nachladen if (original.checklist_item) { document.getElementById('aufgabe-checklist-item').value = original.checklist_item; } } // Schadenfall setzen document.getElementById('aufgabe-schadenfall').value = original.schadenfall || ''; // Zuständigkeiten kopieren (Deep Copy) // Format: { kontaktId: 'uuid', rolle: 'Projektleiter' } currentAufgabeZustaendigkeiten = (original.zustaendigkeiten || []).map(z => ({...z})); await renderAufgabeZustaendigkeiten(); // Modal öffnen (BUGFIX Issue #1 Regression) const aufgabeModal = document.getElementById('aufgabe-modal'); aufgabeModal.style.display = ''; // Entfernt inline style aufgabeModal.classList.add('active'); showToast('Aufgabe dupliziert - bitte Fälligkeit anpassen', 'info', 4000); } catch (error) { console.error('[duplicateAufgabe] Fehler:', error); showToast('Fehler beim Duplizieren: ' + error.message, 'error'); } } async function updateKontaktEmailLink() { const emailInput = document.getElementById('kontakt-email'); const emailLink = document.getElementById('kontakt-email-link'); if (!emailInput || !emailLink) return; const email = emailInput.value.trim(); if (email && email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) { // E-Mail ist gültig - Link anzeigen // Hinweis: from-Parameter wird von Outlook nicht unterstützt // Das E-Mail-Programm nutzt automatisch das konfigurierte Standard-Konto const mailtoUrl = `mailto:${email}`; emailLink.href = mailtoUrl; emailLink.style.display = 'block'; } else { // Keine gültige E-Mail - Link verstecken emailLink.style.display = 'none'; } } async function deleteKontakt(id) { const kontakt = await getRecordById('kontakte', id); if (!kontakt) { showToast('Kontakt nicht gefunden', 'error'); return; } // CASCADE DELETE: Prüfe ob Kontakt in Aufgaben verwendet wird const allAufgaben = await getAllRecords('aufgaben'); const affectedAufgaben = allAufgaben.filter(a => a.zustaendigkeiten && a.zustaendigkeiten.some(z => idsMatch(z.kontaktId, id)) ); const confirmText = affectedAufgaben.length > 0 ? `Kontakt "${kontakt.name}" wird in ${affectedAufgaben.length} Aufgabe(n) als Zuständigkeit verwendet.\n\nWirklich löschen? (Zuständigkeiten werden entfernt)` : `Kontakt "${kontakt.name}" wirklich löschen?`; if (!confirm(confirmText)) return; try { // CASCADE: Entferne Kontakt aus Aufgaben-Zuständigkeiten for (const aufgabe of affectedAufgaben) { aufgabe.zustaendigkeiten = aufgabe.zustaendigkeiten.filter(z => !idsMatch(z.kontaktId, id)); await updateRecord('aufgaben', aufgabe); console.log(`🔄 Kontakt-ID ${id} aus Aufgabe "${aufgabe.titel}" entfernt`); } await deleteRecord('kontakte', id); showToast(`Kontakt gelöscht${affectedAufgaben.length > 0 ? ` (${affectedAufgaben.length} Aufgaben aktualisiert)` : ''}`, 'success'); await renderKontakte(); await renderAufgaben(); await updateDashboard(); } catch (error) { console.error('Fehler beim Löschen:', error); showToast('Fehler beim Löschen', 'error'); } } // ==================== AUFGABEN ==================== let currentAufgabeId = null; let currentAufgabenFilter = 'alle'; let currentAufgabeZustaendigkeiten = []; // Array von {kontaktId, kontaktName, rolle} // ✅ REFACTORED: Verwendet ModalUtils (Standards-Architektur v1.0) function openNewAufgabeModal() { ModalUtils.open('aufgabe-modal', { formId: 'aufgabe-form', onOpen: () => { currentAufgabeId = null; currentAufgabeZustaendigkeiten = []; // Reset document.getElementById('aufgabe-modal-title').textContent = 'Neue Aufgabe'; document.getElementById('aufgabe-id').value = ''; document.getElementById('aufgabe-status').value = 'offen'; // Dropdowns laden populateAufgabeDropdowns(); } }); } let aufgabeZustaendigkeitenViewMode = 'add'; // 'add' = Volltextsuche, 'manage' = Liste async function populateAufgabeDropdowns() { // Checklisten-Kategorien const kategorien = await getSetting('checkbox_kategorien', []); const katSelect = document.getElementById('aufgabe-checklist-kategorie'); katSelect.innerHTML = ''; kategorien.forEach(kat => { const option = document.createElement('option'); option.value = kat.id; option.textContent = kat.name; katSelect.appendChild(option); }); // Schadenfälle (Datalist für Autocomplete) const schaeden = await getAllRecords('schaeden'); const schadenDatalist = document.getElementById('schadenfall-suggestions'); schadenDatalist.innerHTML = ''; schaeden.forEach(s => { const option = document.createElement('option'); option.value = s.schadennummer || s.id; option.textContent = `${s.schadennummer || s.id} - ${s.versicherungsnehmer || 'Unbekannt'}`; schadenDatalist.appendChild(option); }); // Zuständigkeiten rendern await renderAufgabeZustaendigkeiten(); } async function renderAufgabeZustaendigkeiten() { // Nutze die globale Variable currentAufgabeZustaendigkeiten console.log('[renderAufgabeZustaendigkeiten] Rendering mit', currentAufgabeZustaendigkeiten.length, 'ausgewählten Zuständigkeiten'); console.log('[renderAufgabeZustaendigkeiten] currentAufgabeZustaendigkeiten:', currentAufgabeZustaendigkeiten); console.log('[renderAufgabeZustaendigkeiten] ViewMode:', aufgabeZustaendigkeitenViewMode); const container = document.getElementById('aufgabe-zustaendigkeiten-container'); const kontakte = await getAllRecords('kontakte'); const rollenKategorien = await getSetting('rollen_kategorien', []); console.log('[renderAufgabeZustaendigkeiten] Gefunden:', kontakte.length, 'Kontakte,', rollenKategorien.length, 'Rollen-Kategorien'); // Sammle alle Rollen aus allen Kategorien const alleRollen = []; rollenKategorien.forEach(kat => { if (kat.items && Array.isArray(kat.items)) { alleRollen.push(...kat.items); } }); // Gruppiere Kontakte nach Rollen const kontakteByRolle = {}; kontakte.forEach(k => { if (k.rollen && Array.isArray(k.rollen) && k.rollen.length > 0) { k.rollen.forEach(rolleObj => { // Neues Format: {rolle, kategorie_id, kategorie_name} let rolleName; if (typeof rolleObj === 'object' && rolleObj.rolle) { rolleName = rolleObj.rolle; } // Altes Format: String else if (typeof rolleObj === 'string') { rolleName = rolleObj; } if (rolleName) { if (!kontakteByRolle[rolleName]) { kontakteByRolle[rolleName] = []; } kontakteByRolle[rolleName].push(k); } }); } // Ganz alte Struktur mit einzelner rolle else if (k.rolle) { if (!kontakteByRolle[k.rolle]) { kontakteByRolle[k.rolle] = []; } kontakteByRolle[k.rolle].push(k); } }); let html = ''; // Volltextsuche (immer oben) html += '

'; html += 'Suche (Rolle, Kategorie oder Kontakt-Name)'; html += ''; html += '

'; html += '

Bitte Suchbegriff eingeben...

'; html += '

'; // Bereits hinzugefügte Zuständigkeiten (darunter) if (currentAufgabeZustaendigkeiten.length > 0) { html += '

'; html += 'Zugeordnete Personen'; html += '

'; currentAufgabeZustaendigkeiten.forEach((z, idx) => { const kontakt = kontakte.find(k => k.id == z.kontaktId); if (!kontakt) return; // Kontakt-Tag mit lila Hintergrund (wie Schadenfall-Kontakte) html += '

'; // Rolle als Badge html += `${z.rolle}`; // Kontakt-Name mit lila Hintergrund (klickbar) html += `${kontakt.name}`; // Kontakt-Rollen anzeigen if (kontakt.rollen && kontakt.rollen.length > 0) { html += '

'; const rollenList = Array.isArray(kontakt.rollen) ? kontakt.rollen : []; rollenList.slice(0, 3).forEach(r => { const rolleName = typeof r === 'object' ? r.rolle : r; html += `${rolleName}`; }); if (rollenList.length > 3) { html += `+${rollenList.length - 3} weitere`; } html += '

'; } // Löschen-Button html += ``; html += '

'; }); html += '

'; html += '

'; } container.innerHTML = html; } // toggleAufgabeZustaendigkeitenView und toggleZustaendigkeitRolle entfernt - nicht mehr benötigt durch Volltextsuche function removeZustaendigkeit(rolle, kontaktId) { // Entferne aus globalem Array currentAufgabeZustaendigkeiten = currentAufgabeZustaendigkeiten.filter(z => !(z.rolle === rolle && z.kontaktId == kontaktId) ); renderAufgabeZustaendigkeiten(); } /** * Öffnet einen Kontakt aus einer Aufgabe heraus (mit Navigation-History) */ async function openKontaktFromAufgabe(kontaktId) { // Hole aktuelle Aufgaben-ID aus dem Modal const aufgabeId = document.getElementById('aufgabe-id')?.value; const aufgabeTitel = document.getElementById('aufgabe-titel')?.value || 'Aufgabe'; if (aufgabeId) { // Speichere aktuelle Position in History NavigationHistory.push( 'aufgabe', aufgabeId, `Aufgabe: ${aufgabeTitel}` ); } // Schließe Aufgaben-Modal closeAufgabeModal(); // Navigiere zu Kontakt await NavigationHistory.navigateTo('kontakte', kontaktId); } /** * Filtert Kontakte für Aufgaben-Zuständigkeiten nach Suchbegriff */ async function filterAufgabeKontakte() { const searchInput = document.getElementById('aufgabe-kontakt-search'); const container = document.getElementById('aufgabe-kontakte-filtered'); if (!searchInput || !container) return; const searchTerm = searchInput.value.toLowerCase().trim(); if (!searchTerm || searchTerm.length < 2) { container.innerHTML = '

Bitte mindestens 2 Zeichen eingeben...

'; return; } const allKontakte = await getAllRecords('kontakte'); // Nutze die globale Variable const currentZustaendigkeiten = currentAufgabeZustaendigkeiten; // Sammle alle Kontakte mit ihren Rollen const kontakteWithRoles = []; allKontakte.forEach(kontakt => { if (!kontakt.rollen || kontakt.rollen.length === 0) return; kontakt.rollen.forEach(rolleObj => { const rolle = typeof rolleObj === 'object' ? rolleObj.rolle : rolleObj; const kategorieId = typeof rolleObj === 'object' ? rolleObj.kategorie_id : null; const kategorieName = typeof rolleObj === 'object' ? rolleObj.kategorie_name : ''; // Filtere nach Suchbegriff const matchesName = kontakt.name.toLowerCase().includes(searchTerm); const matchesRolle = rolle.toLowerCase().includes(searchTerm); const matchesKategorie = kategorieName.toLowerCase().includes(searchTerm); const matchesFirma = (kontakt.firma || '').toLowerCase().includes(searchTerm); if (matchesName || matchesRolle || matchesKategorie || matchesFirma) { kontakteWithRoles.push({ kontakt: kontakt, rolle: rolle, kategorieId: kategorieId, kategorieName: kategorieName }); } }); }); if (kontakteWithRoles.length === 0) { container.innerHTML = '

Keine passenden Kontakte gefunden

'; return; } // Anzeige der gefundenen Kontakte let html = '

'; kontakteWithRoles.forEach((item) => { const k = item.kontakt; const alreadyAdded = currentZustaendigkeiten.some(z => z.kontaktId == k.id && z.rolle === item.rolle ); html += `

${k.name}${k.firma ? ` (${k.firma})` : ''}

${item.rolle} ${item.kategorieName ? `${item.kategorieName}` : ''}

${alreadyAdded ? '✓ Bereits hinzugefügt' : '+ Hinzufügen'}

`; }); html += '

'; container.innerHTML = html; } /** * Fügt Zuständigkeit zu Aufgabe hinzu (aus Suche) */ function addAufgabeZustaendigkeitFromSearch(kontaktId, kontaktName, rolle) { // Prüfe ob bereits vorhanden const exists = currentAufgabeZustaendigkeiten.some(z => z.kontaktId == kontaktId && z.rolle === rolle); if (exists) { showToast('Diese Zuständigkeit ist bereits hinzugefügt', 'info'); return; } // Füge hinzu zum globalen Array currentAufgabeZustaendigkeiten.push({ kontaktId: kontaktId, kontaktName: kontaktName, rolle: rolle }); // Neu rendern renderAufgabeZustaendigkeiten(); // Suche aktualisieren filterAufgabeKontakte(); } async function updateAufgabeChecklistItems() { const katId = document.getElementById('aufgabe-checklist-kategorie').value; const itemSelect = document.getElementById('aufgabe-checklist-item'); itemSelect.innerHTML = ''; if (!katId) return; const kategorien = await getSetting('checkbox_kategorien', []); const kategorie = kategorien.find(k => idsMatch(k.id, katId)); if (kategorie && kategorie.items) { kategorie.items.forEach(item => { const option = document.createElement('option'); option.value = item.id || item; option.textContent = typeof item === 'string' ? item : (item.name || item); itemSelect.appendChild(option); }); } } async function saveAufgabe(event) { event.preventDefault(); const checklistKatId = document.getElementById('aufgabe-checklist-kategorie').value; const checklistItemId = document.getElementById('aufgabe-checklist-item').value; // Nutze die globale Variable für Zuständigkeiten const zustaendigkeiten = currentAufgabeZustaendigkeiten; // Fälligkeit aus datetime-local Input in ISO konvertieren const faelligkeitInput = document.getElementById('aufgabe-faelligkeit').value; const faelligkeitISO = faelligkeitInput ? fromDateTimeLocalString(faelligkeitInput) : null; const aufgabe = { titel: document.getElementById('aufgabe-titel').value, checklist_kategorie: checklistKatId || null, checklist_item: checklistItemId || null, status: document.getElementById('aufgabe-status').value, faelligkeit: faelligkeitISO, schadenfall: document.getElementById('aufgabe-schadenfall').value || null, zustaendigkeiten: zustaendigkeiten, // NEU: Array statt einzelner Kontakt kontakt: null, // Legacy-Feld - wird nicht mehr verwendet beschreibung: document.getElementById('aufgabe-beschreibung').value, erstellt: currentAufgabeId ? undefined : new Date().toISOString() }; try { if (currentAufgabeId) { // UPDATE-Pfad console.log('[saveAufgabe] UPDATE-Pfad, ID:', currentAufgabeId); aufgabe.id = currentAufgabeId; await updateRecord('aufgaben', aufgabe); showToast('Aufgabe aktualisiert', 'success'); // Event dispatchen für Sync dispatchAppEvent(AppEvents.AUFGABE_CHANGED, { action: 'update', aufgabe: aufgabe }); console.log('[saveAufgabe] ✅ UPDATE erfolgreich'); } else { // CREATE-Pfad console.log('[saveAufgabe] CREATE-Pfad (NEU ANLEGEN)'); console.log('[saveAufgabe] Rufe addRecord() auf...'); const newId = await addRecord('aufgaben', aufgabe); console.log('[saveAufgabe] addRecord() erfolgreich, neue ID:', newId); aufgabe.id = newId; showToast('Aufgabe erstellt', 'success'); // Event dispatchen für Sync console.log('[saveAufgabe] Dispatche AUFGABE_CHANGED Event...'); dispatchAppEvent(AppEvents.AUFGABE_CHANGED, { action: 'create', aufgabe: aufgabe }); console.log('[saveAufgabe] ✅ CREATE erfolgreich'); } console.log('[saveAufgabe] Rufe updateDashboard() auf...'); await updateDashboard(); console.log('[saveAufgabe] updateDashboard() erfolgreich, schließe Modal...'); await closeAufgabeModal(); console.log('[saveAufgabe] ✅ Modal geschlossen'); } catch (error) { console.error('[saveAufgabe] ❌ Fehler beim Speichern:', error); console.error('[saveAufgabe] ❌ Stack:', error.stack); showToast('Fehler beim Speichern: ' + error.message, 'error'); } } // ✅ REFACTORED: Verwendet ModalUtils (Standards-Architektur v1.0) async function closeAufgabeModal() { try { console.log('[closeAufgabeModal] Starte...'); await ModalUtils.close('aufgabe-modal', null, { method: 'classList', // WICHTIG: editAufgabe() verwendet classList.add('active')! onClose: async () => { console.log('[closeAufgabeModal] onClose-Callback startet...'); currentAufgabeId = null; // Wenn Schadenfall-Modal offen ist, aktualisiere Checkliste und Aufgaben if (currentSchadenfall) { await renderSchadenfallCheckliste(); await renderSchadenfallAufgaben(); } // BUGFIX: Render NACH Modal-Close, nicht davor (sonst werden onclick-Handler zerstört) await renderAufgaben(); console.log('[closeAufgabeModal] onClose-Callback fertig'); } }); console.log('[closeAufgabeModal] ✅ Fertig'); } catch (error) { console.error('[closeAufgabeModal] ❌ Fehler beim Schließen:', error); console.error('[closeAufgabeModal] ❌ Stack:', error.stack); // FALLBACK: Manuelles Schließen wenn ModalUtils fehlschlägt console.log('[closeAufgabeModal] 🔄 Versuche Fallback (manuelles Schließen)...'); try { const modal = document.getElementById('aufgabe-modal'); if (modal) { modal.classList.remove('active'); currentAufgabeId = null; if (currentSchadenfall) { await renderSchadenfallCheckliste(); await renderSchadenfallAufgaben(); } await renderAufgaben(); console.log('[closeAufgabeModal] ✅ Fallback erfolgreich'); showToast('Modal geschlossen (Fallback)', 'info'); } } catch (fallbackError) { console.error('[closeAufgabeModal] ❌ Auch Fallback fehlgeschlagen:', fallbackError); showToast('Fehler beim Schließen des Modals', 'error'); } } } // ✅ REFACTORED: Verwendet AufgabenRenderer (Standards-Architektur v1.0) let isRenderingAufgaben = false; async function renderAufgaben() { // Guard: Verhindere gleichzeitige Render-Aufrufe if (isRenderingAufgaben) { console.log('[renderAufgaben] ⚠️ Bereits am Rendern, überspringe doppelten Aufruf'); return; } try { isRenderingAufgaben = true; let aufgaben = await getAllRecords('aufgaben'); const allAufgaben = aufgaben; // Für Zähler const container = document.getElementById('aufgaben-list'); const kategorien = await getSetting('checkbox_kategorien', []); const schaeden = await getAllRecords('schaeden'); // Für Schadenfall-Namen // Status-Filter anwenden if (currentAufgabenFilter !== 'alle') { aufgaben = aufgaben.filter(a => a.status === currentAufgabenFilter); } // Text-Filter (Titel + Beschreibung) const textFilter = document.getElementById('filter-aufgaben-text')?.value.toLowerCase().trim(); if (textFilter) { aufgaben = aufgaben.filter(a => { const titel = (a.titel || '').toLowerCase(); const beschreibung = (a.beschreibung || '').toLowerCase(); return titel.includes(textFilter) || beschreibung.includes(textFilter); }); } // Schadenfall-Filter (Schadennummer ODER VN-Name) const schadenfallFilter = document.getElementById('filter-aufgaben-schadennummer')?.value.toLowerCase().trim(); if (schadenfallFilter) { aufgaben = aufgaben.filter(a => { if (!a.schadenfall) return false; // Prüfe Schadennummer if (a.schadenfall.toLowerCase().includes(schadenfallFilter)) { return true; } // Prüfe VN-Name const schadenfall = schaeden.find(s => idsMatch(s.schadennummer, a.schadenfall)); if (schadenfall) { const vnName = (schadenfall.versicherungsnehmer || '').toLowerCase(); if (vnName.includes(schadenfallFilter)) { return true; } } return false; }); } // Zuständigkeits-Filter (prüfe neue und alte Struktur) const zustaendigkeitFilter = document.getElementById('filter-aufgaben-zustaendigkeit')?.value.toLowerCase().trim(); if (zustaendigkeitFilter) { aufgaben = aufgaben.filter(a => { // Neue Struktur: zustaendigkeiten Array if (a.zustaendigkeiten && a.zustaendigkeiten.length > 0) { return a.zustaendigkeiten.some(z => (z.kontaktName || '').toLowerCase().includes(zustaendigkeitFilter) ); } // Alte Struktur: zustaendig String if (a.zustaendig) { return a.zustaendig.toLowerCase().includes(zustaendigkeitFilter); } return false; }); } // Typ-Filter (typ Feld) const typFilter = document.getElementById('filter-aufgaben-typ')?.value.toLowerCase().trim(); if (typFilter) { aufgaben = aufgaben.filter(a => { const typ = (a.typ || '').toLowerCase(); return typ.includes(typFilter); }); } // Fälligkeits-Filter (von) const faelligkeitVon = document.getElementById('filter-aufgaben-faelligkeit-von')?.value; if (faelligkeitVon) { aufgaben = aufgaben.filter(a => { if (!a.faelligkeit) return false; const faelligkeitDate = new Date(a.faelligkeit); const filterDate = new Date(faelligkeitVon); return faelligkeitDate >= filterDate; }); } // Fälligkeits-Filter (bis) const faelligkeitBis = document.getElementById('filter-aufgaben-faelligkeit-bis')?.value; if (faelligkeitBis) { aufgaben = aufgaben.filter(a => { if (!a.faelligkeit) return false; const faelligkeitDate = new Date(a.faelligkeit); const filterDate = new Date(faelligkeitBis); return faelligkeitDate <= filterDate; }); } // Filter-Count aktualisieren const filterCountEl = document.getElementById('aufgaben-filter-count'); if (filterCountEl) { filterCountEl.textContent = `${aufgaben.length} von ${allAufgaben.length} Aufgaben`; } // ✅ REFACTORED: Verwendet AufgabenRenderer (Standards-Architektur v1.0) if (!window.aufgabenRenderer) { window.aufgabenRenderer = new AufgabenRenderer('aufgaben-list', { checkboxKategorien: kategorien, schaeden: schaeden }); } else { // Update Options für neue Daten window.aufgabenRenderer.checkboxKategorien = kategorien; window.aufgabenRenderer.schaeden = schaeden; } // Empty-State Handling if (aufgaben.length === 0) { container.innerHTML = '

Keine Aufgaben gefunden

'; return; } // Render mit Grid-Container-Wrapper und Renderer let renderedItems = ''; aufgaben.forEach((a, index) => { renderedItems += `

${window.aufgabenRenderer.renderItem(a, index)}

`; }); const gridHtml = '

'; container.innerHTML = gridHtml + renderedItems + '

'; // Fülle Datalist für Schadenfall-Filter const datalist = document.getElementById('aufgaben-schaeden-datalist'); if (datalist) { let datalistHtml = ''; schaeden.forEach(s => { const label = s.versicherungsnehmer ? `${s.schadennummer} - ${s.versicherungsnehmer}` : s.schadennummer; datalistHtml += ``; }); datalist.innerHTML = datalistHtml; } } finally { isRenderingAufgaben = false; } } async function editAufgabe(id) { try { currentAufgabeId = id; const aufgabe = await getRecordById('aufgaben', id); if (!aufgabe) { showToast('Aufgabe nicht gefunden', 'error'); return; } document.getElementById('aufgabe-modal-title').textContent = 'Aufgabe bearbeiten'; document.getElementById('aufgabe-titel').value = aufgabe.titel || ''; document.getElementById('aufgabe-status').value = aufgabe.status || 'offen'; // Fälligkeit in datetime-local Format konvertieren document.getElementById('aufgabe-faelligkeit').value = toDateTimeLocalString(aufgabe.faelligkeit); document.getElementById('aufgabe-beschreibung').value = aufgabe.beschreibung || ''; document.getElementById('aufgabe-id').value = id; // Dropdowns laden - lädt auch Zuständigkeiten await populateAufgabeDropdowns(); // Werte setzen if (aufgabe.checklist_kategorie) { document.getElementById('aufgabe-checklist-kategorie').value = aufgabe.checklist_kategorie; await updateAufgabeChecklistItems(); if (aufgabe.checklist_item) { document.getElementById('aufgabe-checklist-item').value = aufgabe.checklist_item; } } // Schadenfall setzen (jetzt Text-Input statt Select) const schadenInput = document.getElementById('aufgabe-schadenfall'); schadenInput.value = aufgabe.schadenfall || ''; // Zuständigkeiten in globale Variable laden currentAufgabeZustaendigkeiten = aufgabe.zustaendigkeiten || []; await renderAufgabeZustaendigkeiten(); // BUGFIX (Issue #1 Regression): Inline-Style entfernen bevor classList // ModalUtils.close() setzt style.display='none', das überschreibt classList! const aufgabeModal = document.getElementById('aufgabe-modal'); aufgabeModal.style.display = ''; // Entfernt inline style aufgabeModal.classList.add('active'); } catch (error) { console.error('[editAufgabe] Fehler beim Laden der Aufgabe:', error); showToast('Fehler beim Öffnen der Aufgabe: ' + error.message, 'error'); } } async function deleteAufgabe(id) { if (!confirm('Aufgabe wirklich löschen?')) return; try { await deleteRecord('aufgaben', id); showToast('Aufgabe gelöscht', 'success'); await renderAufgaben(); await updateDashboard(); } catch (error) { console.error('Fehler beim Löschen:', error); showToast('Fehler beim Löschen', 'error'); } } function filterAufgabenStatus(status) { currentAufgabenFilter = status; // Update active tab document.querySelectorAll('#aufgaben .tab').forEach(tab => tab.classList.remove('active')); event.target.classList.add('active'); renderAufgaben(); } function applyAufgabenFilters() { renderAufgaben(); } function clearAufgabenFilters() { document.getElementById('filter-aufgaben-text').value = ''; document.getElementById('filter-aufgaben-schadennummer').value = ''; document.getElementById('filter-aufgaben-zustaendigkeit').value = ''; document.getElementById('filter-aufgaben-typ').value = ''; document.getElementById('filter-aufgaben-faelligkeit-von').value = ''; document.getElementById('filter-aufgaben-faelligkeit-bis').value = ''; renderAufgaben(); } // ================================================ // STANDARD UTILITIES (Standards-Architektur v1.0) // ================================================ // Diese Utilities bilden die Grundlage für konsistente // Patterns über alle Funktionsbereiche hinweg. // Implementiert: SearchUtils, ModalUtils // ================================================ /** * SearchUtils - Zentrale Suchlogik für Multi-Term Suche * Unterstützt: UND (&), ODER (|), Exakte Suche * * @example * // Einfache Suche * const matches = SearchUtils.filterByText(items, 'Wasserschaden', ['beschreibung', 'notizen']); * * // ODER-Suche * const matches = SearchUtils.filterByText(items, 'Wasser | Brand', ['beschreibung', 'notizen']); * * // UND-Suche * const matches = SearchUtils.filterByText(items, 'Wasser & Küche', ['beschreibung', 'notizen']); * * // Exakte Suche * const matches = SearchUtils.filterByText(items, 'WS-2023-001', ['schadennummer'], { exact: true }); */ const SearchUtils = { /** * Filtert Items basierend auf Multi-Term Suchbegriff * @param {Array} items - Array von Objekten zum Filtern * @param {String} searchQuery - Suchbegriff (kann & oder | enthalten) * @param {Array} fields - Array von Feldnamen zum Durchsuchen * @param {Object} options - { exact: boolean } - Exakte Suche aktivieren * @returns {Array} Gefilterte Items */ filterByText(items, searchQuery, fields, options = {}) { if (!searchQuery || searchQuery.trim().length === 0) { return items; // Keine Suche aktiv } const exactSearch = options.exact || false; let searchTerms = []; let searchMode = 'single'; // 'single', 'and', 'or' // Multi-Term Suche: Splitte bei & (UND) oder | (ODER) if (searchQuery.includes('&')) { // UND-Verknüpfung: ALLE Begriffe müssen vorkommen searchTerms = searchQuery.toLowerCase().split('&') .map(t => t.trim()) .filter(t => t.length > 0); searchMode = 'and'; } else if (searchQuery.includes('|')) { // ODER-Verknüpfung: MINDESTENS EIN Begriff muss vorkommen searchTerms = searchQuery.toLowerCase().split('|') .map(t => t.trim()) .filter(t => t.length > 0); searchMode = 'or'; } else { // Einzelner Suchbegriff searchTerms = [searchQuery.toLowerCase()]; searchMode = 'single'; } // Filtere Items return items.filter(item => { // Extrahiere Feldwerte aus Item const fieldValues = fields.map(field => { // Unterstütze verschachtelte Felder (z.B. 'schadenfall.schadennummer') const keys = field.split('.'); let value = item; for (const key of keys) { value = value?.[key]; if (value === undefined || value === null) break; } return value; }); // Erstelle kombinierten Text aus allen Feldern const allText = fieldValues .filter(v => v !== undefined && v !== null) .map(v => String(v).toLowerCase()) .join(' '); // Prüfe Suchlogik basierend auf Modus if (searchMode === 'and') { // UND: ALLE Begriffe müssen vorkommen return searchTerms.every(term => { if (exactSearch) { return fieldValues.some(v => v && String(v).toLowerCase() === term ); } else { return allText.includes(term); } }); } else if (searchMode === 'or') { // ODER: MINDESTENS EIN Begriff muss vorkommen return searchTerms.some(term => { if (exactSearch) { return fieldValues.some(v => v && String(v).toLowerCase() === term ); } else { return allText.includes(term); } }); } else { // Single-Term const term = searchTerms[0]; if (exactSearch) { return fieldValues.some(v => v && String(v).toLowerCase() === term ); } else { return allText.includes(term); } } }); }, /** * Extrahiert Such-Parameter aus searchQuery * @param {String} searchQuery - Suchbegriff * @returns {Object} { terms: Array, mode: String } */ parseSearchQuery(searchQuery) { if (!searchQuery || searchQuery.trim().length === 0) { return { terms: [], mode: 'none' }; } let searchTerms = []; let searchMode = 'single'; if (searchQuery.includes('&')) { searchTerms = searchQuery.toLowerCase().split('&') .map(t => t.trim()) .filter(t => t.length > 0); searchMode = 'and'; } else if (searchQuery.includes('|')) { searchTerms = searchQuery.toLowerCase().split('|') .map(t => t.trim()) .filter(t => t.length > 0); searchMode = 'or'; } else { searchTerms = [searchQuery.toLowerCase()]; searchMode = 'single'; } return { terms: searchTerms, mode: searchMode }; } }; /** * ModalUtils - Vereinheitlichte Modal-Verwaltung * Unterstützt zwei Methoden: 'classList' und 'styleDisplay' * * @example * // Mit classList (bevorzugt für neue Modals) * ModalUtils.open('my-modal'); * ModalUtils.close('my-modal', 'my-form'); * * // Mit style.display (für Legacy-Modals) * ModalUtils.open('old-modal', { method: 'styleDisplay', display: 'flex' }); * ModalUtils.close('old-modal', 'old-form', { method: 'styleDisplay' }); */ const ModalUtils = { /** * Öffnet ein Modal * @param {String} modalId - ID des Modal-Elements * @param {Object} options - { method: 'classList'|'styleDisplay', display: 'flex'|'block', onOpen: Function } */ open(modalId, options = {}) { const method = options.method || 'styleDisplay'; // DEFAULT: styleDisplay (überschreibt inline styles) const display = options.display || 'flex'; const modal = document.getElementById(modalId); if (!modal) { console.error(`❌ ModalUtils.open: Modal "${modalId}" nicht gefunden`); return; } // BUGFIX (Issue #1 Regression): IMMER beide Methoden synchronisieren // Problem: close() setzt style.display='none', das überschreibt classList.active if (method === 'classList') { modal.style.display = ''; // Entfernt inline style (WICHTIG!) modal.classList.add('active'); } else if (method === 'styleDisplay') { modal.classList.remove('active'); // Entfernt classList (für Konsistenz) modal.style.display = display; } // Optionaler Callback if (options.onOpen && typeof options.onOpen === 'function') { options.onOpen(modal); } }, /** * Schließt ein Modal und resettet optional ein Formular * @param {String} modalId - ID des Modal-Elements * @param {String} formId - (Optional) ID des zu resettenden Formulars * @param {Object} options - { method: 'classList'|'styleDisplay', onClose: Function } */ async close(modalId, formId = null, options = {}) { const method = options.method || 'styleDisplay'; // DEFAULT: styleDisplay (überschreibt inline styles) const modal = document.getElementById(modalId); if (!modal) { console.error(`❌ ModalUtils.close: Modal "${modalId}" nicht gefunden`); return; } // BUGFIX (Issue #6): BEIDE zurücksetzen - classList UND inline style // Problem: onClose-Callback könnte Modal neu rendern und inline style setzen if (method === 'classList') { modal.classList.remove('active'); modal.style.display = 'none'; // ✅ ZUSÄTZLICH inline style zurücksetzen } else if (method === 'styleDisplay') { modal.style.display = 'none'; modal.classList.remove('active'); // ✅ ZUSÄTZLICH classList zurücksetzen } // Formular zurücksetzen falls angegeben if (formId) { const form = document.getElementById(formId); if (form) { form.reset(); } else { console.warn(`⚠️ ModalUtils.close: Formular "${formId}" nicht gefunden`); } } // Optionaler Callback (JETZT mit await für async Callbacks!) if (options.onClose && typeof options.onClose === 'function') { await options.onClose(modal); } }, /** * Toggle Modal (öffnen falls geschlossen, schließen falls geöffnet) * @param {String} modalId - ID des Modal-Elements * @param {Object} options - { method: 'classList'|'styleDisplay', display: 'flex'|'block' } */ toggle(modalId, options = {}) { const method = options.method || 'styleDisplay'; // DEFAULT: styleDisplay (überschreibt inline styles) const modal = document.getElementById(modalId); if (!modal) { console.error(`❌ ModalUtils.toggle: Modal "${modalId}" nicht gefunden`); return; } if (method === 'classList') { if (modal.classList.contains('active')) { this.close(modalId, null, options); } else { this.open(modalId, options); } } else if (method === 'styleDisplay') { if (modal.style.display === 'none' || !modal.style.display) { this.open(modalId, options); } else { this.close(modalId, null, options); } } } }; /** * CRUDUtils - Standardisierte Create/Update/Delete Operationen * Reduziert Code-Duplikation bei typischen CRUD-Workflows * * @example * // Create/Update mit Validierung * const result = await CRUDUtils.saveEntity({ * storeName: 'schaeden', * data: schadenObject, * mode: 'create', * validationRules: [ * { field: 'schadennummer', required: true, message: 'Schadennummer erforderlich' } * ], * successMessage: 'Schadenfall erfolgreich gespeichert', * onSuccess: async () => { * await renderSchaeden(); * await updateDashboard(); * } * }); * * // Delete mit Confirmation und Cascade * await CRUDUtils.deleteEntity({ * storeName: 'schaeden', * id: schadenfallId, * confirmMessage: 'Schadenfall wirklich löschen?', * successMessage: 'Schadenfall gelöscht', * cascadeDelete: async (record) => { * const vermerke = await getAllRecords('vermerke'); * const related = vermerke.filter(v => v.schadennummer === record.schadennummer); * for (const v of related) await deleteRecord('vermerke', v.id); * }, * onSuccess: async () => { * await renderSchaeden(); * await updateDashboard(); * } * }); */ const CRUDUtils = { /** * Speichert oder aktualisiert eine Entität mit Validierung * @param {Object} config - Konfigurations-Objekt * @param {String} config.storeName - Name des IndexedDB Stores * @param {Object} config.data - Zu speichernde Daten * @param {String} config.mode - 'create' oder 'update' * @param {Array} config.validationRules - Array von Validierungs-Regeln * @param {String} config.successMessage - Toast-Nachricht bei Erfolg * @param {String} config.errorMessage - Toast-Nachricht bei Fehler (optional) * @param {Function} config.onSuccess - Callback nach erfolgreichem Speichern * @param {Function} config.beforeSave - Callback vor dem Speichern (data transformation) * @returns {Object} { success: boolean, record: Object|null, errors: Array } */ async saveEntity(config) { const { storeName, data, mode = 'create', validationRules = [], successMessage = 'Erfolgreich gespeichert', errorMessage = 'Fehler beim Speichern', onSuccess = null, beforeSave = null } = config; try { // Validierung const errors = this.validate(data, validationRules); if (errors.length > 0) { const errorMsg = errors.map(e => e.message).join('\n'); showToast(errorMsg, 'error'); return { success: false, record: null, errors }; } // Before-Save Transformation let finalData = { ...data }; if (beforeSave && typeof beforeSave === 'function') { finalData = await beforeSave(finalData); } // Timestamps hinzufügen if (mode === 'create') { finalData.id = finalData.id || Date.now(); finalData.erstellt = finalData.erstellt || new Date().toISOString(); } finalData.geaendert = new Date().toISOString(); // Speichern let savedRecord; if (mode === 'create') { savedRecord = await addRecord(storeName, finalData); } else { savedRecord = await updateRecord(storeName, finalData); } // Success-Feedback showToast(successMessage, 'success'); // Success-Callback if (onSuccess && typeof onSuccess === 'function') { await onSuccess(savedRecord); } return { success: true, record: savedRecord, errors: [] }; } catch (error) { console.error(`❌ CRUDUtils.saveEntity Error (${storeName}):`, error); showToast(errorMessage + ': ' + error.message, 'error'); return { success: false, record: null, errors: [{ field: '_general', message: error.message }] }; } }, /** * Löscht eine Entität mit Bestätigung und optionalem Cascade-Delete * @param {Object} config - Konfigurations-Objekt * @param {String} config.storeName - Name des IndexedDB Stores * @param {Number|String} config.id - ID des zu löschenden Records * @param {String} config.confirmMessage - Bestätigungs-Text * @param {String} config.successMessage - Toast-Nachricht bei Erfolg * @param {String} config.errorMessage - Toast-Nachricht bei Fehler (optional) * @param {Function} config.cascadeDelete - Callback für abhängige Löschungen (erhält record) * @param {Function} config.onSuccess - Callback nach erfolgreichem Löschen * @param {Boolean} config.skipConfirm - Bestätigung überspringen (Vorsicht!) * @returns {Object} { success: boolean, deletedRecord: Object|null } */ async deleteEntity(config) { const { storeName, id, confirmMessage = 'Wirklich löschen?', successMessage = 'Erfolgreich gelöscht', errorMessage = 'Fehler beim Löschen', cascadeDelete = null, onSuccess = null, skipConfirm = false } = config; try { // Record laden const record = await getRecordById(storeName, id); if (!record) { showToast('Eintrag nicht gefunden', 'error'); return { success: false, deletedRecord: null }; } // Bestätigung if (!skipConfirm) { if (!confirm(confirmMessage)) { return { success: false, deletedRecord: null }; } } // Cascade-Delete (abhängige Daten löschen) if (cascadeDelete && typeof cascadeDelete === 'function') { await cascadeDelete(record); } // Haupteintrag löschen await deleteRecord(storeName, id); // Success-Feedback showToast(successMessage, 'success'); // Success-Callback if (onSuccess && typeof onSuccess === 'function') { await onSuccess(record); } return { success: true, deletedRecord: record }; } catch (error) { console.error(`❌ CRUDUtils.deleteEntity Error (${storeName}):`, error); showToast(errorMessage + ': ' + error.message, 'error'); return { success: false, deletedRecord: null }; } }, /** * Validiert Daten basierend auf Regeln * @param {Object} data - Zu validierende Daten * @param {Array} rules - Validierungs-Regeln * @returns {Array} Array von Error-Objekten { field, message } */ validate(data, rules) { const errors = []; for (const rule of rules) { const { field, required, minLength, maxLength, pattern, custom, message } = rule; const value = data[field]; // Required-Check if (required && (value === undefined || value === null || value === '')) { errors.push({ field, message: message || `${field} ist erforderlich` }); continue; } // Wenn Feld leer und nicht required, skip weitere Checks if (!value && !required) continue; // MinLength-Check if (minLength && String(value).length < minLength) { errors.push({ field, message: message || `${field} muss mindestens ${minLength} Zeichen haben` }); } // MaxLength-Check if (maxLength && String(value).length > maxLength) { errors.push({ field, message: message || `${field} darf maximal ${maxLength} Zeichen haben` }); } // Pattern-Check (RegExp) if (pattern && !pattern.test(String(value))) { errors.push({ field, message: message || `${field} hat ungültiges Format` }); } // Custom Validation if (custom && typeof custom === 'function') { const customError = custom(value, data); if (customError) { errors.push({ field, message: customError }); } } } return errors; }, /** * Sammelt Formular-Daten basierend auf Field-Mapping * @param {Object} fieldMap - Mapping von fieldName zu inputId * @param {Object} options - { transformers: Object } - Transformations-Funktionen pro Feld * @returns {Object} Gesammelte Formular-Daten * * @example * const data = CRUDUtils.collectFormData({ * schadennummer: 'new-schadennummer', * versicherungsnehmer: 'new-versicherungsnehmer', * datum: 'new-datum' * }, { * transformers: { * datum: (val) => fromDateTimeLocalString(val) * } * }); */ collectFormData(fieldMap, options = {}) { const { transformers = {} } = options; const data = {}; for (const [fieldName, inputId] of Object.entries(fieldMap)) { const element = document.getElementById(inputId); if (!element) { console.warn(`⚠️ CRUDUtils.collectFormData: Element "${inputId}" nicht gefunden`); continue; } let value = element.value; // Transformer anwenden if (transformers[fieldName] && typeof transformers[fieldName] === 'function') { value = transformers[fieldName](value); } data[fieldName] = value; } return data; } }; /** * DropdownUtils - Standardisierte Dropdown-Population * Eliminiert Code-Duplikation bei Master-Listen-Dropdowns * * @example * // Einfache Liste * await DropdownUtils.populateFromMasterList('new-versicherung', 'versicherungen_master'); * * // Mit Custom-Optionen * await DropdownUtils.populateFromMasterList('filter-schadenart', 'schadenarten_master', { * placeholder: 'Alle Schadenarten', * prependOptions: [{ value: 'all', text: 'Alle' }] * }); * * // Aus Array * DropdownUtils.populateFromArray('status-select', ['Offen', 'In Bearbeitung', 'Erledigt']); */ const DropdownUtils = { /** * Füllt Dropdown aus Master-Liste (Settings) * @param {String} selectId - ID des Select-Elements * @param {String} settingKey - Key der Master-Liste in Settings * @param {Object} options - { placeholder, prependOptions, appendOptions, valueKey, textKey } * @returns {Boolean} Success */ async populateFromMasterList(selectId, settingKey, options = {}) { const { placeholder = 'Bitte wählen...', prependOptions = [], appendOptions = [], valueKey = null, // Falls items Objekte sind: welches Feld als value textKey = null, // Falls items Objekte sind: welches Feld als text onError = null } = options; try { const select = document.getElementById(selectId); if (!select) { console.warn(`⚠️ DropdownUtils: Select "${selectId}" nicht gefunden`); return false; } // Master-Liste laden const items = await getSetting(settingKey, []); // HTML aufbauen let html = ''; // Placeholder if (placeholder) { html += ``; } // Prepend-Optionen (z.B. "Alle") prependOptions.forEach(opt => { html += ``; }); // Items items.forEach(item => { const value = valueKey ? item[valueKey] : item; const text = textKey ? item[textKey] : item; html += ``; }); // Append-Optionen appendOptions.forEach(opt => { html += ``; }); select.innerHTML = html; return true; } catch (error) { console.error(`❌ DropdownUtils.populateFromMasterList Error (${settingKey}):`, error); if (onError && typeof onError === 'function') { onError(error); } return false; } }, /** * Füllt Dropdown aus Array * @param {String} selectId - ID des Select-Elements * @param {Array} items - Array von Items (Strings oder Objekte) * @param {Object} options - { placeholder, valueKey, textKey, selectedValue } * @returns {Boolean} Success */ populateFromArray(selectId, items, options = {}) { const { placeholder = 'Bitte wählen...', valueKey = null, textKey = null, selectedValue = null } = options; try { const select = document.getElementById(selectId); if (!select) { console.warn(`⚠️ DropdownUtils: Select "${selectId}" nicht gefunden`); return false; } let html = ''; // Placeholder if (placeholder) { html += ``; } // Items items.forEach(item => { const value = valueKey ? item[valueKey] : item; const text = textKey ? item[textKey] : item; const selected = selectedValue && value === selectedValue ? 'selected' : ''; html += ``; }); select.innerHTML = html; return true; } catch (error) { console.error(`❌ DropdownUtils.populateFromArray Error:`, error); return false; } }, /** * Leert Dropdown und setzt Placeholder * @param {String} selectId - ID des Select-Elements * @param {String} placeholder - Placeholder-Text * @param {Boolean} disable - Select deaktivieren */ clear(selectId, placeholder = 'Bitte wählen...', disable = false) { const select = document.getElementById(selectId); if (!select) { console.warn(`⚠️ DropdownUtils: Select "${selectId}" nicht gefunden`); return false; } select.innerHTML = ``; if (disable) select.disabled = true; return true; }, /** * Setzt Wert im Dropdown * @param {String} selectId - ID des Select-Elements * @param {String|Number} value - Zu setzender Wert */ setValue(selectId, value) { const select = document.getElementById(selectId); if (!select) { console.warn(`⚠️ DropdownUtils: Select "${selectId}" nicht gefunden`); return false; } select.value = value; return true; } }; /** * RollenUtils - Kategorie-basierte Rollen-Verwaltung * Spezielle Utilities für das verschachtelte Rollen-System * * @example * // Kategorie-Dropdown füllen * await RollenUtils.populateKategorieSelect('kontakt-rollen-kategorie'); * * // Items für gewählte Kategorie laden * await RollenUtils.populateItemsForKategorie('kontakt-rollen-kategorie', 'kontakt-rolle'); * * // Mit Event-Handler * RollenUtils.setupCascadingSelects('kategorie-select', 'item-select'); */ const RollenUtils = { /** * Füllt Kategorie-Select aus rollen_kategorien * @param {String} selectId - ID des Kategorie-Select-Elements * @param {Object} options - { placeholder, settingKey } * @returns {Boolean} Success */ async populateKategorieSelect(selectId, options = {}) { const { placeholder = 'Bitte wählen...', settingKey = 'rollen_kategorien' } = options; try { const select = document.getElementById(selectId); if (!select) { console.warn(`⚠️ RollenUtils: Select "${selectId}" nicht gefunden`); return false; } const kategorien = await getSetting(settingKey, []); let html = ``; kategorien.forEach(kat => { html += ``; }); select.innerHTML = html; return true; } catch (error) { console.error(`❌ RollenUtils.populateKategorieSelect Error:`, error); return false; } }, /** * Lädt Items für gewählte Kategorie * @param {String} kategorieSelectId - ID des Kategorie-Selects * @param {String} itemSelectId - ID des Item-Selects * @param {Object} options - { placeholder, emptyMessage, settingKey } * @returns {Boolean} Success */ async populateItemsForKategorie(kategorieSelectId, itemSelectId, options = {}) { const { placeholder = 'Bitte wählen...', emptyMessage = 'Keine Einträge in dieser Kategorie', settingKey = 'rollen_kategorien' } = options; try { const kategorieSelect = document.getElementById(kategorieSelectId); const itemSelect = document.getElementById(itemSelectId); if (!kategorieSelect || !itemSelect) { console.warn(`⚠️ RollenUtils: Selects nicht gefunden`); return false; } const kategorieId = kategorieSelect.value; // Keine Kategorie gewählt if (!kategorieId) { itemSelect.innerHTML = ``; itemSelect.disabled = true; return false; } // Kategorie laden const kategorien = await getSetting(settingKey, []); const kategorie = kategorien.find(k => k.id === kategorieId); // Kategorie nicht gefunden oder keine Items if (!kategorie || !kategorie.items || kategorie.items.length === 0) { itemSelect.innerHTML = ``; itemSelect.disabled = true; return false; } // Items füllen let html = ``; kategorie.items.forEach(item => { html += ``; }); itemSelect.innerHTML = html; itemSelect.disabled = false; return true; } catch (error) { console.error(`❌ RollenUtils.populateItemsForKategorie Error:`, error); return false; } }, /** * Richtet Cascading Selects ein (Kategorie → Items) * @param {String} settingKey - Setting-Key für Kategorien (z.B. 'taetigkeitsarten_kategorien') * @param {String} kategorieSelectId - ID des Kategorie-Selects * @param {String} itemSelectId - ID des Item-Selects * @param {Object} options - { onChange, categoryPlaceholder, itemPlaceholder, emptyMessage, required } */ async setupCascadingSelects(settingKey, kategorieSelectId, itemSelectId, options = {}) { const { onChange = null, categoryPlaceholder = 'Bitte wählen...', itemPlaceholder = 'Erst Kategorie wählen...', emptyMessage = 'Keine Einträge verfügbar', required = false } = options; const kategorieSelect = document.getElementById(kategorieSelectId); const itemSelect = document.getElementById(itemSelectId); if (!kategorieSelect || !itemSelect) { console.warn(`⚠️ RollenUtils: Selects nicht gefunden ("${kategorieSelectId}" oder "${itemSelectId}")`); return false; } // 1. Kategorie-Dropdown initial befüllen const success = await this.populateKategorieSelect(kategorieSelectId, { placeholder: categoryPlaceholder, settingKey: settingKey }); // 2. Item-Dropdown initial deaktivieren itemSelect.innerHTML = ``; itemSelect.disabled = true; if (required) { kategorieSelect.required = true; itemSelect.required = true; } // 3. Change-Event-Listener für Kategorie-Dropdown kategorieSelect.addEventListener('change', async () => { await this.populateItemsForKategorie(kategorieSelectId, itemSelectId, { settingKey: settingKey, placeholder: categoryPlaceholder, emptyMessage: emptyMessage }); // Custom onChange-Handler if (onChange && typeof onChange === 'function') { onChange(kategorieSelect.value); } }); return success; } }; // ==================== PHASE 3: ENTITY RENDERER & BACKUP VERSIONING ==================== // Standards-Architektur v1.0 - Phase 3 // Datum: 2025-11-17 // Zweck: Template Method Pattern für Entity-Rendering + Backup-Versioning mit Migration // // Module: // 1. EntityRenderer - Base Class für wiederverwendbares Listen-Rendering // 2. BackupVersioning - Versioniertes Backup-System mit automatischen Migrations // 3. SchadenfallRenderer, KontaktRenderer, AufgabenRenderer - Konkrete Implementierungen // // Verwendung: // - const renderer = new SchadenfallRenderer(containerId, options); // - renderer.render(items); // - const backup = BackupVersioning.createBackup(data, version); // - const migrated = await BackupVersioning.migrate(backup); /** * ==================== EntityRenderer Base Class ==================== * Template Method Pattern für konsistentes Entity-Rendering * * Abstrakte Basisklasse die das Rendering-Pattern für Listen definiert. * Konkrete Renderer implementieren die Template-Methoden. * * @example * class MyRenderer extends EntityRenderer { * renderItem(item) { return `

${item.name}

`; } * getEmptyMessage() { return 'Keine Einträge'; } * getSortFunction() { return (a, b) => a.name.localeCompare(b.name); } * } * * const renderer = new MyRenderer('container-id'); * renderer.render(items); */ class EntityRenderer { /** * @param {String} containerId - DOM-Element ID für Rendering * @param {Object} options - { sortable, filterable, searchFields, className } */ constructor(containerId, options = {}) { this.containerId = containerId; this.options = { sortable: options.sortable !== false, // Default: true filterable: options.filterable !== false, // Default: true searchFields: options.searchFields || [], className: options.className || 'entity-list', emptyClassName: options.emptyClassName || 'empty-message', itemClassName: options.itemClassName || 'entity-item', ...options }; this.currentItems = []; this.currentFilter = ''; } /** * Hauptmethode: Rendert Liste von Entities * @param {Array} items - Array von Entity-Objekten * @param {Object} renderOptions - { append, filter } */ render(items, renderOptions = {}) { const { append = false, filter = '' } = renderOptions; // Speichere Items für spätere Filter-Operationen if (!append) { this.currentItems = items; } // Filter anwenden let filteredItems = items; if (this.options.filterable && filter) { filteredItems = this.filterItems(items, filter); this.currentFilter = filter; } // Sortieren if (this.options.sortable) { const sortFn = this.getSortFunction(); if (sortFn) { filteredItems = [...filteredItems].sort(sortFn); } } // Container holen const container = document.getElementById(this.containerId); if (!container) { console.warn(`⚠️ EntityRenderer: Container "${this.containerId}" nicht gefunden`); return; } // Leere Liste? if (filteredItems.length === 0) { container.innerHTML = this.renderEmpty(); return; } // Items rendern let html = `

`; filteredItems.forEach((item, index) => { html += `

`; html += this.renderItem(item, index); html += `

`; }); html += `

`; if (append) { container.innerHTML += html; } else { container.innerHTML = html; } // Post-Render Hook this.onAfterRender(filteredItems, container); } /** * Filter Items mit SearchUtils * @param {Array} items - Items zum Filtern * @param {String} filterText - Suchtext * @returns {Array} Gefilterte Items */ filterItems(items, filterText) { if (!filterText || this.options.searchFields.length === 0) { return items; } return SearchUtils.filterByText( items, filterText, this.options.searchFields, { exact: false } ); } /** * Rendert leere Liste * @returns {String} HTML */ renderEmpty() { const message = this.getEmptyMessage(); return `

${message}

`; } // ==================== TEMPLATE METHODS (zu überschreiben) ==================== /** * Rendert einzelnes Item * @abstract * @param {Object} item - Entity-Objekt * @param {Number} index - Index in Liste * @returns {String} HTML für Item */ renderItem(item, index) { throw new Error('renderItem() muss von konkreter Klasse implementiert werden'); } /** * Message wenn keine Items * @abstract * @returns {String} Nachricht */ getEmptyMessage() { return 'Keine Einträge vorhanden'; } /** * Sort-Funktion für Items * @abstract * @returns {Function|null} Sort-Funktion (a, b) => number */ getSortFunction() { return null; // Keine Sortierung } /** * Hook nach dem Rendering * @param {Array} renderedItems - Gerenderte Items * @param {HTMLElement} container - Container-Element */ onAfterRender(renderedItems, container) { // Optional zu überschreiben } // ==================== UTILITY METHODS ==================== /** * Re-Render mit aktuellen Items und Filter */ refresh() { this.render(this.currentItems, { filter: this.currentFilter }); } /** * Setzt Filter und re-rendert * @param {String} filterText - Neuer Filter-Text */ applyFilter(filterText) { this.render(this.currentItems, { filter: filterText }); } /** * Löscht alle Items */ clear() { const container = document.getElementById(this.containerId); if (container) { container.innerHTML = ''; } this.currentItems = []; this.currentFilter = ''; } } /** * ==================== Konkrete Renderer ==================== */ /** * Renderer für Schadenfälle-Liste */ class SchadenfallRenderer extends EntityRenderer { constructor(containerId, options = {}) { super(containerId, { searchFields: ['schadennummer', 'versicherungsnehmer', 'schadenort', 'schadenart'], itemClassName: 'schadenfall-item', ...options }); // Checkbox-Kategorien für Checklisten-Display this.checkboxKategorien = options.checkboxKategorien || []; this.showChecklists = options.showChecklists !== false; // Default: true this.showDauer = options.showDauer !== false; // Default: true } renderItem(schadenfall, index) { const status = schadenfall.status || 'Offen'; const statusClass = status.toLowerCase().replace(/\s+/g, '-'); const vn = schadenfall.versicherungsnehmer || 'Unbekannt'; const ort = schadenfall.schadenort || '-'; const art = schadenfall.schadenart || '-'; // Dauer berechnen let dauerHtml = ''; if (this.showDauer) { const dauer = calculateSchadenfallDauer(schadenfall); if (dauer !== null) { const anlage = new Date(schadenfall.datum_anlage); const anlageFormatted = anlage.toLocaleDateString('de-DE'); if (schadenfall.datum_schliessung) { const schliessung = new Date(schadenfall.datum_schliessung); const schliessungFormatted = schliessung.toLocaleDateString('de-DE'); dauerHtml = `

⏱️ Abgeschlossen: ${dauer} Tage (${anlageFormatted} - ${schliessungFormatted})

`; } else { dauerHtml = `

⏱️ Laufend: ${dauer} Tage (seit ${anlageFormatted})

`; } } } // Checklisten gruppiert nach Kategorie let checkboxHtml = ''; if (this.showChecklists && this.checkboxKategorien.length > 0) { const allItems = schadenfall.checkliste || []; const itemsByCategory = {}; allItems.forEach(item => { const kategorie = this.checkboxKategorien.find(k => idsMatch(k.id, item.categoryId)); if (!kategorie) return; if (!itemsByCategory[item.categoryId]) { itemsByCategory[item.categoryId] = { name: kategorie.name, items: [] }; } let itemText = ''; if (kategorie.items) { const foundItem = kategorie.items.find(i => idsMatch(typeof i === 'string' ? i : i.id, item.itemId)); itemText = typeof foundItem === 'string' ? foundItem : (foundItem?.name || 'Unbekannt'); } itemsByCategory[item.categoryId].items.push({ text: itemText, checked: item.checked, date: item.date }); }); const categoryKeys = Object.keys(itemsByCategory); if (categoryKeys.length > 0) { checkboxHtml = '

'; categoryKeys.forEach(catId => { const cat = itemsByCategory[catId]; checkboxHtml += `

${cat.name}

`; cat.items.forEach(item => { const icon = item.checked ? '✓' : '○'; const style = item.checked ? 'color: var(--success); font-weight: 600;' : 'color: var(--gray-500);'; const dateStr = item.date ? ` (${new Date(item.date).toLocaleDateString('de-DE')})` : ''; checkboxHtml += `

${icon} ${item.text}${dateStr}

`; }); checkboxHtml += `

`; }); checkboxHtml += '

'; } } // Schadensumme und Schadenreserve formatieren (Issue #11) let finanzHtml = ''; const hasSchadensumme = schadenfall.schadensumme !== undefined && schadenfall.schadensumme !== null && schadenfall.schadensumme !== '' && schadenfall.schadensumme !== 0; const hasSchadenreserve = schadenfall.schadenreserve !== undefined && schadenfall.schadenreserve !== null && schadenfall.schadenreserve !== '' && schadenfall.schadenreserve !== 0; if (hasSchadensumme || hasSchadenreserve) { finanzHtml = '

'; if (hasSchadensumme) { const summeFormatted = parseFloat(schadenfall.schadensumme).toLocaleString('de-DE', {minimumFractionDigits: 2, maximumFractionDigits: 2}); finanzHtml += `

💰 Schadensumme: € ${summeFormatted}

`; } if (hasSchadenreserve) { const reserveFormatted = parseFloat(schadenfall.schadenreserve).toLocaleString('de-DE', {minimumFractionDigits: 2, maximumFractionDigits: 2}); finanzHtml += `

🏦 Schadenreserve: € ${reserveFormatted}

`; } finanzHtml += '

'; } return `

${schadenfall.schadennummer} ${status}

VN: ${vn}

Ort: ${ort}

Art: ${art}

${finanzHtml} ${dauerHtml} ${checkboxHtml}

`; } getEmptyMessage() { return 'Keine Schadenfälle gefunden'; } getSortFunction() { // Sortiere nach Schadennummer (neueste zuerst) return (a, b) => { const numA = a.schadennummer || ''; const numB = b.schadennummer || ''; return numB.localeCompare(numA); }; } } /** * Renderer für Kontakte-Liste */ class KontaktRenderer extends EntityRenderer { constructor(containerId, options = {}) { super(containerId, { searchFields: ['name', 'firma', 'telefon', 'email', 'adresse', 'notizen'], itemClassName: 'kontakt-item', ...options }); } renderItem(kontakt, index) { const name = kontakt.name || 'Unbekannt'; const firma = kontakt.firma || ''; const telefon = kontakt.telefon || ''; const email = kontakt.email || ''; const adresse = kontakt.adresse || ''; const notizen = kontakt.notizen || ''; const webseite = kontakt.webseite || ''; // Rollen mit Abwärtskompatibilität (3 verschiedene Formate) let rollenHtml = ''; if (kontakt.rollen && Array.isArray(kontakt.rollen)) { if (kontakt.rollen.length > 0) { // Neues Format: Array von {rolle, kategorie_id, kategorie_name} if (typeof kontakt.rollen[0] === 'object') { rollenHtml = kontakt.rollen.map(r => `${r.rolle}` ).join(' '); } // Altes Format: Array von Strings else { rollenHtml = kontakt.rollen.map(r => `${r}` ).join(' '); } } } // Ganz alte Struktur mit einzelner rolle else if (kontakt.rolle) { rollenHtml = `${kontakt.rolle}`; } // E-Mail als mailto-Link const emailHtml = email ? `✉️ ${email}` : ''; // Webseite als Link let websiteHtml = ''; if (webseite) { const url = webseite.startsWith('http') ? webseite : 'https://' + webseite; websiteHtml = `🔗 ${webseite}`; } return `

${name} ${firma ? `${firma}` : ''}

${rollenHtml ? `

${rollenHtml}

` : ''}

${telefon ? `

📞 Telefon: ${telefon}

` : ''} ${emailHtml ? `

✉️ E-Mail: ${emailHtml}

` : ''} ${websiteHtml ? `

🌐 Website: ${websiteHtml}

` : ''} ${adresse ? `

📍 Adresse: ${adresse}

` : ''} ${notizen ? `

📝 Notizen:
${notizen}

` : ''}

`; } getEmptyMessage() { return 'Keine Kontakte gefunden'; } getSortFunction() { // Alphabetisch nach Name return (a, b) => { const nameA = a.name || ''; const nameB = b.name || ''; return nameA.localeCompare(nameB); }; } } /** * Renderer für Aufgaben-Liste */ class AufgabenRenderer extends EntityRenderer { constructor(containerId, options = {}) { super(containerId, { searchFields: ['titel', 'beschreibung', 'schadenfall', 'status'], itemClassName: 'aufgabe-item', ...options }); // Optional: Checkbox-Kategorien für Checkpoint-Display this.checkboxKategorien = options.checkboxKategorien || []; this.schaeden = options.schaeden || []; // Für VN-Lookup } renderItem(aufgabe, index) { const titel = aufgabe.titel || 'Ohne Titel'; const status = aufgabe.status || 'Offen'; const statusClass = status.toLowerCase().replace(/\s+/g, '-'); const beschreibung = aufgabe.beschreibung || ''; const faelligkeit = aufgabe.faelligkeit ? new Date(aufgabe.faelligkeit).toLocaleDateString('de-DE') : null; const schadenfall = aufgabe.schadenfall || ''; // Fälligkeit-Badge mit Dringlichkeit let faelligkeitHtml = ''; if (faelligkeit) { const today = new Date(); const fDate = new Date(aufgabe.faelligkeit); const daysUntil = Math.ceil((fDate - today) / (1000 * 60 * 60 * 24)); let faelligkeitClass = 'badge-due'; if (daysUntil < 0) { faelligkeitClass = 'badge-overdue'; } else if (daysUntil <= 7) { faelligkeitClass = 'badge-due-soon'; } faelligkeitHtml = `📅 ${faelligkeit}`; } // Checkpoint-Info (Kategorie + Item) let checkpointHtml = ''; if (aufgabe.checklist_kategorie && aufgabe.checklist_item && this.checkboxKategorien.length > 0) { const kat = this.checkboxKategorien.find(k => idsMatch(k.id, aufgabe.checklist_kategorie)); if (kat) { const item = kat.items.find(i => idsMatch(i.id || i, aufgabe.checklist_item)); const itemName = typeof item === 'string' ? item : (item?.name || 'Unbekannt'); checkpointHtml = `

📋 Checkpoint: ${kat.name} › ${itemName}

`; } } else if (aufgabe.typ) { // Legacy: Alte Aufgaben mit "typ" Feld checkpointHtml = `

Typ: ${aufgabe.typ}

`; } // Zuständigkeiten (neue + alte Struktur) let zustaendigkeitenHtml = ''; if (aufgabe.zustaendigkeiten && aufgabe.zustaendigkeiten.length > 0) { const badges = aufgabe.zustaendigkeiten.map(z => `${z.kontaktName}` ).join(' '); zustaendigkeitenHtml = `

👥 Zuständig: ${badges}

`; } else if (aufgabe.zustaendig) { // Alte Struktur zustaendigkeitenHtml = `

👥 Zuständig: ${aufgabe.zustaendig}

`; } // Schadenfall-Name (VN-Lookup) let schadenfallDisplay = ''; if (schadenfall) { const sf = this.schaeden.find(s => idsMatch(s.schadennummer, schadenfall)); const vnName = sf ? (sf.versicherungsnehmer || sf.versicherer || '') : ''; schadenfallDisplay = vnName ? `

📂 Schadenfall: ${schadenfall} (${vnName})

` : `

📂 Schadenfall: ${schadenfall}

`; } return `

${titel}

${status} ${faelligkeitHtml}

${beschreibung ? `

${beschreibung}

` : ''} ${schadenfallDisplay} ${checkpointHtml} ${zustaendigkeitenHtml}

`; } getEmptyMessage() { return 'Keine Aufgaben gefunden'; } getSortFunction() { // Sortiere nach Fälligkeit (nächste zuerst) return (a, b) => { const dateA = a.faelligkeit ? new Date(a.faelligkeit) : new Date('2099-12-31'); const dateB = b.faelligkeit ? new Date(b.faelligkeit) : new Date('2099-12-31'); return dateA - dateB; }; } } /** * ==================== Backup Versioning System ==================== * Versioniertes Backup-System mit automatischen Migrations * * Features: * - Versionierte Backup-Struktur * - Automatische Schema-Migrations * - Upgrade-Handler für alte Backups * - Version-Detection * * @example * // Backup erstellen * const backup = BackupVersioning.createBackup(data, '2.1.0'); * * // Backup migrieren (falls alt) * const migrated = await BackupVersioning.migrate(backup); */ const BackupVersioning = { /** * Aktuelle Backup-Version */ CURRENT_VERSION: '2.1.0', /** * Erstellt versioniertes Backup * @param {Object} data - Daten zum Sichern * @param {String} version - Version (optional, default: CURRENT_VERSION) * @returns {Object} Versioniertes Backup */ createBackup(data, version = null) { return { version: version || this.CURRENT_VERSION, createdAt: new Date().toISOString(), app: 'SchadenProf', appVersion: '2.0', data: data, meta: { browser: navigator.userAgent, platform: navigator.platform, timestamp: Date.now() } }; }, /** * Erkennt Backup-Version * @param {Object} backup - Backup-Objekt * @returns {String} Version oder '1.0.0' (Legacy) */ detectVersion(backup) { // Neue Struktur (ab v2.1) if (backup.version) { return backup.version; } // Legacy Struktur (v2.0) if (backup.schaeden || backup.kontakte || backup.aufgaben || backup.vermerke) { return '2.0.0'; } // Sehr alte Struktur (v1.x localStorage) return '1.0.0'; }, /** * Prüft ob Migration nötig * @param {Object} backup - Backup-Objekt * @returns {Boolean} true wenn Migration nötig */ needsMigration(backup) { const version = this.detectVersion(backup); return version !== this.CURRENT_VERSION; }, /** * Migriert Backup auf aktuelle Version * @param {Object} backup - Altes Backup * @returns {Object} Migriertes Backup */ async migrate(backup) { const version = this.detectVersion(backup); console.log(`📦 Backup-Migration: ${version} → ${this.CURRENT_VERSION}`); let migrated = backup; // Migration 1.0.0 → 2.0.0 if (version === '1.0.0') { migrated = this.migrateFrom1_0_0(migrated); } // Migration 2.0.0 → 2.1.0 if (version === '2.0.0' || this.detectVersion(migrated) === '2.0.0') { migrated = this.migrateFrom2_0_0(migrated); } console.log(`✅ Migration abgeschlossen: ${this.CURRENT_VERSION}`); return migrated; }, /** * Migration von v1.0.0 (localStorage) zu v2.0.0 (IndexedDB) * @param {Object} backup - v1.0.0 Backup * @returns {Object} v2.0.0 Backup */ migrateFrom1_0_0(backup) { console.log('🔄 Migration 1.0.0 → 2.0.0: localStorage → IndexedDB'); // Legacy localStorage-Struktur hatte flache Arrays // Neue Struktur hat versionierte Wrapper const migrated = { version: '2.0.0', createdAt: new Date().toISOString(), app: 'SchadenProf', appVersion: '2.0', data: { schaeden: backup.schaeden || [], kontakte: backup.kontakte || [], aufgaben: backup.aufgaben || [], vermerke: backup.vermerke || [], settings: backup.settings || {} }, meta: { migratedFrom: '1.0.0', migratedAt: new Date().toISOString() } }; // ID-Normalisierung für alte Daten migrated.data.schaeden = migrated.data.schaeden.map(s => normalizeRecord(s)); migrated.data.kontakte = migrated.data.kontakte.map(k => normalizeRecord(k)); migrated.data.aufgaben = migrated.data.aufgaben.map(a => normalizeRecord(a)); migrated.data.vermerke = migrated.data.vermerke.map(v => normalizeRecord(v)); return migrated; }, /** * Migration von v2.0.0 zu v2.1.0 (Neue Felder, Schema-Updates) * @param {Object} backup - v2.0.0 Backup * @returns {Object} v2.1.0 Backup */ migrateFrom2_0_0(backup) { console.log('🔄 Migration 2.0.0 → 2.1.0: Schema-Updates'); // Extrahiere Daten (falls bereits wrapped oder noch flat) const data = backup.data || backup; const migrated = { version: '2.1.0', createdAt: backup.createdAt || new Date().toISOString(), app: 'SchadenProf', appVersion: '2.0', data: { schaeden: data.schaeden || [], kontakte: data.kontakte || [], aufgaben: data.aufgaben || [], vermerke: data.vermerke || [], settings: data.settings || {} }, meta: { ...(backup.meta || {}), migratedFrom: '2.0.0', migratedAt: new Date().toISOString() } }; // Schema-Updates für v2.1.0 // Beispiel: Neue Felder mit Defaults hinzufügen // Kontakte: Sicherstellen dass rollen Array ist migrated.data.kontakte = migrated.data.kontakte.map(k => ({ ...k, rollen: Array.isArray(k.rollen) ? k.rollen : [] })); // Aufgaben: Sicherstellen dass zustaendigkeiten Array ist migrated.data.aufgaben = migrated.data.aufgaben.map(a => ({ ...a, zustaendigkeiten: Array.isArray(a.zustaendigkeiten) ? a.zustaendigkeiten : (a.kontakt ? [a.kontakt] : []) })); // Schadenfälle: Sicherstellen dass checkliste Array ist migrated.data.schaeden = migrated.data.schaeden.map(s => ({ ...s, checkliste: Array.isArray(s.checkliste) ? s.checkliste : [] })); return migrated; }, /** * Validiert Backup-Struktur * @param {Object} backup - Backup zum Validieren * @returns {Object} { valid, errors } */ validate(backup) { const errors = []; // Version Check if (!backup.version) { errors.push('Fehlende Version'); } // Data Check if (!backup.data) { errors.push('Fehlende Daten (data)'); } else { if (!Array.isArray(backup.data.schaeden)) errors.push('schaeden muss Array sein'); if (!Array.isArray(backup.data.kontakte)) errors.push('kontakte muss Array sein'); if (!Array.isArray(backup.data.aufgaben)) errors.push('aufgaben muss Array sein'); if (!Array.isArray(backup.data.vermerke)) errors.push('vermerke muss Array sein'); if (typeof backup.data.settings !== 'object') errors.push('settings muss Objekt sein'); } return { valid: errors.length === 0, errors: errors }; }, /** * Formatiert Backup für Download (mit Pretty-Print) * @param {Object} backup - Backup-Objekt * @returns {String} JSON-String */ stringify(backup) { return JSON.stringify(backup, null, 2); }, /** * Parst Backup-JSON (mit Error-Handling) * @param {String} jsonString - JSON-String * @returns {Object} { success, data, error } */ parse(jsonString) { try { const backup = JSON.parse(jsonString); return { success: true, data: backup, error: null }; } catch (error) { return { success: false, data: null, error: error.message }; } } }; // ==================== EVENT LISTENERS ==================== // Kategorie-Auswahl für Tätigkeitsarten (VERMERKE) document.addEventListener('DOMContentLoaded', async () => { const kategorieSelect = document.getElementById('vermerk-taetigkeitsart-kategorie'); const taetigkeitsartSelect = document.getElementById('vermerk-taetigkeitsart'); if (kategorieSelect) { kategorieSelect.addEventListener('change', async function() { const categoryId = this.value; if (!categoryId) { taetigkeitsartSelect.innerHTML = ''; taetigkeitsartSelect.disabled = true; return; } // Lade Kategorien aus Settings const kategorien = await getSetting('taetigkeitsarten_kategorien', []); const kategorie = kategorien.find(k => idsMatch(k.id, categoryId)); if (kategorie && kategorie.items) { taetigkeitsartSelect.disabled = false; taetigkeitsartSelect.innerHTML = '' + kategorie.items.map(item => ``).join(''); } }); } }); // ==================== START APP ==================== document.addEventListener('DOMContentLoaded', initApp);

Dashboard

Aktivitäten-Timeline

Filter

Schadenfälle

DOCX Import

Schadenlaufzettel hochladen

Vorschau der extrahierten Daten

Vermerke

Neuer Vermerk

Alle Vermerke

Kontakte

Neuer Schadenfall

Schadenfall bearbeiten

Sachbearbeiter

Aufgaben

🔍 Filter

Einstellungen

Master-Listen

Heimatstandort

E-Mail-Absenderadressen

Backup & Restore

Automatisches Backup

Manuelles Backup erstellen

Backup wiederherstellen

⚠️ GEFAHRENZONE: Alle Daten löschen

📄 Markdown Export/Import

👥 Kontakte

✅ Aufgaben

📝 Vermerke

📋 Checklisten & Master-Listen

Schadenfall Details

ℹ️ Raumdaten für LV-Erstellung

ℹ️ Hinweise zur Kostenaufstellung

Neuer Kontakt

Neue Aufgabe

Vermerk-Beschreibungen durchsuchen

🎯 Meilenstein-Termin festlegen

👤 Kontakt einfügen

📝 Checkpoint-Notiz

⚙️ Template-Verwaltung

📝 Vermerk-Templates

Standard Vermerk-Templates

Eigene Vermerk-Templates

✏️ Template bearbeiten

Verfügbare Platzhalter:

✏️ Checkbox-Template bearbeiten

Verfügbare Platzhalter:

Raum bearbeiten

Raumidentifikation

Abmessungen

Betroffenheit (%)

🧱 Wände + Wand hinzufügen

Böden (detailliert)

Betroffene Böden

Bestehende Böden

Decken (detailliert)

Betroffene Decken

Decken im Bestand

Ausstattung (Anzahl/Stück)

Schadenbilder

Maßnahmen

Berechnete Werte

Schadenbilder

Maßnahmen

Ausstattung

Wand hinzufügen

Beläge

Gebäude bearbeiten

Dach

Fassade

Treppenhaus

🔨 Sanierungen

Etage bearbeiten

Wohnung bearbeiten

Schadenbild bearbeiten

Maßnahme bearbeiten

Gebäude-Schaden bearbeiten

📊 Bericht generieren

Neue Position hinzufügen

🔧 Was ist beschädigt

🧱 Wände