VA Gewerbe änderungen

2025-02-14 23:13:29 +01:00
parent 0381a6f473
commit dbd70febdb
10 changed files with 83 additions and 31 deletions
--- a/src/components/Ausweis/Ausweisart.svelte
+++ b/src/components/Ausweis/Ausweisart.svelte
@@ -145,7 +145,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 				Für einzelne Wohnungen kann kein Energieausweis ausgestellt werden.</HelpLabel>
 		</div>
 	</div>
-
+	{#if ausweisart=="VerbrauchsausweisWohnen"}
 	<!-- Anzahl der Wohnungen -->

 	<div class="input-standard order-3 md:order-5 xl:order-3">
@@ -170,7 +170,48 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			</HelpLabel>
 		</div>
 	</div>
+	{:else if ausweisart=="VerbrauchsausweisGewerbe"}

+	<!-- Baujahr Klimaanlage -->
+
+	<div class="input-standard order-3 md:order-5 xl:order-3">
+		<Inputlabel title="Baujahr Klimaanlage *"></Inputlabel>
+
+		<TagInput
+			name="baujahr_klimaanlage"
+			type="number"
+			onlyUnique={true}
+			minlength={4}
+			maxlength={4}
+			onFocusIn={() => {
+				addNotification({
+					message: "Info",
+					subtext:
+						"Wussten sie, dass sie weitere Jahre angeben können? Z.B. das Baujahr der Erneuerung wesentlicher Komponenten ihrer Heizung. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
+					dismissable: true,
+					uid: "KLIMAANLAGE_BAUJAHR",
+					timeout: 0,
+					type: "info",
+				});
+			}}
+			onFocusOut={() => {
+				deleteNotification("KLIMAANLAGE_BAUJAHR");
+			}}
+			className={auditHeizungGebaeudeBaujahr(aufnahme)
+				? "linked"
+				: ""}
+			bind:tags={aufnahme.baujahr_heizung}
+		/>
+
+		<div class="help-label">
+			<HelpLabel>
+				Bitte geben Sie hier das Baujahr der Heizungsanlage ein. Sollten
+				unterschiedliche Baujahre vorliegen, können Sie mehrere Jahre eingeben.
+			</HelpLabel>
+		</div>
+	</div>
+
+	{/if}
 	<!-- Sanierungsstatus -->

 	<div class="input-standard order-4 md:order-2 xl:order-4">
--- a/src/components/Ausweis/GebaeudeDaten.svelte
+++ b/src/components/Ausweis/GebaeudeDaten.svelte
@@ -10,6 +10,7 @@
    export let aufnahme: AufnahmeClient;
 	export let objekt: ObjektClient;
 	
+	export let ausweisart: Enums.Ausweisart;
 </script>

 <div id="gebaeudedaten" class="bereich-box grid 
@@ -62,7 +63,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 	<input
 		name="ort"
 		data-test="ort"
-		readonly={true}
+		readonly={false}
 		bind:value={objekt.ort}
 		type="text"
 		/>
@@ -79,6 +80,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8

 </div>

+{#if ausweisart=="VerbrauchsausweisWohnen"}
 <!-- Wohnfläche m² * -->

 <div class="input-standard order-3 md:order-3 xl:order-3">
@@ -106,6 +108,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			</div>
 </div>

+{/if}
+
 <!-- Dachgeschoss *-->

 <div class="input-standard order-4 md:order-2 xl:order-4">
--- a/src/components/Ausweis/Progressbar.svelte
+++ b/src/components/Ausweis/Progressbar.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	export let progress: number = 0;
-	export let step1: string;
-	export let step2: string;
-	export let step3: string;
+	export let step1: string = '';
+	export let step2: string = '';
+	export let step3: string = '';
 </script>


@@ -16,6 +16,7 @@
 		</div>
 	
 	</div>	
+	
 <div class="phase justify-self-start">
 	<div class="{step1} point">1</div>
 	<div class="">Gebäudedaten</div>
--- a/src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte
+++ b/src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte
@@ -35,9 +35,9 @@
    {#each bullets as [bullet,online,premium,offline]}
    <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
        <div class="justify-self-start pl-2">{@html bullet}</div>
-        <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
-        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
-        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+        <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
+        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
+        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
    </div>
    {/each}
    
@@ -79,7 +79,7 @@
            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
        }
        .check-no {
-            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-black;
        }
    
    .price{@apply text-[1.25rem] sm:text-[2rem]}
--- a/src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte
+++ b/src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte
@@ -35,9 +35,9 @@
    {#each bullets as [bullet,online,premium,offline]}
    <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
        <div class="justify-self-start pl-2">{@html bullet}</div>
-        <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
-        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
-        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+        <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
+        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
+        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
    </div>
    {/each}
    
@@ -79,7 +79,7 @@
            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
        }
        .check-no {
-            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-black;
        }
    
    .price{@apply text-[1.25rem] sm:text-[2rem]}
--- a/src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte
+++ b/src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte
@@ -35,9 +35,9 @@
    {#each bullets as [bullet,online,premium,offline]}
    <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
        <div class="justify-self-start pl-2">{@html bullet}</div>
-        <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
-        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
-        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+        <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
+        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
+        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
    </div>
    {/each}
    
@@ -79,7 +79,7 @@
            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
        }
        .check-no {
-            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-black;
        }
    
    .price{@apply text-[1.25rem] sm:text-[2rem]}
--- a/src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
+++ b/src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
@@ -35,9 +35,9 @@ bullets = [
 {#each bullets as [bullet,online,premium,offline]}
 <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
    <div class="justify-self-start pl-2">{@html bullet}</div>
-    <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
-    <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
-    <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+    <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
+    <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
+    <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
 </div>
 {/each}

@@ -79,7 +79,7 @@ bullets = [
 		@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
 	}
 	.check-no {
-		@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+		@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-black;
 	}

 .price{@apply text-[1.25rem] sm:text-[2rem]}
--- a/src/modules/KundendatenModule.svelte
+++ b/src/modules/KundendatenModule.svelte
@@ -176,7 +176,7 @@
 		<h2 class="text-primary text-xl">
 			Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} €
 		</h2>
-		<Progressbar progress={0} step1={''} step2={'step'} step3={''}/>
+		<Progressbar step2={'step'}/>
 	</div>
 </div>

--- a/src/modules/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeModule.svelte
+++ b/src/modules/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeModule.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
-	import ProgressBar from "#components/Ausweis/Progressbar.svelte";
+	import Progressbar from "#components/Ausweis/Progressbar.svelte";
 	import { PRICES } from "#lib/constants.js";

 	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
@@ -85,7 +85,7 @@
 		
 	<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
 	<h2 class="text-primary text-xl">Verbrauchsausweis Gewerbe {PRICES.VerbrauchsausweisGewerbe[0]} €</h2>
-	<ProgressBar progress={0} />
+	<Progressbar step1={'step'} />
 </div>

 </div>
@@ -118,7 +118,8 @@
 			>
 			<GebaeudeDaten 
 			bind:aufnahme
-			bind:objekt />
+			bind:objekt 
+			{ausweisart}/>
 			</Bereich
 		>

--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -157,6 +157,8 @@
 	}

 const ausweisart: Enums.Ausweisart = "VerbrauchsausweisWohnen"
+
+
 </script>

 <Overlay bind:hidden={speichernOverlayHidden}>
@@ -193,7 +195,7 @@ lg:grid-cols-2 lg:gap-x-6
 		
 	<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
 	<h2 class="text-primary text-xl">{ausweisart} {PRICES.VerbrauchsausweisWohnen[0]} €</h2>
-	<Progressbar progress={0} step1={'step'} step2={''} step3={''}/>
+	<Progressbar step1={'step'}/>
 </div>

 </div>
@@ -203,7 +205,7 @@ lg:grid-cols-2 lg:gap-x-6
 <form id="formInput-1" on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
 	<div id="formular-box" class="formular-boxen ring-0">

-		<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
+		<!--<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />-->

 		<!-- A Prüfung der Ausweisart -->

@@ -221,7 +223,10 @@ lg:grid-cols-2 lg:gap-x-6
 		<Bereich
 			bereich="B"
 			title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss"
-			><GebaeudeDaten bind:aufnahme bind:objekt /></Bereich
+			><GebaeudeDaten 
+			bind:aufnahme 
+			bind:objekt 
+			{ausweisart}/></Bereich
 		>

 		<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->