From c682de182b10cb1ac89ea8ffbe87b54c80559775 Mon Sep 17 00:00:00 2001
From: Moritz Utcke <letsmoe1404@gmail.com>
Date: Thu, 19 Dec 2024 10:28:29 +0700
Subject: [PATCH 1/2] Array von Optionen zu Component umgewandelt

---
 .../Ausweis/BilderZusatzsysteme.svelte        |  59 +++------
 .../Ausweis/SanierungsOption.svelte           |  31 +++++
 .../VerbrauchsausweisWohnenModule.svelte      | 119 +++++++++---------
 3 files changed, 104 insertions(+), 105 deletions(-)
 create mode 100644 src/components/Ausweis/SanierungsOption.svelte

diff --git a/src/components/Ausweis/BilderZusatzsysteme.svelte b/src/components/Ausweis/BilderZusatzsysteme.svelte
index d857700b..005f56dd 100644
--- a/src/components/Ausweis/BilderZusatzsysteme.svelte
+++ b/src/components/Ausweis/BilderZusatzsysteme.svelte
@@ -14,32 +14,15 @@
 		GebaeudeClient,
 		UploadedGebaeudeBild,
 		VerbrauchsausweisWohnenClient,
-	} from "./types";
+	} from "./types.js";
     import { boolean } from "astro:schema";
+		import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
 
 	export let gebaeude: GebaeudeClient;
 	export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;
 	export let ausweis: VerbrauchsausweisWohnenClient
 	export let images: UploadedGebaeudeBild[];
 
- var sanierungsoptionen =[
-    
-    {"id":1,"name":"zentralheizung","help":"helptext","value":"ZH","bindchecked":gebaeude_aufnahme_allgemein.zentralheizung,"label":"Zentral/Etage"},
-    {"id":2,"name":"einzelofen","help":"helptext","value":"EO","bindchecked":gebaeude_aufnahme_allgemein.einzelofen,"label":"Einzelofen"},
-    {"id":3,"name":"durchlauf_erhitzer","help":"helptext","value":"DH","bindchecked":gebaeude_aufnahme_allgemein.durchlauf_erhitzer,"label":"Durchlauferhitzer"},
-    {"id":4,"name":"standard_kessel","help":"helptext","value":"SK","bindchecked":gebaeude_aufnahme_allgemein.standard_kessel,"label":"Standardkessel"},
-    {"id":5,"name":"solarsystem_warmwasser","help":"helptext","value":"SSWW","bindchecked":gebaeude_aufnahme_allgemein.solarsystem_warmwasser,"label":"Solarsystem für Warmwasser"},
-    {"id":6,"name":"waermepumpe","help":"helptext","value":"WP","bindchecked":gebaeude_aufnahme_allgemein.waermepumpe,"label":"Wärmepumpe"},
-
-    {"id":7,"name":"niedertemperatur_kessel","help":"helptext","value":"NK","bindchecked":gebaeude_aufnahme_allgemein.niedertemperatur_kessel,"label":"Niedertemperaturkessel"},
-    {"id":8,"name":"brennwert_kessel","help":"helptext","value":"BWK","bindchecked":gebaeude_aufnahme_allgemein.brennwert_kessel,"label":"Brennwertkessel"},
-    {"id":9,"name":"warmwasser_rohre_gedaemmt","help":"helptext","value":"BWK","bindchecked":gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt,"label":"Warmwasserrohre gedämmt"},
-    {"id":10,"name":"heizungsrohre_gedaemmt","help":"helptext","value":"HRGD","bindchecked":gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt,"label":"Heizungsrohre gedämmt"},
-    {"id":11,"name":"zirkulation","help":"helptext","value":"ZK","bindchecked":gebaeude_aufnahme_allgemein.zirkulation,"label":"Zirkulation"},
-    {"id":12,"name":"raum_temperatur_regler","help":"helptext","value":"RTR","bindchecked":gebaeude_aufnahme_allgemein.raum_temperatur_regler,"label":"Raumtemperaturregler"}
-    ];
-
-
 </script>
 
 <div id="sanierungszustand" class="bereich-box grid 
@@ -53,32 +36,18 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
 ">
 
 
