diff --git a/src/components/Ausweis/AusweisPreviewContainer.svelte b/src/components/Ausweis/AusweisPreviewContainer.svelte index 6c9fab18..6f47b593 100644 --- a/src/components/Ausweis/AusweisPreviewContainer.svelte +++ b/src/components/Ausweis/AusweisPreviewContainer.svelte @@ -1,7 +1,8 @@
Einfamilienhaus - - + + - + + + {:else if Energieausweis=="Verbrauchsausweis Gewerbe"} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/if}
diff --git a/src/components/Ausweis/ButtonSpaeterHilfe.svelte b/src/components/Ausweis/ButtonSpaeterHilfe.svelte index 4fd4c46c..fd97c96f 100644 --- a/src/components/Ausweis/ButtonSpaeterHilfe.svelte +++ b/src/components/Ausweis/ButtonSpaeterHilfe.svelte @@ -13,7 +13,7 @@
- diff --git a/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte b/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte new file mode 100644 index 00000000..1c5890b2 --- /dev/null +++ b/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte @@ -0,0 +1,28 @@ + + + +
+ + + +
+ + + + + + +
\ No newline at end of file diff --git a/src/components/Ausweis/DaemmungImage.svelte b/src/components/Ausweis/DaemmungImage.svelte index 2138cc84..53466f5d 100644 --- a/src/components/Ausweis/DaemmungImage.svelte +++ b/src/components/Ausweis/DaemmungImage.svelte @@ -59,6 +59,16 @@ Energieausweis!
Bitte laden Sie hier mind. 2 Bilder hoch:

- + + TEXT FEHLT +
diff --git a/src/components/Ausweis/FensterImage.svelte b/src/components/Ausweis/FensterImage.svelte index 956915ef..402ae94e 100644 --- a/src/components/Ausweis/FensterImage.svelte +++ b/src/components/Ausweis/FensterImage.svelte @@ -55,6 +55,16 @@ Energieausweis!
Bitte laden Sie hier mind. 1 Bild hoch:

- + + TEXT FEHLT + diff --git a/src/components/Ausweis/HeizungImage.svelte b/src/components/Ausweis/HeizungImage.svelte index 33f77641..1dc0f934 100644 --- a/src/components/Ausweis/HeizungImage.svelte +++ b/src/components/Ausweis/HeizungImage.svelte @@ -51,6 +51,18 @@ Ihrem Energieausweis!
Bitte laden Sie hier mind. 1 Bild hoch:

