Verbrauchsausweis Gewerbe

src/components/Ausweis/Ausweisart.svelte

@@ -4,76 +4,44 @@
 	import { addNotification, deleteNotification } from "@ibcornelsen/ui";
 	import TagInput from "../TagInput.svelte";
 	import { writable } from "svelte/store";
-	import { GebaeudeStammdaten, VerbrauchsausweisWohnen } from "@ibcornelsen/database";
+	import {
+	BedarfsausweisWohnen,
+		Enums,
+		GebaeudeStammdaten,
+		VerbrauchsausweisGewerbe,
+		VerbrauchsausweisWohnen,
+	} from "@ibcornelsen/database";
 
 	export let gebaeude: GebaeudeStammdaten;
-	export let ausweis: VerbrauchsausweisWohnen;
+	export let ausweis: VerbrauchsausweisWohnen | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
 
-	$: baujahrHeizung = writable(gebaeude.baujahr_heizung || [])
+	$: baujahrHeizung = writable(gebaeude.baujahr_heizung || []);
 	$: baujahr = writable(gebaeude.baujahr_gebaeude || []);
 </script>
 
 <div class="GRB">
 	<!-- Anlass für Energieausweis -->
 	<div class="flex flex-col">
-		<span
-			>Anlass für Energieausweis *
-		</span>
-		<div
-			class="grid grid-cols-2 gap-x-2 items-center lg:grid-cols-3"
-		>
-			<label class="radio-inline">
-				<input
-					type="radio"
-					value="Neubau"
-					name="IGanlass"
-					bind:group={ausweis.ausstellgrund}
-				/>Neubau</label
-			>
-			<label class="radio-inline"
-				><input
-					type="radio"
-					value="Vermietung"
-					checked
-					name="IGanlass"
-					bind:group={ausweis.ausstellgrund}
-				/>Vermietung</label
-			>
-			<label class="radio-inline"
-				><input
-					type="radio"
-					value="Verkauf"
-					name="IGanlass"
-					bind:group={ausweis.ausstellgrund}
-				/>Verkauf</label
-			>
-			<label class="radio-inline"
-				><input
-					type="radio"
-					value="Modernisierung"
-					name="IGanlass"
-					bind:group={ausweis.ausstellgrund}
-				/>Modernisierung</label
-			>
-			<label class="radio-inline"
-				><input
-					type="radio"
-					value="Sonstiges"
-					name="IGanlass"
-					bind:group={ausweis.ausstellgrund}
-				/>Sonstiges</label
-			>
+		<span>Anlass für Energieausweis * </span>
+		<div class="grid grid-cols-2 gap-x-2 items-center lg:grid-cols-3">
+			{#each Object.entries(Enums.Ausstellgrund) as [name, ausstellgrund]}
+				<label class="radio-inline">
+					<input
+						type="radio"
+						value={ausstellgrund}
+						bind:group={ausweis.ausstellgrund}
+					/>{name}</label
+				>
+			{/each}
 		</div>
 	</div>
 
 	<!-- Baujahr Heizung -->
 	<div class="form-group col-md-2">
 		<HelpLabel title="Baujahr Heizung *">
-			Bitte geben Sie hier das Baujahr der
-			Heizungsanlage ein. Sollten
-			unterschiedliche Baujahre vorliegen,
-			dann geben Sie einen Zeitbereich ein <br
-			/>z.B. 1994-2001.
+			Bitte geben Sie hier das Baujahr der Heizungsanlage ein. Sollten
+			unterschiedliche Baujahre vorliegen, dann geben Sie einen
+			Zeitbereich ein <br />z.B. 1994-2001.
 		</HelpLabel>
 		<div>
 			<TagInput
@@ -83,17 +51,20 @@
 				onFocusIn={() => {
 					addNotification({
 						message: "Info",
-						subtext: "Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrer Heizung durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
+						subtext:
+							"Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrer Heizung durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
 						dismissable: true,
 						uid: "HEIZUNG_BAUJAHR",
 						timeout: 0,
-						type: "info"
+						type: "info",
 					});
 				}}
 				onFocusOut={() => {
-					deleteNotification("HEIZUNG_BAUJAHR")
+					deleteNotification("HEIZUNG_BAUJAHR");
 				}}
-				className="{auditHeizungGebaeudeBaujahr(gebaeude) ? "linked" : ""}"
+				className={auditHeizungGebaeudeBaujahr(gebaeude)
+					? "linked"
+					: ""}
 				bind:tags={baujahrHeizung}
 			/>
 		</div>
@@ -102,12 +73,9 @@
 	<!-- Baujahr -->
 	<div class="form-group col-md-2">
 		<HelpLabel title="Baujahr Gebäude *">
-			Bitte geben Sie hier das Baujahr des
-			Gebäudes ein. Sollte eine eine
-			grundlegende Sanierung von Dach,
-			Fenster und Heizung stattgefunden
-			haben, dann berücksichtigen Sie das
-			in dem Sie bei Sanierungsstatus
+			Bitte geben Sie hier das Baujahr des Gebäudes ein. Sollte eine eine
+			grundlegende Sanierung von Dach, Fenster und Heizung stattgefunden
+			haben, dann berücksichtigen Sie das in dem Sie bei Sanierungsstatus
 			-saniert- angeben.
 		</HelpLabel>
 		<div>
@@ -118,17 +86,20 @@
 				onFocusIn={() => {
 					addNotification({
 						message: "Info",
-						subtext: "Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrem Gebäude durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
+						subtext:
+							"Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrem Gebäude durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
 						dismissable: true,
 						uid: "GEBAEUDE_BAUJAHR",
 						timeout: 0,
-						type: "info"
+						type: "info",
 					});
 				}}
 				onFocusOut={() => {
-					deleteNotification("GEBAEUDE_BAUJAHR")
+					deleteNotification("GEBAEUDE_BAUJAHR");
 				}}
-				className="{auditHeizungGebaeudeBaujahr(gebaeude) ? "linked" : ""}"
+				className={auditHeizungGebaeudeBaujahr(gebaeude)
+					? "linked"
+					: ""}
 				bind:tags={baujahr}
 			/>
 		</div>
@@ -137,9 +108,8 @@
 	<!-- Anzahl der Wohnungen -->
 	<div class="form-group col-md-2">
 		<HelpLabel title="Anzahl Wohnungen *">
-			Bitte geben Sie hier die Anzahl der
-			Wohnungen ein, die sich im Gebäude
-			befinden.
+			Bitte geben Sie hier die Anzahl der Wohnungen ein, die sich im
+			Gebäude befinden.
 		</HelpLabel>
 		<div>
 			<input
@@ -159,12 +129,9 @@
 	<!-- Dachgeschoss -->
 	<div class="form-group col-md-2">
 		<HelpLabel title="Sanierungsstatus *">
-			Bitte geben Sie an ob das Gebäude
-			energetisch saniert oder unsaniert
-			ist. Wenn das Dach mindestens 12 cm
-			gedämmt und Heizung sowie Fenster
-			nicht älter als 30 Jahre sind,
-			können Sie saniert auswählen.
+			Bitte geben Sie an ob das Gebäude energetisch saniert oder unsaniert
+			ist. Wenn das Dach mindestens 12 cm gedämmt und Heizung sowie
+			Fenster nicht älter als 30 Jahre sind, können Sie saniert auswählen.
 		</HelpLabel>
 		<div>
 			<select
@@ -175,12 +142,8 @@
 				bind:value={gebaeude.saniert}
 			>
 				<option disabled>Bitte auswählen</option>
-				<option value={true}
-					>saniert</option
-				>
-				<option value={false}
-					>unsaniert</option
-				>
+				<option value={true}>saniert</option>
+				<option value={false}>unsaniert</option>
 			</select>
 		</div>
 	</div>
@@ -195,4 +158,4 @@
 	.radio-inline {
 		@apply flex items-center;
 	}
-</style>
+</style>