Pfade angepasst und Verlinkungen in Sidebar

This commit is contained in:
Moritz Utcke
2024-11-24 13:12:58 +11:00
parent df4f21f5a6
commit 5aa093f827
18 changed files with 319 additions and 271 deletions

View File

@@ -1,4 +1,4 @@
import { GebaeudeAufnahmeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
export function auditBedarfsausweisBenoetigt(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeAufnahmeClient): boolean { export function auditBedarfsausweisBenoetigt(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeAufnahmeClient): boolean {
if (ausweis.ausstellgrund == "Neubau" || ausweis.ausstellgrund == "Modernisierung") { if (ausweis.ausstellgrund == "Neubau" || ausweis.ausstellgrund == "Modernisierung") {

View File

@@ -1,7 +1,7 @@
import { GebaeudeClient, VerbrauchsausweisWohnenClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeClient, VerbrauchsausweisWohnenClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016"; import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016.js";
import { getKlimafaktoren } from "#lib/Klimafaktoren"; import { getKlimafaktoren } from "#lib/Klimafaktoren.js";
export async function auditEndEnergie(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient, gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient): Promise<boolean> { export async function auditEndEnergie(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient, gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient): Promise<boolean> {
if (hidden.has(AuditType.END_ENERGIE)) { if (hidden.has(AuditType.END_ENERGIE)) {

View File

@@ -1,5 +1,5 @@
import { GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "../audits/hidden"; import { AuditType, hidden } from "../audits/hidden.js";
export function auditHeizungGebaeudeBaujahr(gebaeude: GebaeudeAufnahmeClient): boolean { export function auditHeizungGebaeudeBaujahr(gebaeude: GebaeudeAufnahmeClient): boolean {
if ((gebaeude.baujahr_heizung && gebaeude.baujahr_heizung.length > 0) && (gebaeude.baujahr_gebaeude && gebaeude.baujahr_gebaeude.length > 0)) { if ((gebaeude.baujahr_heizung && gebaeude.baujahr_heizung.length > 0) && (gebaeude.baujahr_gebaeude && gebaeude.baujahr_gebaeude.length > 0)) {

View File

@@ -1,5 +1,5 @@
import { GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "../audits/hidden"; import { AuditType, hidden } from "../audits/hidden.js";
export function auditHeizungJuengerDreiJahre(gebaeude: GebaeudeAufnahmeClient): boolean { export function auditHeizungJuengerDreiJahre(gebaeude: GebaeudeAufnahmeClient): boolean {

View File

@@ -1,6 +1,6 @@
import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types"; import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
import { getKlimafaktoren } from "#lib/Klimafaktoren"; import { getKlimafaktoren } from "#lib/Klimafaktoren.js";
export async function auditKlimaFaktoren(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): Promise<boolean> { export async function auditKlimaFaktoren(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): Promise<boolean> {
if (hidden.has(AuditType.KLIMA_FAKTOREN)) { if (hidden.has(AuditType.KLIMA_FAKTOREN)) {

View File

@@ -1,5 +1,5 @@
import { GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
export function auditLeerStand(gebaeude: GebaeudeAufnahmeClient): boolean { export function auditLeerStand(gebaeude: GebaeudeAufnahmeClient): boolean {
if (gebaeude.leerstand && !hidden.has(AuditType.LEER_STAND)) { if (gebaeude.leerstand && !hidden.has(AuditType.LEER_STAND)) {

View File

@@ -1,23 +1,29 @@
import { GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { client } from "src/trpc"; import { client } from "src/trpc.js";
import { memoize } from "src/lib/Memoization"; import { memoize } from "src/lib/Memoization.js";
import { AuditType, hidden } from "../audits/hidden"; import { AuditType, hidden } from "../audits/hidden.js";
export const auditPlzNichtErkannt = memoize(async (gebaeude: GebaeudeAufnahmeClient) => { export const auditPlzNichtErkannt = memoize(
if (gebaeude.plz) { async (gebaeude: GebaeudeAufnahmeClient) => {
if (gebaeude.plz.length == 5) { if (gebaeude.plz) {
try { if (gebaeude.plz.length == 5) {
const result = await client.v1.postleitzahlen.query({ plz: gebaeude.plz, limit: 1 }); try {
const result = await client.v1.postleitzahlen.query({
if (result.length > 0) { plz: gebaeude.plz,
return false; limit: 1,
} });
} catch (e) {
if (!hidden.has(AuditType.PLZ_NICHT_ERKANNT)){ if (result.length > 0) {
return true; return false;
} }
} } catch (e) {
} if (!hidden.has(AuditType.PLZ_NICHT_ERKANNT)) {
} return true;
return false }
}); }
}
}
return false;
}
);

View File

@@ -1,7 +1,7 @@
import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient, GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
export function auditVerbrauchAbweichung(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): number[] { export function auditVerbrauchAbweichung(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeAufnahmeClient): number[] {
if (gebaeude.leerstand && (gebaeude.leerstand > 0)) { if (gebaeude.leerstand && (gebaeude.leerstand > 0)) {
return []; return [];
} }

View File

@@ -1,5 +1,5 @@
import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types"; import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
export function auditWarmWasser(ausweis: VerbrauchsausweisWohnenClient): boolean { export function auditWarmWasser(ausweis: VerbrauchsausweisWohnenClient): boolean {

View File

@@ -1,5 +1,5 @@
import { GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
export function auditWohnFlaeche(gebaeude: GebaeudeAufnahmeClient ): boolean { export function auditWohnFlaeche(gebaeude: GebaeudeAufnahmeClient ): boolean {
if (gebaeude.einheiten && gebaeude.flaeche ) { if (gebaeude.einheiten && gebaeude.flaeche ) {

View File

@@ -1,5 +1,5 @@
import { GebaeudeAufnahmeClient } from "#components/Ausweis/types"; import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "../audits/hidden"; import { AuditType, hidden } from "../audits/hidden.js";
export function auditWohnflaecheGroesserGesamtflaeche(gebaeude: GebaeudeAufnahmeClient ): boolean { export function auditWohnflaecheGroesserGesamtflaeche(gebaeude: GebaeudeAufnahmeClient ): boolean {
if (gebaeude.flaeche && gebaeude.nutzflaeche){ if (gebaeude.flaeche && gebaeude.nutzflaeche){

View File

@@ -1,5 +1,5 @@
import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types"; import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
import { AuditType, hidden } from "./hidden"; import { AuditType, hidden } from "./hidden.js";
export function auditZeitraumAktuell(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): boolean { export function auditZeitraumAktuell(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): boolean {
if (hidden.has(AuditType.ZEITRAUM_AKTUELL)) { if (hidden.has(AuditType.ZEITRAUM_AKTUELL)) {

View File

@@ -9,7 +9,6 @@ export enum AuditType {
WOHN_FLAECHE, WOHN_FLAECHE,
WARM_WASSER, WARM_WASSER,
LEER_STAND, LEER_STAND,
PLZ_NICHT_ERKANNT,
END_ENERGIE, END_ENERGIE,
WOHNFLAECHE_GROESSER_GESAMTFLAECHE WOHNFLAECHE_GROESSER_GESAMTFLAECHE
} }

View File

@@ -1,231 +1,291 @@
<script> <script>
let innerWidth import ThemeController from "#components/ThemeController.svelte";
function dropdown(){ let innerWidth;
const innerWidth = window.innerWidth; function dropdown() {
console.log(innerWidth); const innerWidth = window.innerWidth;
if(innerWidth<1024){ console.log(innerWidth);
if (innerWidth < 1024) {
const check_element = this.lastChild; const check_element = this.lastChild;
const rotate_list = document.querySelectorAll(".dd-symbol-clone");
const rotate_element = this.childNodes[0].children[0];
console.log(rotate_element); const rotate_list = document.querySelectorAll(".dd-symbol-clone");
const rotate_element = this.childNodes[0].children[0];
var first_check = check_element.classList.contains("show-dropdown-content"); console.log(rotate_element);
const nodeList = document.querySelectorAll(".dropdown-content");
if(first_check == true){
check_element.classList.remove("show-dropdown-content");
rotate_element.classList.toggle("rotate-symbol");
}else{
for (let i = 0; i < nodeList.length; i++) {
const element = nodeList[i];
element.classList.remove("show-dropdown-content");
}
for (let i = 0; i < rotate_list.length; i++) {
const element = rotate_list[i];
element.classList.remove("rotate-symbol");
}
check_element.classList.add("show-dropdown-content"); var first_check = check_element.classList.contains(
rotate_element.classList.add("rotate-symbol"); "show-dropdown-content"
} );
} const nodeList = document.querySelectorAll(".dropdown-content");
} if (first_check == true) {
check_element.classList.remove("show-dropdown-content");
rotate_element.classList.toggle("rotate-symbol");
} else {
for (let i = 0; i < nodeList.length; i++) {
const element = nodeList[i];
element.classList.remove("show-dropdown-content");
}
for (let i = 0; i < rotate_list.length; i++) {
const element = rotate_list[i];
element.classList.remove("rotate-symbol");
}
function hover(){ check_element.classList.add("show-dropdown-content");
const innerWidth = window.innerWidth; rotate_element.classList.add("rotate-symbol");
console.log(innerWidth); }
if(innerWidth>1024){ }
const check_element = this.firstChild.lastChild; }
console.log(check_element);
check_element.style.visibility = "visible";
}
}
function hoverout(){ function hover() {
const innerWidth = window.innerWidth; const innerWidth = window.innerWidth;
console.log(innerWidth); console.log(innerWidth);
if(innerWidth>1024){ if (innerWidth > 1024) {
const check_element = this.firstChild.lastChild; const check_element = this.firstChild.lastChild;
console.log(check_element); console.log(check_element);
check_element.style.visibility = "hidden"; check_element.style.visibility = "visible";
} }
} }
function hamburger(){ function hoverout() {
const nodeList = document.querySelectorAll(".dropdown-content"); const innerWidth = window.innerWidth;
for (let i = 0; i < nodeList.length; i++) { console.log(innerWidth);
nodeList[i].classList.remove("show-dropdown-content");} if (innerWidth > 1024) {
var element = document.getElementById("card-navigation"); const check_element = this.firstChild.lastChild;
element.classList.toggle("hidden"); console.log(check_element);
check_element.style.visibility = "hidden";
}
}
const spans = this.children; function hamburger() {
var first_check = spans[0].classList.contains("hamburger-swing-0"); const nodeList = document.querySelectorAll(".dropdown-content");
for (let i = 0; i < nodeList.length; i++) {
if(first_check == true){ nodeList[i].classList.remove("show-dropdown-content");
for (let i = 0; i < spans.length; i++) }
{spans[i].classList.remove("hamburger-swing-"+i);} var element = document.getElementById("card-navigation");
const rotate_list = document.querySelectorAll(".dd-symbol"); element.classList.toggle("hidden");
for (let i = 0; i < rotate_list.length; i++)
{rotate_list[i].classList.remove("rotate-symbol");} const spans = this.children;
}else{ var first_check = spans[0].classList.contains("hamburger-swing-0");
for (let i = 0; i < spans.length; i++)
{spans[i].classList.add("hamburger-swing-"+i);} } if (first_check == true) {
} for (let i = 0; i < spans.length; i++) {
spans[i].classList.remove("hamburger-swing-" + i);
}
const rotate_list = document.querySelectorAll(".dd-symbol");
for (let i = 0; i < rotate_list.length; i++) {
rotate_list[i].classList.remove("rotate-symbol");
}
} else {
for (let i = 0; i < spans.length; i++) {
spans[i].classList.add("hamburger-swing-" + i);
}
}
}
</script> </script>
<svelte:window bind:innerWidth /> <svelte:window bind:innerWidth />
<div
<div class="hamburger_menu py-1 px-2 bg-secondary class="hamburger_menu py-1 px-2 bg-secondary
xs:px-6 xs:px-6
lg:hidden"> lg:hidden"
>
<div id="hamburger" on:click={hamburger} on:keydown={hamburger} class="cursor-pointer"> <div
<span></span> id="hamburger"
<span></span> on:click={hamburger}
<span></span> on:keydown={hamburger}
</div> class="cursor-pointer"
>
<span></span>
<span></span>
<span></span>
</div>
</div> </div>
<nav id="card-navigation" class="card-navigation hidden box lg:block">
<div
class="nav-element dropdown lg:dropdown-right"
on:click={dropdown}
on:keydown={dropdown}
on:mouseover={hover}
on:mouseleave={hoverout}
>
{#if innerWidth > 1023}
<a href="/energieausweis-erstellen/verbrauchsausweis-wohnen" class="nav-element-child xl:rounded-t-[.75rem]"
>Energieausweis erstellen<span class="dd-symbol-clone"></span
><span class="dd-symbol"></span></a
>
{:else}
<a href="/energieausweis-erstellen/verbrauchsausweis-wohnen" class="nav-element-child xl:rounded-t-[.75rem]"
>Energieausweis erstellen<span class="dd-symbol-clone"></span
><span class="dd-symbol"></span></a
>
{/if}
<ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohnen">Energieausweis erstellen</a></li>
{/if}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohnen">Verbrauchsausweis erstellen</a></li>
<li><a href="">Bedarfsausweis erstellen</a></li>
<li><a href="">Verbrauchsausweis Gewerbe erstellen</a></li>
<li><a href="">Bedarfsausweis Gewerbe erstellen</a></li>
</ul>
</div>
<nav id="card-navigation" class="card-navigation hidden box lg:block"> <div class="nav-element dropdown">
<div class="nav-element-child">Welcher Energieausweis?</div>
</div>
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div
{#if innerWidth > 1023} class="nav-element dropdown lg:dropdown-right"
<a href="" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> on:click={dropdown}
{:else} on:keydown={dropdown}
<a href="#" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> on:mouseover={hover}
{/if} on:mouseleave={hoverout}
>
<ul class="dropdown-content energieasusweis-erstellen"> <a href="#" class="nav-element-child"
{#if innerWidth < 1023} >Verbrauchsausweis<span class="dd-symbol-clone"></span><span
<li><a href="">Energieausweis erstellen</a></li> class="dd-symbol"></span
{/if} ></a
<li><a href="">Verbrauchsausweis erstellen</a></li> >
<li><a href="">Bedarfsausweis erstellen</a></li> <ul class="dropdown-content verbrauchsausweis">
<li><a href="">Verbrauchsausweis Gewerbe erstellen</a></li> {#if innerWidth < 1023}
<li><a href="">Bedarfsausweis Gewerbe erstellen</a></li> <li><a href="">Verbrauchsausweis</a></li>
</ul> {/if}
</div> <li><a href="">Verbrauchsausweis Wohngebäude</a></li>
<li><a href="">Verbrauchsausweis online erstellen</a></li>
<li><a href="">Häufige Fragen zum Verbrauchsausweis</a></li>
<li>
<a href="">Statistiken zum Verbrauchsausweis Wohngebäude</a>
</li>
<li><a href="">Verbrauchsausweis Gewerbe</a></li>
<li><a href="">Verbrauchsausweis Gewerbe online erstellen</a></li>
<li><a href="">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
<li><a href="">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
</ul>
</div>
<div class="nav-element dropdown"> <div
<div class="nav-element-child">Welcher Energieausweis?</div> class="nav-element dropdown lg:dropdown-right"
</div> on:click={dropdown}
on:keydown={dropdown}
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> on:mouseover={hover}
<a href="#" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> on:mouseleave={hoverout}
<ul class="dropdown-content verbrauchsausweis"> >
{#if innerWidth < 1023} <a href="#" class="nav-element-child"
<li><a href="">Verbrauchsausweis</a></li> >Bedarfsausweis<span class="dd-symbol-clone"></span><span
{/if} class="dd-symbol"></span
<li><a href="">Verbrauchsausweis Wohngebäude</a></li> ></a
<li><a href="">Verbrauchsausweis online erstellen</a></li> >
<li><a href="">Häufige Fragen zum Verbrauchsausweis</a></li> <ul class="dropdown-content bedarfsausweis">
<li><a href="">Statistiken zum Verbrauchsausweis Wohngebäude</a></li> {#if innerWidth < 1023}
<li><a href="">Verbrauchsausweis Gewerbe</a></li> <li><a href="">Bedarfsausweis</a></li>
<li><a href="">Verbrauchsausweis Gewerbe online erstellen</a></li> {/if}
<li><a href="">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li> <li><a href="">Bedarfsausweis Wohngebäude</a></li>
<li><a href="">Statistiken zum Verbrauchsausweis Gewerbe</a></li> <li><a href="">Bedarfsausweis online erstellen</a></li>
</div> <li><a href="">Häufige Fragen zum Bedarfsausweis</a></li>
<li><a href="">Statistiken zum Bedarfsausweis Wohngebäude</a></li>
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <li><a href="">Bedarfsausweis Gewerbe</a></li>
<a href="#" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> <li><a href="">Bedarfsausweis Gewerbe online erstellen</a></li>
<ul class="dropdown-content bedarfsausweis"> <li><a href="">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
{#if innerWidth < 1023} <li><a href="">Statistiken zum Bedarfsausweis Gewerbe</a></li>
<li><a href="">Bedarfsausweis</a></li> </ul>
{/if} </div>
<li><a href="">Bedarfsausweis Wohngebäude</a></li>
<li><a href="">Bedarfsausweis online erstellen</a></li>
<li><a href="">Häufige Fragen zum Bedarfsausweis</a></li>
<li><a href="">Statistiken zum Bedarfsausweis Wohngebäude</a></li>
<li><a href="">Bedarfsausweis Gewerbe</a></li>
<li><a href="">Bedarfsausweis Gewerbe online erstellen</a></li>
<li><a href="">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
<li><a href="">Statistiken zum Bedarfsausweis Gewerbe</a></li>
</ul>
</div>
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
<a href="#" 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}
<li><a href="">Energieausweis</a></li>
{/if}
<li class=""><a href="">Energieausweis Pflicht</a></li>
<li class=""><a href="">Energieausweis Kosten</a></li>
<li class=""><a href="">Energieausweis Haus</a></li>
</ul>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">EnEV Zusammenfassung - Archiv</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">Energieausweis Aussteller</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">Kundenbewertungen</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">FAQ</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child xl:!rounded-b-xl">Für Entwickler</div>
</div>
<div
class="nav-element dropdown lg:dropdown-right"
on:click={dropdown}
on:keydown={dropdown}
on:mouseover={hover}
on:mouseleave={hoverout}
>
<a href="#" 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}
<li><a href="">Energieausweis</a></li>
{/if}
<li class=""><a href="">Energieausweis Pflicht</a></li>
<li class=""><a href="">Energieausweis Kosten</a></li>
<li class=""><a href="">Energieausweis Haus</a></li>
</ul>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">EnEV Zusammenfassung - Archiv</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">Energieausweis Aussteller</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">Kundenbewertungen</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child">FAQ</div>
</div>
<div class="nav-element dropdown">
<div class="nav-element-child xl:!rounded-b-xl">Für Entwickler</div>
</div>
<div class="nav-element dropdown">
<ThemeController></ThemeController>
</div>
</nav> </nav>
<style> <style>
.dd-symbol::before {
content: "";
font-size: 0.95rem;
position: absolute;
top: 0px;
left: -7px;
animation-name: flim;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.dd-symbol {
visibility: hidden;
}
.dd-symbol::after {
content: "";
font-size: 0.95rem;
position: absolute;
top: 0px;
right: -7px;
animation-name: flim;
animation-duration: 2s;
animation-delay: 1s;
animation-iteration-count: infinite;
}
.dd-symbol::before{ @keyframes flim {
content:''; 0% {
font-size:0.95rem; opacity: 0;
position:absolute; }
top:0px; 16.66% {
left:-7px; opacity: 0.25;
animation-name: flim; }
animation-duration: 2s; 33.32% {
animation-iteration-count: infinite; opacity: 0.5;
} }
49.98% {
.dd-symbol{visibility: hidden;} opacity: 0.75;
}
.dd-symbol::after{ 66.64% {
content:''; opacity: 0.5;
font-size:0.95rem; }
position:absolute; 83.33% {
top:0px; opacity: 0.25;
right:-7px; }
animation-name: flim; 100% {
animation-duration: 2s; opacity: 0;
animation-delay: 1s; }
animation-iteration-count: infinite; }
} </style>
@keyframes flim{
0% {opacity: 0;}
16.66% {opacity: 0.25;}
33.32% {opacity: 0.5;}
49.98% {opacity: 0.75;}
66.64% {opacity: 0.5;}
83.33% {opacity: 0.25;}
100% {opacity: 0;}
}
</style>

View File

@@ -5,10 +5,6 @@ import Preistabelle from "#sidebarCards/card-price-info.svelte";
--- ---
<div class="flex flex-col grow"> <div class="flex flex-col grow">
<Navigation client:load /> <Navigation client:load />
<Preistabelle client:load /> <Preistabelle client:load />
</div> </div>

View File

@@ -33,14 +33,9 @@ const { title } = Astro.props;
<body> <body>
<container class="w-full max-w-[1920px]"> <container class="w-full max-w-[1920px]">
<Header /> <Header />
<main <main
class="w-full p-0 class="w-full p-0
lg:grid grid-cols-[max-content,6fr] lg:gap-3 lg:p-3 lg:grid grid-cols-[max-content,6fr] lg:gap-3 lg:p-3
xl:grid-cols-[2fr,6fr,2fr] xl:py-4 xl:px-3 xl:grid-cols-[2fr,6fr,2fr] xl:py-4 xl:px-3
2xl:grid-cols-[2fr,6fr,2fr] 2xl:gap-5 2xl:py-4 2xl:px-9 2xl:grid-cols-[2fr,6fr,2fr] 2xl:gap-5 2xl:py-4 2xl:px-9

View File

@@ -619,11 +619,7 @@
message: "Plausibilitätsprüfung", message: "Plausibilitätsprüfung",
timeout: 0, timeout: 0,
uid: "PLZ_NICHT_ERKANNT", uid: "PLZ_NICHT_ERKANNT",
dismissable: true, dismissable: false,
onUserDismiss: () => {
hidden.add(AuditType.PLZ_NICHT_ERKANNT);
gebaeude = gebaeude;
},
type: "warning", type: "warning",
}} }}
> >
@@ -639,7 +635,7 @@
notification={{ notification={{
message: "Plausibilitätsprüfung", message: "Plausibilitätsprüfung",
timeout: 0, timeout: 0,
uid: "HEIZUNG_VOR_GEBAEUDE", uid: "HEIZUNG_GEBAEUDE_BAUJAHR",
dismissable: true, dismissable: true,
onUserDismiss: () => { onUserDismiss: () => {
hidden.add(AuditType.HEIZUNG_GEBAEUDE_BAUJAHR); hidden.add(AuditType.HEIZUNG_GEBAEUDE_BAUJAHR);
@@ -782,7 +778,7 @@
</RawNotification> </RawNotification>
{/if} {/if}
{#if auditVerbrauchAbweichung(ausweis, gebaeude).length > 0} {#if auditVerbrauchAbweichung(ausweis, gebaeude_aufnahme_allgemein).length > 0}
<RawNotification <RawNotification
notification={{ notification={{
message: "Plausibilitätsprüfung", message: "Plausibilitätsprüfung",
@@ -798,8 +794,8 @@
> >
Die Abweichung der Verbräuche zwischen Zeitraum {auditVerbrauchAbweichung( Die Abweichung der Verbräuche zwischen Zeitraum {auditVerbrauchAbweichung(
ausweis, ausweis,
gebaeude, gebaeude_aufnahme_allgemein,
)[0]} und {auditVerbrauchAbweichung(ausweis, gebaeude)[1]} beträgt mehr )[0]} und {auditVerbrauchAbweichung(ausweis, gebaeude_aufnahme_allgemein)[1]} beträgt mehr
als 30% und sie haben keinen Leerstand angegeben. Sind sie sich sicher, als 30% und sie haben keinen Leerstand angegeben. Sind sie sich sicher,
dass das stimmt? dass das stimmt?
</RawNotification> </RawNotification>

View File

@@ -6,11 +6,7 @@ import BannerPrice from "#content/banner-saeule.svelte";
<Layout title="Energieausweis online erstellen - Online Energieausweis"> <Layout title="Energieausweis online erstellen - Online Energieausweis">
<h1>Energieausweis online erstellen</h1> <h1>Energieausweis online erstellen</h1>
<BannerPrice client:load /> <BannerPrice client:load />
</Layout> </Layout>