- + + + TEXT FEHLT + + diff --git a/src/components/Ausweis/Progressbar.svelte b/src/components/Ausweis/Progressbar.svelte index def70d3d..61abd604 100644 --- a/src/components/Ausweis/Progressbar.svelte +++ b/src/components/Ausweis/Progressbar.svelte @@ -21,12 +21,12 @@
2
-
Prüfung
+
Kundendaten
3
-
Kaufabschluss
+
Kaufbestätigung
diff --git a/src/components/Ausweis/Pruefung.svelte b/src/components/Ausweis/Pruefung.svelte new file mode 100644 index 00000000..09e388d8 --- /dev/null +++ b/src/components/Ausweis/Pruefung.svelte @@ -0,0 +1,27 @@ + + +
+ {bereich} - {title} +
+ + {#each bullets as [bullet, check]} +
+ {@html bullet} +
{check ? "✔" : "✘"}
+
+ {/each} + +
+
+ + + \ No newline at end of file diff --git a/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte b/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte index ac64daa2..0f7f7079 100644 --- a/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte +++ b/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte @@ -14,7 +14,7 @@ VerbrauchsausweisWohnenClient, } from "./types.js"; import { boolean } from "astro:schema"; - import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte" + import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte" export let gebaeude: GebaeudeClient; export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient; diff --git a/src/components/Ausweis/StromVerbrauch.svelte b/src/components/Ausweis/StromVerbrauch.svelte new file mode 100644 index 00000000..ad0fb46f --- /dev/null +++ b/src/components/Ausweis/StromVerbrauch.svelte @@ -0,0 +1,688 @@ + + +
+ + +
+ + +
+
+ + +
+ +
+ {#if !ausweis.zusaetzliche_heizquelle} + + + {/if} +
+
+ +
+ Sie haben die Möglichkeit neben der Hauptheizung die Verbräuche weiterer Heizquellen + (z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben. + Dazu setzen Sie den Haken bei zusätzlicher Heizquelle. Eine weiterer Bereich zur Eingabe der + Verbräuche öffnet sich dann. +
+
+ + + +
+
+ + + + +
+ Bitte geben Sie hier den Startmonat der ersten Verbrauchsperiode ein. Es sind nur Monate auswählbar, + die im zulässigen Zeitraum (Endzeitpunkt von Jahr 3 darf nicht älter als 18 Monate sein) liegen. Wählen Sie ein + aktuellerses Jahr um alle Monate zu sehen. + +
+
+ +
+ + + + +
+ Bitte geben Sie das Startjahr der ersten Verbrauchsperiode ein. Weitere Zeitangaben müssen nichht + gemacht werden, da alle 3 Verbrauchsjahre zusammenhängend sein sollen. +
+
+
+ + + +
+
+ + + + +
+ + Heizöl: Flüssiger fossiler Brennstoff.
+ Erdgas: Gasförmiger fossiler Brennstoff.
+ Flüssiggas: Wie Erdgas fossiler Brennstoff - im Flüssiggastank gelagert
+ Braunkohle: Fester fossiler Brennstoff
+ Holz-Pellets: Stäbchenförmige Pellets - erneuerbarer (nachwachsender) Brennstoff
+ Holzhackschnitzel:Wie Holz-Pellets
+ Fernwärme, Nahwärme: kommunales Wärmenetz - erfragen Sie + den Primärenergiefaktor bei Ihrem Energieversorger (meistens mit regenartivem Anteil)
+ Strommix: Meist bei Wärmepumpe oder Nachtspeicher.
+ Koks: stark kohlenstoffhaltiger fossiler Brennstoff.
+
+
+
+ +
+ + + + +
+ + Bitte geben Sie die Einheit ein. Die Liste passt sich entsprechend des ausgeählten Brennstoffes an. + Erdgas wird meist auf der Abrechnung in kWh ausgewiesen. Heizöl liegt meistens in + Litern vor. Pellets oder Brennholz in kg. + +
+
+
+ + + +
+ + + -1} + bind:value={ausweis.verbrauch_1} + required + /> + +
+ {#if ausweis.einheit_1}{ausweis.einheit_1}{/if} +
+ +
+ + + +
+
+ + + +
+ + + -1} + bind:value={ausweis.verbrauch_2} + required + /> +
+ {#if ausweis.einheit_1}{ausweis.einheit_1}{/if} +
+ +
+ + + +
+
+ + + +
+ + + -1} + bind:value={ausweis.verbrauch_3} + required + /> +
+ {#if ausweis.einheit_1}{ausweis.einheit_1}{/if} +
+ +
+ + + +
+
+ + {#if ausweis.zusaetzliche_heizquelle} +
+ + + +
+ + +
+
+ + +
+
+ +
+ Hier sind die Verbräuche einer zusätzlichen Heizquelle + (z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben +
+
+ +
+ + + +
+
+ + + + +
+ + Heizöl: Flüssiger fossiler Brennstoff.
+ Erdgas: Gasförmiger fossiler Brennstoff.
+ Flüssiggas: Wie Erdgas fossiler Brennstoff - im Flüssiggastank gelagert
+ Braunkohle: Fester fossiler Brennstoff
+ Holz-Pellets: Stäbchenförmige Pellets - erneuerbarer (nachwachsender) Brennstoff
+ Holzhackschnitzel:Wie Holz-Pellets
+ Fernwärme, Nahwärme: kommunales Wärmenetz - erfragen Sie + den Primärenergiefaktor bei Ihrem Energieversorger (meistens mit regenartivem Anteil)
+ Strommix: Meist bei Wärmepumpe oder Nachtspeicher.
+ Koks: stark kohlenstoffhaltiger fossiler Brennstoff.
+
+
+
+ +
+ + + + +
+ + Bitte geben Sie die Einheit ein. Die Liste passt sich entsprechend des ausgeählten Brennstoffes an. + Erdgas wird meist auf der Abrechnung in kWh ausgewiesen. Heizöl liegt meistens in + Litern vor. Pellets oder Brennholz in kg. + +
+
+
+ + + +
+ + + -1} + /> +
+ {#if ausweis.einheit_2}{ausweis.einheit_2}{/if} +
+ +
+ + + +
+
+ + + +
+ + + -1} + /> +
+ {#if ausweis.einheit_2}{ausweis.einheit_2}{/if} +
+ +
+ + + +
+
+ + + +
+ + + -1} + /> +
+ {#if ausweis.einheit_2}{ausweis.einheit_2}{/if} +
+ +
+ + + +
+
+ + {/if} + + +
+ + + +
+ + + + +
+ kWh +
+ +
+ + + +
+
+ + + +
+ + + +
+ kWh +
+ +
+ + + +
+
+ + + +
+ + + +
+ kWh +
+ +
+ + + +
+
+ + +
+ +
+ +
Enthält Stromverbrauch für:
+ + + + + + + + + +
+ + + + +
+ + + +
+
+ + +
+ + diff --git a/src/components/Ausweis/ThermischeKuehlung.svelte b/src/components/Ausweis/ThermischeKuehlung.svelte new file mode 100644 index 00000000..a7fd47d3 --- /dev/null +++ b/src/components/Ausweis/ThermischeKuehlung.svelte @@ -0,0 +1,123 @@ + + +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + TEXT FEHLT + +
+ +
+ + + + +
+ + + + +
+ + Wenn bekannt geben Sie den Anteil der Warmwasser-Versorgung + hier ein. Standardmäßig wird ein Anteil von 18% angenommen. + +
+
+ + + + +
+ + + + +
+ + Wenn bekannt geben Sie den Anteil der Warmwasser-Versorgung + von der zusätzlichen Heizquelle hier ein. Standardmäßig wird + ein Anteil von 18% angenommen. + +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Ausweis/Verbrauch.svelte b/src/components/Ausweis/Verbrauch.svelte index d9ec58e2..c6f433f3 100644 --- a/src/components/Ausweis/Verbrauch.svelte +++ b/src/components/Ausweis/Verbrauch.svelte @@ -188,7 +188,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
- Bitte geben Sie hier den Startmonat der ersten Verbruachsperiode ein. Es sind nur Monate auswählbar, + Bitte geben Sie hier den Startmonat der ersten Verbrauchsperiode ein. Es sind nur Monate auswählbar, die im zulässigen Zeitraum (Endzeitpunkt von Jahr 3 darf nicht älter als 18 Monate sein) liegen. Wählen Sie ein aktuellerses Jahr um alle Monate zu sehen. @@ -217,7 +217,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
- Bitte geben Sie das Startjahr der ersten Verbruachsperiode ein. Weitere Zeitangaben müssen nichht + Bitte geben Sie das Startjahr der ersten Verbrauchsperiode ein. Weitere Zeitangaben müssen nichht gemacht werden, da alle 3 Verbrauchsjahre zusammenhängend sein sollen.
diff --git a/src/components/Ausweis/Warmwasseranteil.svelte b/src/components/Ausweis/Warmwasseranteil.svelte index 31407e50..d6c0f547 100644 --- a/src/components/Ausweis/Warmwasseranteil.svelte +++ b/src/components/Ausweis/Warmwasseranteil.svelte @@ -175,9 +175,7 @@ $: {
- Wenn bekannt geben Sie den Anteil der Warmwasser-Versorgung - von der zusätzlichen Heizquelle hier ein. Standardmäßig wird - ein Anteil von 18% angenommen. +
diff --git a/src/components/ImageGrid.svelte b/src/components/ImageGrid.svelte index 085eee7d..a942e7d8 100644 --- a/src/components/ImageGrid.svelte +++ b/src/components/ImageGrid.svelte @@ -36,7 +36,7 @@
- +
{#each images as image, i} {#if image.kategorie == kategorie} diff --git a/src/components/UploadImages.svelte b/src/components/UploadImages.svelte index bd8ed340..4245ba30 100644 --- a/src/components/UploadImages.svelte +++ b/src/components/UploadImages.svelte @@ -1,4 +1,5 @@ -
-
-

{name}

+ + + +
+

{name}

+ {#if empfehlung=="ja"} +
Empfelung
+ {/if} +
+
-
-
+
+ +
-
-

- ab{price}€ + +

+

+ + ab {price} € +

+ +
{variant}
+ + +
-
-
{variant}
+ + + + +
{#each services as [service, check]} -
- {service} +
+ {@html service}
{check ? "✔" : "✘"}
{/each}
- -
- diff --git a/src/components/labels/StromVerbrauchsHelpLabel.svelte b/src/components/labels/StromVerbrauchsHelpLabel.svelte new file mode 100644 index 00000000..8ed5cd74 --- /dev/null +++ b/src/components/labels/StromVerbrauchsHelpLabel.svelte @@ -0,0 +1,26 @@ + + +{#if ausweis.startdatum} + Bitte geben Sie Ihren Stromvererbrauch in kWh von + {moment(ausweis.startdatum) + .add(addYear - 1, "year") + .format("MM.Y")} + bis {moment(ausweis.startdatum).add(addYear, "year").format("MM.Y")} + ein. +{:else} + Bitte geben Sie zuerst einen Starttermin für Ihre Verbräuche, den Brennstoff + und die Einheit in die entsprechenden Felder ein. Danach können Sie hier die + Verbräuche für den angegebenen Zeitraum eintragen. +{/if} + + diff --git a/src/components/labels/StromVerbrauchslabel.svelte b/src/components/labels/StromVerbrauchslabel.svelte new file mode 100644 index 00000000..98a1a0fd --- /dev/null +++ b/src/components/labels/StromVerbrauchslabel.svelte @@ -0,0 +1,29 @@ + + + +
+{#if !ausweis.startdatum} +Stromverbrauch von - bis +{:else} +Stromverbrauch von {moment(ausweis.startdatum).add((addYear-1), "year").format("MM.Y")} bis {moment(ausweis.startdatum).add((addYear), "year").format("MM.Y")} +{/if} + +
+ + + + + + + + \ No newline at end of file diff --git a/src/components/labels/VerbrauchsHelpLabel.svelte b/src/components/labels/VerbrauchsHelpLabel.svelte index 70408aa7..5b4a4a5b 100644 --- a/src/components/labels/VerbrauchsHelpLabel.svelte +++ b/src/components/labels/VerbrauchsHelpLabel.svelte @@ -8,12 +8,12 @@ {#if ausweis.startdatum} - Bitte geben Sie Ihre + Bitte geben Sie Ihren {#if heizquelle == 1} {#if gebaeude_aufnahme_allgemein.brennstoff_1} {gebaeude_aufnahme_allgemein.brennstoff_1} {/if} - Verbräuche {#if ausweis.einheit_1} + Verbrauch {#if ausweis.einheit_1} in {ausweis.einheit_1} {/if} {:else if heizquelle == 2} {#if gebaeude_aufnahme_allgemein.brennstoff_2} diff --git a/src/components/widgets/WelcherAusweisWidget_1.svelte b/src/components/widgets/WelcherAusweisWidget_1.svelte new file mode 100644 index 00000000..d0b0f2a8 --- /dev/null +++ b/src/components/widgets/WelcherAusweisWidget_1.svelte @@ -0,0 +1,405 @@ + + +
+ + +
+ + +
+ +
+
Anlass
+ +
+ +
+
Gebäudetyp
+ +
+ + {#if allowedReason.includes(anlass)} +
+
Sanierungsstand
+ +
+ {/if} + +
+ + {#if allowedReason.includes(anlass)} +
+
+
Baujahr
+ +
+ +
+
Heizungsalter
+ +
+ +
+
Wohneinheiten
+ +
+ +
+
Leerstand
+ +
+
+ {/if} + +
+ {#if showVerbrauchsausweis} + +
+ +
+ {/if} + + + + {#if allowedReason.includes(anlass) && allowedTypes.includes(gebaeudetyp)} +
+ +
+ {/if} + + {#if allowedReason.includes(anlass) && allowedTypesGewerbe.includes(gebaeudetyp)} +
+ + +
+ {/if} + + {#if allowedReason.includes(anlass) == false && allowedTypesGewerbe.includes(gebaeudetyp)} +
+ + +
+ {/if} + + {#if allowedReason.includes(anlass) && allowedTypesGewerbe.includes(gebaeudetyp)} +
+ +
+ {/if} +
+
+
+ + diff --git a/src/layouts/AusweisLayout.astro b/src/layouts/AusweisLayoutDaten.astro similarity index 96% rename from src/layouts/AusweisLayout.astro rename to src/layouts/AusweisLayoutDaten.astro index 37067262..4780549c 100644 --- a/src/layouts/AusweisLayout.astro +++ b/src/layouts/AusweisLayoutDaten.astro @@ -32,7 +32,7 @@ console.log(scroll); document.getElementById('performance-box').style.maxWidth = "688.5px"; document.getElementById('progress-box').style.maxWidth = "688.5px"; - document.getElementById('formInput')?.classList.add('2xl:mt-[370px]'); + document.getElementById('formInput-1')?.classList.add('2xl:mt-[370px]'); @@ -44,7 +44,7 @@ console.log(scroll); document.getElementById('skala').style.borderBottom = "none"; - document.getElementById('formInput')?.classList.remove('2xl:mt-[370px]'); + document.getElementById('formInput-1')?.classList.remove('2xl:mt-[370px]'); diff --git a/src/layouts/AusweisLayoutPruefung.astro b/src/layouts/AusweisLayoutPruefung.astro new file mode 100644 index 00000000..b763b588 --- /dev/null +++ b/src/layouts/AusweisLayoutPruefung.astro @@ -0,0 +1,120 @@ +--- +import "../style/global.css"; +import "../style/formular.css"; +import "../../svelte-dialogs.config" +import Header from "#header/AusweisHeader.astro"; +import Footer from "#footer/Footer.astro"; +import SidebarLeft from "#sidebarLeft/SidebarLeft.astro"; +import { NotificationWrapper } from "@ibcornelsen/ui"; + +export interface Props { + title: string; +} + +const { title } = Astro.props; +--- + + + + + + + + + + + + + + + + + + + + + + + + + {title || 'Energieausweis online erstellen - Online Energieausweis'} + + + + + +
+ +
+ + + +
+ +
+ +
+ +