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

Merge pull request #390 from IBCornelsen/UMBE

Browse Source 
anfragen, progressbar, firefox usw...
This commit is contained in:
UMBENOMENA
2025-02-23 10:07:09 +01:00
committed by GitHub
parent 778d0435f3 ee7b1e4471
commit d7acd67326
14 changed files with 75 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Ausweis/ButtonSpaeterHilfe.svelte
View File

@@ -7,8 +7,8 @@
<div class="grid grid-cols-1 grid-rows-[min_content_1fr] gap-x-2 gap-y-1 self-start mt-0
sm:grid-cols-[1fr_min-content_min-content_min-content] sm:justify-self-end sm:mt-8">
<div class="grid grid-cols-1 grid-rows-[min_content_1fr] gap-x-2 gap-y-1 self-start
sm:grid-cols-[1fr_min-content_min-content_min-content] sm:justify-self-end">
<div></div>

4
src/components/Ausweis/ButtonWeiterHilfe.svelte
View File

@@ -140,7 +140,7 @@ grid-cols-1 gap-x-2 gap-y-4
/>
<div class="text-center xs:text-left justify-self-stretch">
Verbrauchsausweis online<br>inkl. ausführlicher&nbsp;telefonischer
<b>Verbrauchsausweis online</b><br>inkl. ausführlicher&nbsp;telefonischer
Beratung
</div>
@@ -160,7 +160,7 @@ grid-cols-1 gap-x-2 gap-y-4
/>
<div class="text-center xs:text-left justify-self-stretch">
Verbrauchsausweis offline Sie schicken uns 3&nbsp;Verbrauchsabrechnungen&nbsp;zu)
<b>Verbrauchsausweis offline</b><br>Sie schicken uns 3&nbsp;Verbrauchsabrechnungen&nbsp;zu)
</div>
<div class="text-center xs:text-right">

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

@@ -4,22 +4,29 @@
"Kundendaten",
"Kaufbestätigung",
];
export let stepsalign: string[] = [
"justify-self-start",
"justify-self-center",
"justify-self-end",
];
export let active: number;
export let progress: number = active / (steps.length - 1) * 100;
export let ausweisart;
export let anliegen;
import { PRICES } from "#lib/constants.js";
import { Enums } from "#lib/client/prisma.js";
</script>
<div id="progress-box" class="order-1 sm:order-2 w-full box relative px-4 pt-3 sm:py-3 text-center self-stretch">
<h1 class="text-secondary [font-size:_clamp(26px,1vw,18px)] m-0 font-bold sm:font-normal">Energieausweis erstellen</h1>
<h1 class="text-secondary [font-size:_clamp(26px,1vw,18px)] m-0 font-bold sm:font-normal">Energieausweis {anliegen}</h1>
<h2 class="text-primary [font-size:_clamp(18px,1.5vw,24px)]">{ausweisart} {PRICES[ausweisart][Enums.AusweisTyp.Standard]} €</h2>
<div class="grid grid-cols-3 self-start justify-between">
<div class="col-span-3 relative">
<div
class="w-[calc(100%-5rem)] ml-[2.5rem] absolute mt-[0.5rem] bg-gray-200 h-3 rounded-lg"
class="w-[calc(100%-0rem)] ml-[0] absolute mt-[0.5rem] bg-gray-200 h-3 rounded-lg"
>
<div
class="bg-green-600 left-0 h-3 absolute"
@@ -31,7 +38,7 @@
{#each steps as step, i}
<div class="phase">
<div class="point" class:active={i === active}>{i + 1}</div>
<div class="point {stepsalign[i]}" class:active={i === active}>{i + 1}</div>
<div class="phaseTitel">{step}</div>
</div>
{/each}

4
src/components/design/content/ProduktVergleichGewerbe.svelte
View File

@@ -9,7 +9,7 @@
<div class="saeule">
<div class="blue-top flex flex-row ">
<div><img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Verbrauchsausweis"/></div>
<div><img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Wohnhaus Verbrauchsausweis"/></div>
<div class="name">Verbrauchsausweis<br>Gewerbe</div>
</div>
<div class="white box">
@@ -38,7 +38,7 @@
<div class="saeule">
<div class="blue-top flex flex-row ">
<div><img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/></div>
<div><img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/></div>
<div class="name">Bedarfsausweis<br>Gewerbe</div>
</div>

2
src/components/design/header/Header.astro
View File

@@ -63,7 +63,7 @@ lg:px-0 lg:gap-x-4">
<div class="w-full justify-self-center">
<HeaderLogin client:load />
<HeaderLogin client:load />
</div>