-{#each sanierungsoptionen as item}
-
-<div class="input-standard order-{item.id} md:order-{item.id} xl:order-{item.id}">
-
-<div class="grid grid-cols-[40px_1fr] items-center justify-items-start h-[38px] ring-1 ring-black/15 bg-white active:bg-green-100" >
-		
-		<input
-				id="{item.name}"
-				type="checkbox"
-				class="checkbox"
-				name="{item.name}"
-				bind:checked={item.bindchecked}
-				value="{item.value}"
-			/>
-		<label class="w-full" for="{item.name}">{item.label}</label>
-		
-</div>
-
-<div class="help-label">
-	<HelpLabel>{@html item.help}</HelpLabel>
-</div>
-
-</div>
-
-{/each}
-
+<SanierungsOption label="Zentral/Etage" name="zentralheizung" help="helptext" value="ZH" bind:checked={gebaeude_aufnahme_allgemein.zentralheizung}></SanierungsOption>
+<SanierungsOption label="Einzelofen" name="einzelofen" help="helptext" value="EO" bind:checked={gebaeude_aufnahme_allgemein.einzelofen}></SanierungsOption>
+<SanierungsOption label="Durchlauferhitzer" name="durchlauf_erhitzer" help="helptext" value="DH" bind:checked={gebaeude_aufnahme_allgemein.durchlauf_erhitzer}></SanierungsOption>
+<SanierungsOption label="Standardkessel" name="standard_kessel" help="helptext" value="SK" bind:checked={gebaeude_aufnahme_allgemein.standard_kessel}></SanierungsOption>
+<SanierungsOption label="Solarsystem für Warmwasser" name="solarsystem_warmwasser" help="helptext" value="SSWW" bind:checked={gebaeude_aufnahme_allgemein.solarsystem_warmwasser}></SanierungsOption>
+<SanierungsOption label="Wärmepumpe" name="waermepumpe" help="helptext" value="WP" bind:checked={gebaeude_aufnahme_allgemein.waermepumpe}></SanierungsOption>
+<SanierungsOption label="Niedertemperaturkessel" name="niedertemperatur_kessel" help="helptext" value="NK" bind:checked={gebaeude_aufnahme_allgemein.niedertemperatur_kessel}></SanierungsOption>
+<SanierungsOption label="Brennwertkessel" name="brennwert_kessel" help="helptext" value="BWK" bind:checked={gebaeude_aufnahme_allgemein.brennwert_kessel}></SanierungsOption>
+<SanierungsOption label="Warmwasserrohre gedämmt" name="warmwasser_rohre_gedaemmt" help="helptext" value="BWK" bind:checked={gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt}></SanierungsOption>
+<SanierungsOption label="Heizungsrohre gedämmt" name="heizungsrohre_gedaemmt" help="helptext" value="HRGD" bind:checked={gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}></SanierungsOption>
+<SanierungsOption label="Zirkulation" name="zirkulation" help="helptext" value="ZK" bind:checked={gebaeude_aufnahme_allgemein.zirkulation}></SanierungsOption>
+<SanierungsOption label="Raumtemperaturregler" name="raum_temperatur_regler" help="helptext" value="RTR" bind:checked={gebaeude_aufnahme_allgemein.raum_temperatur_regler}></SanierungsOption>
 </div>
 
 <HeizungImage bind:images bind:ausweis bind:gebaeude />
diff --git a/src/components/Ausweis/SanierungsOption.svelte b/src/components/Ausweis/SanierungsOption.svelte
new file mode 100644
index 00000000..a140218a
--- /dev/null
+++ b/src/components/Ausweis/SanierungsOption.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import HelpLabel from "#labels/HelpLabel.svelte";
+
+	export let checked: boolean | null | undefined;
+	export let name: string;
+	export let label: string;
+	export let help: string;
+	export let value: string;
+</script>
+
+<div
+	class="input-standard"
+>
+	<div
+		class="grid grid-cols-[40px_1fr] items-center justify-items-start h-[38px] ring-1 ring-black/15 bg-white active:bg-green-100"
+	>
+		<input
+			id={name}
+			type="checkbox"
+			class="checkbox"
+			{name}
+			bind:checked={checked}
+			value={value}
+		/>
+		<label class="w-full" for={name}>{label}</label>
+	</div>
+
+	<div class="help-label">
+		<HelpLabel>{@html help}</HelpLabel>
+	</div>
+</div>
diff --git a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
index 28c2a522..1128eb14 100644
--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -13,7 +13,7 @@
 	import Warmwasseranteil from "#components/Ausweis/Warmwasseranteil.svelte";
 	import Verbrauch from "#components/Ausweis/Verbrauch.svelte";
 	import LueftungundLeerstand from "#components/Ausweis/LueftungundLeerstand.svelte";
-	
+
 	//import ZipSearch from "#components/PlzSuche.svelte";
 	import moment from "moment";
 	import BilderZusatzsysteme from "#components/Ausweis/BilderZusatzsysteme.svelte";
@@ -190,75 +190,74 @@
 			>
 		</div>
 
-<!-- A Prüfung der Ausweisart -->
-<BereichLabel bereich="A">Prüfung der Ausweisart</BereichLabel>
-<div class="collapseBereich">
-<Ausweisart
-	bind:gebaeude
-	bind:gebaeude_aufnahme_allgemein
-	bind:ausweis
-/>
-</div>
+		<!-- A Prüfung der Ausweisart -->
+		<BereichLabel bereich="A">Prüfung der Ausweisart</BereichLabel>
+		<div class="collapseBereich">
+			<Ausweisart
+				bind:gebaeude
+				bind:gebaeude_aufnahme_allgemein
+				bind:ausweis
+			/>
+		</div>
 
-<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
+		<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
 
-<BereichLabel bereich="B">Eingabe&nbsp;der&nbsp;Gebäudeadresse - Angaben&nbsp;zu&nbsp;Wohnfläche, Keller&nbsp;und&nbsp;Dachgeschoss</BereichLabel>
-<div class="collapseBereich">
-<GebaeudeDaten 
-	bind:gebaeude_aufnahme_allgemein
-/>
-</div>
+		<BereichLabel bereich="B"
+			>Eingabe&nbsp;der&nbsp;Gebäudeadresse -
+			Angaben&nbsp;zu&nbsp;Wohnfläche, Keller&nbsp;und&nbsp;Dachgeschoss</BereichLabel
+		>
+		<div class="collapseBereich">
+			<GebaeudeDaten bind:gebaeude_aufnahme_allgemein />
+		</div>
 
-<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->
+		<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->
 
-<BereichLabel bereich="C">Eingabe von 3&nbsp;zusammenhängenden Verbrauchsjahren</BereichLabel>
-<div class="collapseBereich">
-	<Verbrauch 
-	bind:gebaeude
-	bind:gebaeude_aufnahme_allgemein
-	bind:ausweis
-/>
-</div>
+		<BereichLabel bereich="C"
+			>Eingabe von 3&nbsp;zusammenhängenden Verbrauchsjahren</BereichLabel
+		>
+		<div class="collapseBereich">
+			<Verbrauch
+				bind:gebaeude
+				bind:gebaeude_aufnahme_allgemein
+				bind:ausweis
+			/>
+		</div>
 
-<!-- D Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen -->
+		<!-- D Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen -->
 
-<BereichLabel bereich="D">Eingabe&nbsp;Warmwasseranteil und&nbsp;Verwendung&nbsp;von&nbsp;alternativen Energieversorgungssystemen</BereichLabel>
-<div class="collapseBereich">
-	<Warmwasseranteil 
-	bind:ausweis
-/>
-</div>	
+		<BereichLabel bereich="D"
+			>Eingabe&nbsp;Warmwasseranteil
+			und&nbsp;Verwendung&nbsp;von&nbsp;alternativen
+			Energieversorgungssystemen</BereichLabel
+		>
+		<div class="collapseBereich">
+			<Warmwasseranteil bind:ausweis />
+		</div>
 
-<!-- E Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand -->
+		<!-- E Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand -->
 
-<BereichLabel bereich="E">Eingabe&nbsp;von&nbsp;Gebäudeteil, Lüftung,&nbsp;Kühlung&nbsp;und&nbsp;Leerstand</BereichLabel>
-<div class="collapseBereich">
-	<LueftungundLeerstand 
-	bind:gebaeude_aufnahme_allgemein
-/>
-</div>
+		<BereichLabel bereich="E"
+			>Eingabe&nbsp;von&nbsp;Gebäudeteil,
+			Lüftung,&nbsp;Kühlung&nbsp;und&nbsp;Leerstand</BereichLabel
+		>
+		<div class="collapseBereich">
+			<LueftungundLeerstand bind:gebaeude_aufnahme_allgemein />
+		</div>
 
-<!-- F Angaben zum Sanierungszustand des Gebäudes -->
-
-<BereichLabel bereich="F">Angaben zum Sanierungszustand des Gebäudes</BereichLabel>
-<div class="collapseBereich">
-	<BilderZusatzsysteme
-	bind:images 
-	bind:gebaeude 
-	bind:gebaeude_aufnahme_allgemein 
-	bind:ausweis 
-/>
-</div>	
-
-
-
-
-
-
-
-
-</div>
+		<!-- F Angaben zum Sanierungszustand des Gebäudes -->
 
+		<BereichLabel bereich="F"
+			>Angaben zum Sanierungszustand des Gebäudes</BereichLabel
+		>
+		<div class="collapseBereich">
+			<BilderZusatzsysteme
+				bind:images
+				bind:gebaeude
+				bind:gebaeude_aufnahme_allgemein
+				bind:ausweis
+			/>
+		</div>
+	</div>
 </form>
 
 <style lang="scss">

From 338df6200d77e30b8aed8d0ccb4f51e87be0bd22 Mon Sep 17 00:00:00 2001
From: Moritz Utcke <letsmoe1404@gmail.com>
Date: Thu, 19 Dec 2024 10:33:16 +0700
Subject: [PATCH 2/2] =?UTF-8?q?Warmwasser=20Anteil=20bekannt=20automatisch?=
 =?UTF-8?q?=20abw=C3=A4hlen=20wennn=20Warmwasser=20nicht=20enthalten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Ausweis/Warmwasseranteil.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Ausweis/Warmwasseranteil.svelte b/src/components/Ausweis/Warmwasseranteil.svelte
index cc71bed2..31407e50 100644
--- a/src/components/Ausweis/Warmwasseranteil.svelte
+++ b/src/components/Ausweis/Warmwasseranteil.svelte
@@ -5,6 +5,11 @@ import Inputlabel from "#labels/InputLabel.svelte";
 
 export let ausweis;
 
+$: {
+	if (!ausweis.warmwasser_enthalten) {
+		ausweis.warmwasser_anteil_bekannt = false;
+	}
+}
 
 
 </script>