IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

VA Gewerbe änderungen

Browse Source
This commit is contained in:
Robert Jagtiani
2025-02-14 23:13:29 +01:00
parent 0381a6f473
commit dbd70febdb
10 changed files with 83 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/Ausweis/Ausweisart.svelte
View File

@@ -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> Für einzelne Wohnungen kann kein Energieausweis ausgestellt werden.</HelpLabel>
</div> </div>
</div> </div>
{#if ausweisart=="VerbrauchsausweisWohnen"}
<!-- Anzahl der Wohnungen --> <!-- Anzahl der Wohnungen -->
<div class="input-standard order-3 md:order-5 xl:order-3"> <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> </HelpLabel>
</div> </div>
</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 --> <!-- Sanierungsstatus -->
<div class="input-standard order-4 md:order-2 xl:order-4"> <div class="input-standard order-4 md:order-2 xl:order-4">

6
src/components/Ausweis/GebaeudeDaten.svelte
View File

@@ -10,6 +10,7 @@
export let aufnahme: AufnahmeClient; export let aufnahme: AufnahmeClient;
export let objekt: ObjektClient; export let objekt: ObjektClient;
export let ausweisart: Enums.Ausweisart;
</script> </script>
<div id="gebaeudedaten" class="bereich-box grid <div id="gebaeudedaten" class="bereich-box grid
@@ -62,7 +63,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<input <input
name="ort" name="ort"
data-test="ort" data-test="ort"
readonly={true} readonly={false}
bind:value={objekt.ort} bind:value={objekt.ort}
type="text" type="text"
/> />
@@ -79,6 +80,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
</div> </div>
{#if ausweisart=="VerbrauchsausweisWohnen"}
<!-- Wohnfläche m² * --> <!-- Wohnfläche m² * -->
<div class="input-standard order-3 md:order-3 xl:order-3"> <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>
</div> </div>
{/if}
<!-- Dachgeschoss *--> <!-- Dachgeschoss *-->
<div class="input-standard order-4 md:order-2 xl:order-4"> <div class="input-standard order-4 md:order-2 xl:order-4">

7
src/components/Ausweis/Progressbar.svelte
View File

@@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
export let progress: number = 0; export let progress: number = 0;
export let step1: string; export let step1: string = '';
export let step2: string; export let step2: string = '';
export let step3: string; export let step3: string = '';
</script> </script>
@@ -16,6 +16,7 @@
</div> </div>
</div> </div>
<div class="phase justify-self-start"> <div class="phase justify-self-start">
<div class="{step1} point">1</div> <div class="{step1} point">1</div>
<div class="">Gebäudedaten</div> <div class="">Gebäudedaten</div>

8
src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte
View File

@@ -35,9 +35,9 @@
{#each bullets as [bullet,online,premium,offline]} {#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="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="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div> <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div> <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div> <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
</div> </div>
{/each} {/each}
@@ -79,7 +79,7 @@
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700; @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
} }
.check-no { .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]} .price{@apply text-[1.25rem] sm:text-[2rem]}

8
src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte
View File

@@ -35,9 +35,9 @@
{#each bullets as [bullet,online,premium,offline]} {#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="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="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div> <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div> <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div> <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
</div> </div>
{/each} {/each}
@@ -79,7 +79,7 @@
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700; @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
} }
.check-no { .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]} .price{@apply text-[1.25rem] sm:text-[2rem]}

8
src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte
View File

@@ -35,9 +35,9 @@
{#each bullets as [bullet,online,premium,offline]} {#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="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="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div> <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div> <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div> <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
</div> </div>
{/each} {/each}
@@ -79,7 +79,7 @@
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700; @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
} }
.check-no { .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]} .price{@apply text-[1.25rem] sm:text-[2rem]}

8
src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
View File

@@ -35,9 +35,9 @@ bullets = [
{#each bullets as [bullet,online,premium,offline]} {#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="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="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div> <div class:check={online} class:check-no={!online}>{online ? "✔" : "⁃"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div> <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "⁃"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div> <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "⁃"}</div>
</div> </div>
{/each} {/each}
@@ -79,7 +79,7 @@ bullets = [
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700; @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
} }
.check-no { .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]} .price{@apply text-[1.25rem] sm:text-[2rem]}

2
src/modules/KundendatenModule.svelte
View File

@@ -176,7 +176,7 @@
<h2 class="text-primary text-xl"> <h2 class="text-primary text-xl">
Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} € Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} €
</h2> </h2>
<Progressbar progress={0} step1={''} step2={'step'} step3={''}/> <Progressbar step2={'step'}/>
</div> </div>
</div> </div>

7
src/modules/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeModule.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte"; 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 { PRICES } from "#lib/constants.js";
import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte"; import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
@@ -85,7 +85,7 @@
<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1> <h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
<h2 class="text-primary text-xl">Verbrauchsausweis Gewerbe {PRICES.VerbrauchsausweisGewerbe[0]} €</h2> <h2 class="text-primary text-xl">Verbrauchsausweis Gewerbe {PRICES.VerbrauchsausweisGewerbe[0]} €</h2>
<ProgressBar progress={0} /> <Progressbar step1={'step'} />
</div> </div>
</div> </div>
@@ -118,7 +118,8 @@
> >
<GebaeudeDaten <GebaeudeDaten
bind:aufnahme bind:aufnahme
bind:objekt /> bind:objekt
{ausweisart}/>
</Bereich </Bereich
> >

11
src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
View File

@@ -157,6 +157,8 @@
} }
const ausweisart: Enums.Ausweisart = "VerbrauchsausweisWohnen" const ausweisart: Enums.Ausweisart = "VerbrauchsausweisWohnen"
</script> </script>
<Overlay bind:hidden={speichernOverlayHidden}> <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> <h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
<h2 class="text-primary text-xl">{ausweisart} {PRICES.VerbrauchsausweisWohnen[0]} €</h2> <h2 class="text-primary text-xl">{ausweisart} {PRICES.VerbrauchsausweisWohnen[0]} €</h2>
<Progressbar progress={0} step1={'step'} step2={''} step3={''}/> <Progressbar step1={'step'}/>
</div> </div>
</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"> <form id="formInput-1" on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
<div id="formular-box" class="formular-boxen ring-0"> <div id="formular-box" class="formular-boxen ring-0">
<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} /> <!--<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />-->
<!-- A Prüfung der Ausweisart --> <!-- A Prüfung der Ausweisart -->
@@ -221,7 +223,10 @@ lg:grid-cols-2 lg:gap-x-6
<Bereich <Bereich
bereich="B" bereich="B"
title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss" 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 --> <!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->