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/registriernummer": await import("../src/pages/api/admin/registriernummer.ts"),
"admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"), "admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"),
"aufnahme": await import("../src/pages/api/aufnahme/index.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/access-token": await import("../src/pages/api/auth/access-token.ts"),
"auth/passwort-vergessen": await import("../src/pages/api/auth/passwort-vergessen.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"), "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/[uid]": await import("../src/pages/api/bedarfsausweis-wohnen/[uid].ts"),
"bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.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"), "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/[uid]": await import("../src/pages/api/geg-nachweis-gewerbe/[uid].ts"),
"geg-nachweis-gewerbe": await import("../src/pages/api/geg-nachweis-gewerbe/index.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 --> <!-- primäre Heizquellen -->
<div class="input-standard order-1 md:order-1 xl:order-1"> <!-- primäre Heizquellen -->
<Inputlabel title="Heizquellen"></Inputlabel> <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="input-checkboxen">
<div <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"
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}
<input <input
id="zusaetzliche_heizquelle" id="primaere_heizquelle"
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
name="zusaetzliche_heizquelle" name="primaere_heizquelle"
data-cy="zusaetzliche_heizquelle" checked={true}
bind:checked={ausweis.zusaetzliche_heizquelle}
/> />
<label <label for="primaere_heizquelle">Heizquelle</label>
for="zusaetzliche_heizquelle" </div>
class="cursor-pointer">zusätzliche Heizquelle</label
> </div>
{/if}
<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> </div>
{#if !ausweis.zusaetzliche_heizquelle}
<div class="help-label"> <div class="input-standard">
<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. <div class="input-checkboxen">
Dazu setzen Sie den Haken bei zusätzlicher Heizquelle. Eine weiterer Bereich zur Eingabe der <div
Verbräuche öffnet sich dann.</HelpLabel> 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> </div>
{/if}
</div> </div>
<!-- Zeitraum 1 --> <!-- Zeitraum 1 -->
@@ -286,7 +300,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
/> />
<div class="VerbrauchsEinheit"> <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>
<div class="help-label"> <div class="help-label">
@@ -314,7 +331,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required required
/> />
<div class="VerbrauchsEinheit"> <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>
<div class="help-label"> <div class="help-label">
@@ -342,7 +362,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required required
/> />
<div class="VerbrauchsEinheit"> <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>
<div class="help-label"> <div class="help-label">
@@ -359,7 +382,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
{#if ausweis.zusaetzliche_heizquelle} {#if ausweis.zusaetzliche_heizquelle}
<div <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> ></div>
<!-- zusätzliche Heizquelle --> <!-- 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="grid grid-cols-2 gap-x-4 order-9 md:order-9 xl:order-9">
<div class="input-standard"> <div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel> <Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
<select <select
class="rounded-e-none" class="rounded-e-none"
@@ -543,7 +566,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<div <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> ></div>
<!-- StromVerbrauch 1 --> <!-- 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="grid grid-cols-2 gap-x-4 order-12 md:order-12 xl:order-12">
<div class="input-standard"> <div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel> <Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
<select <select
class="rounded-e-none" class="rounded-e-none"

View File

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