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

Merge remote-tracking branch 'origin/main'

Browse Source
This commit is contained in:
Moritz Utcke
2025-03-12 16:21:46 -03:00
parent 0b93b2d230 7f213930b1
commit 5f5cdc5728
7 changed files with 132 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/astro-typesafe-api-caller.ts
View File

@@ -5,6 +5,7 @@ export const createCaller = createCallerFactory({
"klimafaktoren": await import("../src/pages/api/klimafaktoren.ts"),
"postleitzahlen": await import("../src/pages/api/postleitzahlen.ts"),
"unterlage": await import("../src/pages/api/unterlage.ts"),
"aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
"admin/ausstellen": await import("../src/pages/api/admin/ausstellen.ts"),
"admin/bestellbestaetigung": await import("../src/pages/api/admin/bestellbestaetigung.ts"),
"admin/erinnern": await import("../src/pages/api/admin/erinnern.ts"),

107
src/components/Ausweis/StromVerbrauch.svelte
View File

@@ -97,12 +97,14 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
>
<!-- primäre Heizquellen -->
<div class="input-standard order-1 md:order-1 xl:order-1">
<!-- primäre Heizquellen -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 order-1 md:order-1 xl:order-1">
<div class="input-standard">
<Inputlabel title="Heizquellen"></Inputlabel>
<div class="input-checkboxen">
<div
class="grid grid-cols-[40px_max-content] items-center justify-items-start"
class="grid grid-cols-[25px_max-content] items-center justify-items-start"
>
<input
id="primaere_heizquelle"
@@ -111,27 +113,9 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
name="primaere_heizquelle"
checked={true}
/>
<label for="primaere_heizquelle">primäre Heizquelle</label>
<label for="primaere_heizquelle">Heizquelle</label>
</div>
<div
class="grid grid-cols-[40px_max-content] items-center justify-items-start"
>
{#if !ausweis.zusaetzliche_heizquelle}
<input
id="zusaetzliche_heizquelle"
type="checkbox"
class="checkbox"
name="zusaetzliche_heizquelle"
data-cy="zusaetzliche_heizquelle"
bind:checked={ausweis.zusaetzliche_heizquelle}
/>
<label
for="zusaetzliche_heizquelle"
class="cursor-pointer">zusätzliche Heizquelle</label
>
{/if}
</div>
</div>
<div class="help-label">
@@ -141,6 +125,36 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
Verbräuche öffnet sich dann.</HelpLabel>
</div>
</div>
{#if !ausweis.zusaetzliche_heizquelle}
<div class="input-standard">
<div class="input-checkboxen">
<div
class="grid grid-cols-[25px_max-content] items-center justify-items-start"
>
<input
id="zusaetzliche_heizquelle_1"
type="checkbox"
class="checkbox"
name="zusaetzliche_heizquelle_1"
bind:checked={ausweis.zusaetzliche_heizquelle}
data-cy="zusaetzliche_heizquelle"
/>
<label
for="zusaetzliche_heizquelle_1"
class="cursor-pointer">zusätzl. Heizquelle</label
>
</div>
</div>
<div class="help-label">
<HelpLabel>Bitte geben Sie das <b>Startjahr der ersten Verbrauchsperiode</b> ein. Weitere Zeitangaben müssen nichht
gemacht werden, da alle 3 Verbrauchsjahre zusammenhängend sein sollen.</HelpLabel>
</div>
</div>
{/if}
</div>
<!-- Zeitraum 1 -->
@@ -214,7 +228,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<div class="grid grid-cols-2 gap-x-4 order-3 md:order-3 xl:order-3">
<div class="input-standard">
<Inputlabel title="primärer Brennstoff *"></Inputlabel>
<Inputlabel title="primär. Brennstoff *"></Inputlabel>
<select
class="rounded-e-none"
@@ -286,7 +300,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
/>
<div class="VerbrauchsEinheit">
{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
{#if ausweis.einheit_1 === "Bitte auswählen"}
{:else if ausweis.einheit_1 != "Bitte auswählen"}
{ausweis.einheit_1}
{/if}
</div>
<div class="help-label">
@@ -314,7 +331,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required
/>
<div class="VerbrauchsEinheit">
{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
{#if ausweis.einheit_1 === "Bitte auswählen"}
{:else if ausweis.einheit_1 != "Bitte auswählen"}
{ausweis.einheit_1}
{/if}
</div>
<div class="help-label">
@@ -342,7 +362,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required
/>
<div class="VerbrauchsEinheit">
{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
{#if ausweis.einheit_1 === "Bitte auswählen"}
{:else if ausweis.einheit_1 != "Bitte auswählen"}
{ausweis.einheit_1}
{/if}
</div>
<div class="help-label">
@@ -359,13 +382,13 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
{#if ausweis.zusaetzliche_heizquelle}
<div
class="col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
class="hidden xl:block col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
></div>
<!-- zusätzliche Heizquelle -->
<div class="input-standard order-7 md:order-7 xl:order-7">
<Inputlabel title="zusätzliche Heizquelle"></Inputlabel>
<div class="input-standard order-10 md:order-10 xl:order-10">
<Inputlabel title="zusätzl. Heizquelle"></Inputlabel>
<div class="input-checkboxen">
<div
@@ -390,13 +413,13 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="input-standard order-8 md:order-8 xl:order-8"></div>
<div class="input-standard order-11 md:order-11 xl:order-11"></div>
<!-- zusätzlicher Brennstoff und Einheiten * -->
<div class="grid grid-cols-2 gap-x-4 order-9 md:order-9 xl:order-9">
<div class="grid grid-cols-2 gap-x-4 order-12 md:order-12 xl:order-12">
<div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
<Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
<select
class="rounded-e-none"
@@ -460,7 +483,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 4 -->
<div class="input-standard order-10 md:order-10 xl:order-10">
<div class="input-standard order-[13] md:order-[13] xl:order-[13]">
<Verbrauchslabel bind:ausweis addYear={1}></Verbrauchslabel>
<input
@@ -487,7 +510,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 5 -->
<div class="input-standard order-11 md:order-11 xl:order-11">
<div class="input-standard order-[14] md:order-[14] xl:order-[14]">
<Verbrauchslabel bind:ausweis addYear={2}></Verbrauchslabel>
<input
@@ -514,7 +537,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 6 -->
<div class="input-standard order-12 md:order-12 xl:order-12">
<div class="input-standard order-[15] md:order-[15] xl:order-[15]">
<Verbrauchslabel bind:ausweis addYear={3}></Verbrauchslabel>
<input
@@ -543,12 +566,12 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<div
class="col-span-3 order-[13] md:order-[13] xl:order-[13] h-[4px] bg-white mt-[-10px]"
></div>
class="hidden xl:block col-span-3 order-[16] md:order-[16] xl:order-[16] h-[4px] bg-white mt-[-10px]">
</div>
<!-- StromVerbrauch 1 -->
<div class="input-standard order-[14] md:order-[14] xl:order-[14]">
<div class="input-standard order-[19] md:order-[19] xl:order-[19]">
<StromVerbrauchslabel bind:ausweis addYear={1}></StromVerbrauchslabel>
<input
@@ -576,7 +599,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- StromVerbrauch 2 -->
<div class="input-standard order-[15] md:order-[15] xl:order-[15]">
<div class="input-standard order-[20] md:order-[20] xl:order-[20]">
<StromVerbrauchslabel bind:ausweis addYear={2}></StromVerbrauchslabel>
<input
@@ -603,7 +626,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- StromVerbrauch 3 -->
<div class="input-standard order-[16] md:order-[16] xl:order-[16]">
<div class="input-standard order-[21] md:order-[21] xl:order-[21]">
<StromVerbrauchslabel bind:ausweis addYear={3}></StromVerbrauchslabel>
<input
@@ -632,13 +655,13 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
</div>
<div class="bereich-box mt-6 grid
grid-cols-1 gap-x-4 gap-y-8
grid-cols-1 gap-x-4 gap-y-2
sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
"
>
<div class="col-span-3 -mb-12">Enthält Stromverbrauch für:</div>
<div class="col-span-1 sm:col-span-2 xl:col-span-3">Enthält Stromverbrauch für:</div>
<!-- Enthält Stromverbrauch für: -->
@@ -648,7 +671,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<SanierungsOption value="" label="Beleuchtung" name="stromverbrauch_enthaelt_beleuchtung" help="" bind:checked={ausweis.stromverbrauch_enthaelt_beleuchtung}></SanierungsOption>
<SanierungsOption value="" label="Kühlung" name="stromverbrauch_enthaelt_kuehlung" help="" bind:checked={ausweis.stromverbrauch_enthaelt_kuehlung}></SanierungsOption>
<div class="input-standard">
<div class="input-standard mt-6 sm:mt-0">
<Inputlabel title="Sonstige"></Inputlabel>
<input

6
src/components/Ausweis/Verbrauch.svelte
View File

@@ -389,7 +389,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
{#if ausweis.zusaetzliche_heizquelle}
<div
class="hidden sm:block col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
class="hidden xl:block col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
></div>
<!-- zusätzliche Heizquelle -->
@@ -425,13 +425,13 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="hidden sm:block input-standard order-11 md:order-11 xl:order-11"></div>
<div class="hidden xl:block input-standard order-11 md:order-11 xl:order-11"></div>
<!-- zusätzlicher Brennstoff und Einheiten * -->
<div class="grid grid-cols-2 gap-x-4 order-12 md:order-12 xl:order-12">
<div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
<Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
<select
class="rounded-e-none"

76
src/components/design/sidebars/cards/NavigationCard.svelte
View File

@@ -123,7 +123,7 @@ on:keydown={hamburger}>
on:mouseleave={hoverout}
>
{#if innerWidth > 1023}
<a href={undefined} class="nav-element-child"
<a href=/energieausweis-erstellen/ class="nav-element-child"
>Energieausweis erstellen<span class="dd-symbol-clone">❯</span
><span class="dd-symbol">❯</span></a
>
@@ -137,7 +137,7 @@ on:keydown={hamburger}>
<ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023}
<li>
<a href="/energieausweis-erstellen"
<a href="/energieausweis-erstellen/"
>Energieausweis erstellen</a
>
</li>
@@ -184,11 +184,11 @@ on:keydown={hamburger}>
{/if}
<ul class="dropdown-content angebot-anfragen">
{#if innerWidth < 1023}
<!-- {#if innerWidth < 1023}
<li>
<a href="/energieausweis-erstellen">Angebot anfragen</a>
</li>
{/if}
{/if}-->
<li>
<a
href="/angebot-anfragen/bedarfsausweis-gewerbe-anfragen"
@@ -220,14 +220,20 @@ on:keydown={hamburger}>
on:mouseover={hover}
on:mouseleave={hoverout}
>
{#if innerWidth > 1023}
<a href="/verbrauchsausweis/" class="nav-element-child"
>Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span
class="dd-symbol">❯</span
></a
>
>Verbrauchsausweis<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{:else}
<a href={undefined} class="nav-element-child"
>Verbrauchsausweis<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{/if}
<ul class="dropdown-content verbrauchsausweis">
{#if innerWidth < 1023}
<li><a href="index">Verbrauchsausweis</a></li>
<li><a href="/verbrauchsausweis/">Verbrauchsausweis</a></li>
{/if}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht">Produktübersicht Verbrauchsausweis Wohnen</a></li>
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis online erstellen</a></li>
@@ -244,11 +250,17 @@ on:keydown={hamburger}>
on:mouseover={hover}
on:mouseleave={hoverout}
>
{#if innerWidth > 1023}
<a href="/bedarfsausweis/" class="nav-element-child"
>Bedarfsausweis<span class="dd-symbol-clone">❯</span><span
class="dd-symbol">❯</span
></a
>
>Bedarfsausweis<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{:else}
<a href={undefined} class="nav-element-child"
>Bedarfsausweis<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{/if}
<ul class="dropdown-content bedarfsausweis">
{#if innerWidth < 1023}
<li><a href="/bedarfsausweis/">Bedarfsausweis</a></li>
@@ -285,15 +297,15 @@ on:keydown={hamburger}>
on:mouseover={hover}
on:mouseleave={hoverout}
>
<a href="/" class="nav-element-child"
<a href={undefined} class="nav-element-child"
>Energieausweis<span class="dd-symbol-clone">❯</span><span
class="dd-symbol">❯</span
></a
>
<ul class="dropdown-content energieausweis">
{#if innerWidth < 1023}
<!--{#if innerWidth < 1023}
<li><a href="/energieausweis/">Energieausweis</a></li>
{/if}
{/if}-->
<li><a href="/verbrauchsausweis/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis Wohngebäude</a></li>
<li><a href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis/">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
<li><a href="/verbrauchsausweis/verbrauchsausweis-gewerbe/">Verbrauchsausweis Gewerbe</a></li>
@@ -322,7 +334,7 @@ on:keydown={hamburger}>
><span class="dd-symbol">❯</span></a
>
{:else}
<a href="/bestellprozess-energieausweis" class="nav-element-child"
<a href={undefined} class="nav-element-child"
>Bestellprozess Energieausweis<span class="dd-symbol-clone"
>❯</span
><span class="dd-symbol">❯</span></a
@@ -364,11 +376,17 @@ on:keydown={hamburger}>
on:mouseover={hover}
on:mouseleave={hoverout}
>
{#if innerWidth > 1023}
<a href="/geg/" class="nav-element-child"
>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone">❯</span><span
class="dd-symbol">❯</span
></a
>
>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{:else}
<a href={undefined} class="nav-element-child"
>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{/if}
<ul class="dropdown-content geg">
{#if innerWidth < 1023}
<li><a href="/geg/">Gebäudeenergiegesetz (GEG)</a></li>
@@ -386,17 +404,13 @@ on:keydown={hamburger}>
on:mouseleave={hoverout}
>
{#if innerWidth > 1023}
<a href="/faq/" class="nav-element-child"
>FAQ<span class="dd-symbol-clone"
>❯</span
><span class="dd-symbol">❯</span></a
>
<a href="/faq/" class="nav-element-child">FAQ
<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{:else}
<a href="/faq/" class="nav-element-child"
>FAQ<span class="dd-symbol-clone"
>❯</span
><span class="dd-symbol">❯</span></a
>
<a href={undefined} class="nav-element-child">FAQ
<span class="dd-symbol-clone">❯</span>
<span class="dd-symbol">❯</span></a>
{/if}
<ul class="dropdown-content faq">

2
src/components/labels/InputLabel.svelte
View File

@@ -4,7 +4,7 @@
</script>
<div class="absolute bg-gray-500/5 sm:bg-white sm:bg-gray-500/10 border-x-[1px] border-t-[1px] border-black/25 px-2 top-[-1.275rem] -left-[1px] text-[0.8rem] rounded-t-sm font-sans">{title}</div>
<div class="absolute border-x-[1px] border-t-[1px] border-black/25 pl-1 pr-2 top-[-1.275rem] -left-[1px] text-[0.8rem] rounded-t-sm font-sans">{title}</div>
<style lang="postcss">

2
src/components/labels/StromVerbrauchslabel.svelte
View File

@@ -9,7 +9,7 @@
</script>
<div class="absolute border-x-[1px] border-t-[1px] border-black/25 px-3 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">
<div class="absolute border-x-[1px] border-t-[1px] border-black/25 pl-1 pr-2 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">
{#if !ausweis.startdatum}
Stromverbrauch von - bis
{:else}

2
src/components/labels/VerbrauchsLabel.svelte
View File

@@ -9,7 +9,7 @@
</script>
<div class="absolute border-x-[1px] border-t-[1px] border-black/25 px-3 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">
<div class="absolute border-x-[1px] border-t-[1px] border-black/25 pl-1 pr-2 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">
{#if !ausweis.startdatum}
Verbrauch von - bis
{:else}