From 1bfa3276d66fa5676fc03cfc79d94afa98609f33 Mon Sep 17 00:00:00 2001 From: Robert Jagtiani Date: Sun, 23 Feb 2025 01:23:08 +0100 Subject: [PATCH] responsive --- public/images/header/logo-IBC-big.svg | 33 +- public/images/header/logo-IBC-white.svg | 4 +- .../Ausweis/ButtonWeiterHilfe.svelte | 153 +++--- .../Ausweis/PerformanceScore.svelte | 10 +- src/components/Ausweis/Progressbar.svelte | 9 + src/components/design/header/Header.astro | 38 +- src/components/design/header/Header_ORG.astro | 82 ++++ .../sidebars/cards/NavigationCard.svelte | 34 +- .../sidebars/cards/NavigationCard_ORG.svelte | 455 ++++++++++++++++++ src/layouts/AusweisLayoutDaten.astro | 4 +- .../BedarfsausweisWohnenModule.svelte | 15 +- src/modules/KundendatenModule.svelte | 15 +- .../VerbrauchsausweisGewerbeModule.svelte | 11 +- .../VerbrauchsausweisWohnenModule.svelte | 15 +- src/style/formular.css | 2 +- src/style/global.css | 16 +- 16 files changed, 720 insertions(+), 176 deletions(-) create mode 100644 src/components/design/header/Header_ORG.astro create mode 100644 src/components/design/sidebars/cards/NavigationCard_ORG.svelte diff --git a/public/images/header/logo-IBC-big.svg b/public/images/header/logo-IBC-big.svg index deb47bca..e70ca61c 100644 --- a/public/images/header/logo-IBC-big.svg +++ b/public/images/header/logo-IBC-big.svg @@ -1,32 +1,23 @@ - - + - - - - - - - - - - - - + + + + + + + + + \ No newline at end of file diff --git a/public/images/header/logo-IBC-white.svg b/public/images/header/logo-IBC-white.svg index 30a811a9..180ab3c9 100644 --- a/public/images/header/logo-IBC-white.svg +++ b/public/images/header/logo-IBC-white.svg @@ -1,5 +1,5 @@ - + - + diff --git a/src/components/Ausweis/ButtonWeiterHilfe.svelte b/src/components/Ausweis/ButtonWeiterHilfe.svelte index 62135516..8d5372ab 100644 --- a/src/components/Ausweis/ButtonWeiterHilfe.svelte +++ b/src/components/Ausweis/ButtonWeiterHilfe.svelte @@ -79,8 +79,8 @@ let loginOverlayHidden = true; -
+
@@ -90,85 +90,11 @@ sm:grid-cols-[1fr_min-content_min-content_min-content] sm:justify-self-end sm:mt >
- {#if showHelp} -
-
-
- Gerne helfen wir Ihnen wenn Sie nicht weiterkommen oder Fragen - haben. Kurze Fragen zum Formular oder der Ausweisart werden - kostenfrei telefonisch unter 040/209339850 beantwortet (bis 5min). Sollten Sie Unterstützung bei der Erstellung - benötgen oder lieber die Arbeit von unserem Ingenieurbüro erledigen - lassen, bieten wir Ihnen folgende Hilfen an. Bitte treffen Sie Ihre - Auswahl und klicken auf weiter: -
- -
- -
- - -
- Verbrauchsausweis online inkl. ausführlicher telefonischer - Beratung -
- -
- {PRICES[ausweisart][Enums.AusweisTyp.Beratung]} € inkl. MwSt. -
-
- -
- - -
- Verbrauchsausweis offline (Sie schicken uns 3 - Verbrauchsabrechnungen zu) -
- -
- {PRICES[ausweisart][Enums.AusweisTyp.Offline]} € inkl. MwSt. -
-
- -
- - - - -
-
- {/if} - - + {#if showWeiter}
@@ -181,3 +107,76 @@ sm:grid-cols-[1fr_min-content_min-content_min-content] sm:justify-self-end sm:mt
{/if}
+ +{#if showHelp} +
+
+
+ Gerne helfen wir Ihnen wenn Sie nicht weiterkommen oder Fragen + haben. Kurze Fragen zum Formular oder der Ausweisart werden + kostenfrei telefonisch unter 040/209339850 beantwortet (bis 5min). Sollten Sie Unterstützung bei der Erstellung + benötgen oder lieber die Arbeit von unserem Ingenieurbüro erledigen + lassen, bieten wir Ihnen folgende Hilfen an. Bitte treffen Sie Ihre + Auswahl und klicken auf weiter: +
+ +
+ +
+ + +
+ Verbrauchsausweis online
inkl. ausführlicher telefonischer + Beratung +
+ +
+ {PRICES[ausweisart][Enums.AusweisTyp.Beratung]} € inkl. MwSt. +
+
+ +
+ + +
+ Verbrauchsausweis offline Sie schicken uns 3 Verbrauchsabrechnungen zu) +
+ +
+ {PRICES[ausweisart][Enums.AusweisTyp.Offline]} € inkl. MwSt. +
+
+ +
+ + + + +
+
+{/if} diff --git a/src/components/Ausweis/PerformanceScore.svelte b/src/components/Ausweis/PerformanceScore.svelte index d1872c59..a5dc68e0 100644 --- a/src/components/Ausweis/PerformanceScore.svelte +++ b/src/components/Ausweis/PerformanceScore.svelte @@ -83,6 +83,9 @@ })(); } + +
+
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen || ausweisart === Enums.Ausweisart.BedarfsausweisWohnen} Energieeffizienz Skala @@ -91,7 +94,7 @@ {/if}
+ + +
\ No newline at end of file diff --git a/src/components/Ausweis/Progressbar.svelte b/src/components/Ausweis/Progressbar.svelte index 2f152dc0..79f02fac 100644 --- a/src/components/Ausweis/Progressbar.svelte +++ b/src/components/Ausweis/Progressbar.svelte @@ -6,8 +6,16 @@ ]; export let active: number; export let progress: number = active / (steps.length - 1) * 100; + export let ausweisart; + + import { PRICES } from "#lib/constants.js"; + import { Enums } from "#lib/client/prisma.js"; +
+

Energieausweis erstellen

+

{ausweisart} {PRICES[ausweisart][Enums.AusweisTyp.Standard]} €

+
+
\ No newline at end of file diff --git a/src/components/design/sidebars/cards/NavigationCard.svelte b/src/components/design/sidebars/cards/NavigationCard.svelte index 421d0525..0e64d93a 100644 --- a/src/components/design/sidebars/cards/NavigationCard.svelte +++ b/src/components/design/sidebars/cards/NavigationCard.svelte @@ -65,6 +65,10 @@ for (let i = 0; i < rotate_list.length; i++) { rotate_list[i].classList.remove("rotate-symbol"); } + const rotate_list1 = document.querySelectorAll(".dd-symbol-clone"); + for (let i = 0; i < rotate_list1.length; i++) { + rotate_list1[i].classList.remove("rotate-symbol"); + } } else { for (let i = 0; i < spans.length; i++) { spans[i].classList.add("hamburger-swing-" + i); @@ -75,21 +79,25 @@ -
-
+
+ +
+ +
-
+
+ + + +