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>

3
src/layouts/AusweisLayoutDaten.astro
View File

@@ -150,9 +150,6 @@ const { title } = Astro.props;
}
}
.headline {
@apply text-lg;
}

17
src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
View File

@@ -37,7 +37,6 @@
import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
let ausweisart = Enums.Ausweisart.BedarfsausweisWohnen
export let ausweis: BedarfsausweisWohnenClient;
export let objekt: ObjektClient
export let aufnahme: AufnahmeClient
@@ -157,15 +156,14 @@
ausweis.anteil_zusatzheizung = 0.7;
ausweis = ausweis;
}
const ausweisart = Enums.Ausweisart.BedarfsausweisWohnen
const anliegen = "anfragen";
</script>
<div id="skala" class="bg-white grid grid-cols-1 px-0 sm:p-4
lg:grid-cols-2 lg:gap-x-6
">
<div id="skala" class="bg-white grid grid-cols-1 px-0 sm:p-4 lg:grid-cols-2 lg:gap-x-6">
<PerformanceScore
bind:ausweis
bind:aufnahme={aufnahme}
@@ -173,10 +171,7 @@ lg:grid-cols-2 lg:gap-x-6
{ausweisart}
/>
<Progressbar active={0} {ausweisart}/>
<Progressbar active={0} {ausweisart} {anliegen}/>
</div>

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

@@ -44,7 +44,9 @@
export let objekt: ObjektClient;
export let aufnahme: AufnahmeClient;
export let bilder: UploadedGebaeudeBild[];
export let ausweisart = Enums.Ausweisart.VerbrauchsausweisGewerbe;
const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
const anliegen = "anfragen";
if (Object.keys(ausweis).length === 0) {
const localStorageAusweis = localStorage.getItem("ausweis");
@@ -117,12 +119,8 @@
</script>
<div id="skala" class="bg-white grid grid-cols-1 gap-x-8 gap-y-4 px-0 sm:p-4
2xl:grid-cols-2 2xl:gap-x-8
">
<div id="skala" class="bg-white grid grid-cols-1 px-0 sm:p-4 lg:grid-cols-2 lg:gap-x-6">
<PerformanceScore
bind:ausweis
bind:aufnahme={aufnahme}
@@ -130,7 +128,8 @@
{ausweisart}
/>
<Progressbar active={0} {ausweisart}/>
<Progressbar active={0} {ausweisart} {anliegen}/>
</div>

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

@@ -144,7 +144,7 @@
}
const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
const anliegen = "erstellen";
</script>
@@ -165,8 +165,7 @@ const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
<div id="skala" class="bg-white grid grid-cols-1 px-0 sm:p-4 lg:grid-cols-2 lg:gap-x-6">
<PerformanceScore
bind:ausweis
bind:aufnahme={aufnahme}
@@ -174,12 +173,7 @@ const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen
{ausweisart}
/>
<Progressbar active={0} {ausweisart}/>
<Progressbar active={0} {ausweisart} {anliegen}/>
</div>

20
src/modules/angebot-anfragen/GEGNachweisGewerbeModule.svelte
View File

@@ -72,23 +72,13 @@
}
const ausweisart = Enums.Ausweisart.GEGNachweisGewerbe;
const anliegen = "anfragen";
</script>
<div
id="skala"
class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll"
>
<div
id="progress-box"
class="w-full box relative px-0 sm:px-4 py-3 text-center order-2 self-stretch"
>
<h1 class="text-secondary text-3xl m-0">GEG Nachweis Anfragen</h1>
<h2 class="text-primary text-xl">Verbrauchsausweis Wohnen</h2>
<Progressbar
active={0}
steps={["Gebäudedaten", "Kundendaten", "Bestätigung"]}
/>
</div>
<div id="skala" class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll">
<Progressbar active={0} {ausweisart} {anliegen} steps={["Gebäudedaten","Kundendaten","Anfragebestätigung"]} />
</div>
<form

20
src/modules/angebot-anfragen/GEGNachweisWohnenModule.svelte
View File

@@ -73,24 +73,14 @@
}
const ausweisart = Enums.Ausweisart.GEGNachweisWohnen;
const anliegen = "anfragen";
</script>
<div
id="skala"
class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll"
>
<div
id="progress-box"
class="w-full box relative px-0 sm:px-4 py-3 text-center order-2 self-stretch"
>
<h1 class="text-secondary text-3xl m-0">GEG Nachweis Anfragen</h1>
<h2 class="text-primary text-xl">GEG-Nachweis Wohngebäude</h2>
<Progressbar
active={0}
steps={["Gebäudedaten", "Kundendaten", "Bestätigung"]}
/>
<div id="skala" class="bg-white grid grid-cols-1 p-4 lg:grid-cols-2 lg:gap-x-6 no-scroll">
<Progressbar active={0} {ausweisart} {anliegen} steps={["Gebäudedaten","Kundendaten","Anfragebestätigung"]} />
</div>
</div>
<form
id="formInput-1"

2
src/style/global.css
View File

@@ -85,7 +85,7 @@ article {
sm:text-4xl;}
h2 {@apply pl-2 font-normal mb-2
[font-size:_clamp(24px,1.5vw,36px)] leading-7
sm:text-4xl;}
sm:text-2xl;}
h3 {@apply pl-2 sm:pl-0 text-xl font-normal ml-1 mb-1;}
a {@apply text-blue-700 font-medium inline;}