From bc1b2cef9014e4f788ff4488c8d9382473c48004 Mon Sep 17 00:00:00 2001 From: Robert Jagtiani Date: Tue, 10 Dec 2024 01:59:35 +0100 Subject: [PATCH 1/6] Formular --- src/components/Ausweis/Ausweisart.svelte | 280 ++++++------ src/components/Ausweis/Hilfe.svelte | 2 +- src/components/Ausweis/Verbrauch.svelte | 402 ++++++++++-------- src/components/BereichLabel.svelte | 21 + src/components/HelpLabel.svelte | 19 +- src/components/Label.svelte | 13 +- src/components/PlzSuche.svelte | 2 +- src/components/design/header/Header.astro | 83 ++-- .../design/sidebars/cards/card-login.svelte | 33 +- .../sidebars/cards/card-navigation.svelte | 15 +- .../sidebars/cards/card-price-info.svelte | 14 +- .../design/sidebars/left/SidebarLeft.astro | 2 +- src/layouts/AusweisLayout.astro | 44 +- src/layouts/Layout.astro | 28 +- .../VerbrauchsausweisWohnenModule.svelte | 160 ++++--- src/pages/test.astro | 6 + src/style/formular.css | 31 +- src/style/global.css | 25 +- tailwind.config.cjs | 31 +- 19 files changed, 694 insertions(+), 517 deletions(-) create mode 100644 src/components/BereichLabel.svelte create mode 100644 src/pages/test.astro diff --git a/src/components/Ausweis/Ausweisart.svelte b/src/components/Ausweis/Ausweisart.svelte index 220c25d8..018a24c5 100644 --- a/src/components/Ausweis/Ausweisart.svelte +++ b/src/components/Ausweis/Ausweisart.svelte @@ -1,5 +1,6 @@ -
- -
- Anlass für Energieausweis * -
+
+ + +
+ +
+ {#each Object.entries(Enums.Ausstellgrund) as [name, ausstellgrund]} - - {/each} -
-
+ + {/each} +
+
- -
- - Bitte geben Sie hier das Baujahr der Heizungsanlage ein. Sollten - unterschiedliche Baujahre vorliegen, dann geben Sie einen - Zeitbereich ein
z.B. 1994-2001. - -
- { - 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 Enter oder Space nach jedem Jahr.", - dismissable: true, - uid: "HEIZUNG_BAUJAHR", - timeout: 0, - type: "info", - }); - }} - onFocusOut={() => { - deleteNotification("HEIZUNG_BAUJAHR"); - }} - className={auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein) - ? "linked" - : ""} - bind:tags={gebaeude_aufnahme_allgemein.baujahr_heizung} - /> -
-
+
- -
- - 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. - -
- { - 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 Enter oder Space nach jedem Jahr.", - dismissable: true, - uid: "GEBAEUDE_BAUJAHR", - timeout: 0, - type: "info", - }); - }} - onFocusOut={() => { - deleteNotification("GEBAEUDE_BAUJAHR"); - }} - className={auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein) - ? "linked" - : ""} - bind:tags={gebaeude_aufnahme_allgemein.baujahr_gebaeude} - /> -
-
+ +
+ + Bitte geben Sie hier das Baujahr der Heizungsanlage ein. Sollten + unterschiedliche Baujahre vorliegen, dann geben Sie einen + Zeitbereich ein
z.B. 1994-2001. + +
+ { + 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 Enter oder Space nach jedem Jahr.", + dismissable: true, + uid: "HEIZUNG_BAUJAHR", + timeout: 0, + type: "info", + }); + }} + onFocusOut={() => { + deleteNotification("HEIZUNG_BAUJAHR"); + }} + className={auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein) + ? "linked" + : ""} + bind:tags={gebaeude_aufnahme_allgemein.baujahr_heizung} + /> +
+
- -
- - Bitte geben Sie hier die Anzahl der Wohnungen ein, die sich im - Gebäude befinden. - -
- -
-
- - -
- - 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 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. + +
+ { + 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 Enter oder Space nach jedem Jahr.", + dismissable: true, + uid: "GEBAEUDE_BAUJAHR", + timeout: 0, + type: "info", + }); + }} + onFocusOut={() => { + deleteNotification("GEBAEUDE_BAUJAHR"); + }} + className={auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein) + ? "linked" + : ""} + bind:tags={gebaeude_aufnahme_allgemein.baujahr_gebaeude} + />
- diff --git a/src/components/BereichLabel.svelte b/src/components/BereichLabel.svelte new file mode 100644 index 00000000..d93c1bd8 --- /dev/null +++ b/src/components/BereichLabel.svelte @@ -0,0 +1,21 @@ + + +
+ + +
+ + \ No newline at end of file diff --git a/src/components/HelpLabel.svelte b/src/components/HelpLabel.svelte index f417cfb0..c05a688b 100644 --- a/src/components/HelpLabel.svelte +++ b/src/components/HelpLabel.svelte @@ -3,9 +3,10 @@ export let tooltip: string = ""; -
- -
+
+ + +
?
- +
+
- \ No newline at end of file diff --git a/src/components/PlzSuche.svelte b/src/components/PlzSuche.svelte index c49ef1e2..3306dc02 100644 --- a/src/components/PlzSuche.svelte +++ b/src/components/PlzSuche.svelte @@ -50,7 +50,7 @@
{ hideZipDropdown = true; }}> - + -
+lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-3 lg:px-4 lg:py-4 +xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-4 xl:px-6 xl:py-4 +2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-5 2xl:px-6 2xl:py-4"> +
+
- - +
+ + IBCornelsen-Logo + +
+
+
- -
- - - IBCornelsen-Logo - -
- -
-
Energieausweis online erstellen
-
+ xl:leading-[0.5rem]"> Energieausweise nach aktuellem GEG
+
+
+
+ +
-
- -
+
diff --git a/src/components/design/sidebars/cards/card-login.svelte b/src/components/design/sidebars/cards/card-login.svelte index f19e84e9..4bcaa452 100644 --- a/src/components/design/sidebars/cards/card-login.svelte +++ b/src/components/design/sidebars/cards/card-login.svelte @@ -22,16 +22,12 @@ let errorHidden = true; -
- -
- +
-
-
+ +
Das hat leider nicht geklappt, haben sie ihr Passwort und ihre Email Adresse richtig eingegeben?
{/if} + + + +
+ + + +
-
-
- -
- + - - -
-
+ diff --git a/src/components/BereichLabel.svelte b/src/components/BereichLabel.svelte new file mode 100644 index 00000000..d93c1bd8 --- /dev/null +++ b/src/components/BereichLabel.svelte @@ -0,0 +1,21 @@ + + +
+ + +
+ + \ No newline at end of file diff --git a/src/components/HelpLabel.svelte b/src/components/HelpLabel.svelte index f417cfb0..c05a688b 100644 --- a/src/components/HelpLabel.svelte +++ b/src/components/HelpLabel.svelte @@ -3,9 +3,10 @@ export let tooltip: string = ""; -
- -
+
+ + +
?
- +
+
- \ No newline at end of file diff --git a/src/components/PlzSuche.svelte b/src/components/PlzSuche.svelte index c49ef1e2..3306dc02 100644 --- a/src/components/PlzSuche.svelte +++ b/src/components/PlzSuche.svelte @@ -50,7 +50,7 @@
{ hideZipDropdown = true; }}> - + -
+lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-3 lg:px-4 lg:py-4 +xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-4 xl:px-6 xl:py-4 +2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-5 2xl:px-6 2xl:py-4"> +
+
- - +
+ + IBCornelsen-Logo + +
+
+
- -
- - - IBCornelsen-Logo - -
- -
-
Energieausweis online erstellen
-
+ xl:leading-[0.5rem]"> Energieausweise nach aktuellem GEG
+
+
+
+ +
-
- -
+
diff --git a/src/components/design/sidebars/cards/card-login.svelte b/src/components/design/sidebars/cards/card-login.svelte index f19e84e9..4bcaa452 100644 --- a/src/components/design/sidebars/cards/card-login.svelte +++ b/src/components/design/sidebars/cards/card-login.svelte @@ -22,16 +22,12 @@ let errorHidden = true; -
- -
- +
-
-
+ +
Das hat leider nicht geklappt, haben sie ihr Passwort und ihre Email Adresse richtig eingegeben?
{/if} + + + +
+ + + +
-
-
- -
- + - - -
-
+