Verbrauchsausweis Gewerbe & Navigation

This commit is contained in:
Robert Jagtiani
2025-03-12 18:32:02 +01:00
parent 68dd22e509
commit e741af6901
4 changed files with 112 additions and 75 deletions

View File

@@ -13,12 +13,12 @@ export const createCaller = createCallerFactory({
"admin/registriernummer": await import("../src/pages/api/admin/registriernummer.ts"),
"admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"),
"aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
"ausweise": await import("../src/pages/api/ausweise/index.ts"),
"auth/access-token": await import("../src/pages/api/auth/access-token.ts"),
"auth/passwort-vergessen": await import("../src/pages/api/auth/passwort-vergessen.ts"),
"auth/refresh-token": await import("../src/pages/api/auth/refresh-token.ts"),
"bedarfsausweis-wohnen/[uid]": await import("../src/pages/api/bedarfsausweis-wohnen/[uid].ts"),
"bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.ts"),
"ausweise": await import("../src/pages/api/ausweise/index.ts"),
"bilder/[uid]": await import("../src/pages/api/bilder/[uid].ts"),
"geg-nachweis-gewerbe/[uid]": await import("../src/pages/api/geg-nachweis-gewerbe/[uid].ts"),
"geg-nachweis-gewerbe": await import("../src/pages/api/geg-nachweis-gewerbe/index.ts"),

View File

@@ -97,49 +97,63 @@ 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">
<Inputlabel title="Heizquellen"></Inputlabel>
<!-- 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"
>
<input
id="primaere_heizquelle"
type="checkbox"
class="checkbox"
name="primaere_heizquelle"
checked={true}
/>
<label for="primaere_heizquelle">primäre Heizquelle</label>
</div>
<div
class="grid grid-cols-[40px_max-content] items-center justify-items-start"
>
{#if !ausweis.zusaetzliche_heizquelle}
<div class="input-checkboxen">
<div
class="grid grid-cols-[25px_max-content] items-center justify-items-start"
>
<input
id="zusaetzliche_heizquelle"
id="primaere_heizquelle"
type="checkbox"
class="checkbox"
name="zusaetzliche_heizquelle"
data-cy="zusaetzliche_heizquelle"
bind:checked={ausweis.zusaetzliche_heizquelle}
name="primaere_heizquelle"
checked={true}
/>
<label
for="zusaetzliche_heizquelle"
class="cursor-pointer">zusätzliche Heizquelle</label
>
{/if}
<label for="primaere_heizquelle">Heizquelle</label>
</div>
</div>
<div class="help-label">
<HelpLabel>Sie haben die Möglichkeit neben der Hauptheizung die <b>Verbräuche weiterer Heizquellen</b>
(z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben.
Dazu setzen Sie den Haken bei zusätzlicher Heizquelle. Eine weiterer Bereich zur Eingabe der
Verbräuche öffnet sich dann.</HelpLabel>
</div>
</div>
<div class="help-label">
<HelpLabel>Sie haben die Möglichkeit neben der Hauptheizung die <b>Verbräuche weiterer Heizquellen</b>
(z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben.
Dazu setzen Sie den Haken bei zusätzlicher Heizquelle. Eine weiterer Bereich zur Eingabe der
Verbräuche öffnet sich dann.</HelpLabel>
{#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 -->
@@ -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,7 +382,7 @@ 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 sm:block col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
></div>
<!-- zusätzliche Heizquelle -->
@@ -396,7 +419,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<div class="grid grid-cols-2 gap-x-4 order-9 md:order-9 xl:order-9">
<div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
<Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
<select
class="rounded-e-none"
@@ -543,7 +566,7 @@ 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]"
class="hidden sm:block col-span-3 order-[13] md:order-[13] xl:order-[13] h-[4px] bg-white mt-[-10px]"
></div>
<!-- StromVerbrauch 1 -->

View File

@@ -431,7 +431,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<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"

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}
>
<a href="/geg/" class="nav-element-child"
>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone"></span><span
class="dd-symbol"></span
></a
>
{#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>
{: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">