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(
async (gebaeude: GebaeudeAufnahmeClient) => {
if (gebaeude.plz) { if (gebaeude.plz) {
if (gebaeude.plz.length == 5) { if (gebaeude.plz.length == 5) {
try { try {
const result = await client.v1.postleitzahlen.query({ plz: gebaeude.plz, limit: 1 }); const result = await client.v1.postleitzahlen.query({
plz: gebaeude.plz,
limit: 1,
});
if (result.length > 0) { if (result.length > 0) {
return false; return false;
} }
} catch (e) { } catch (e) {
if (!hidden.has(AuditType.PLZ_NICHT_ERKANNT)){ if (!hidden.has(AuditType.PLZ_NICHT_ERKANNT)) {
return true; 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,12 +1,12 @@
<script> <script>
let innerWidth import ThemeController from "#components/ThemeController.svelte";
function dropdown(){ let innerWidth;
const innerWidth = window.innerWidth;
console.log(innerWidth);
if(innerWidth<1024){
function dropdown() {
const innerWidth = window.innerWidth;
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_list = document.querySelectorAll(".dd-symbol-clone");
@@ -14,18 +14,18 @@ if(innerWidth<1024){
console.log(rotate_element); console.log(rotate_element);
var first_check = check_element.classList.contains("show-dropdown-content"); var first_check = check_element.classList.contains(
"show-dropdown-content"
);
const nodeList = document.querySelectorAll(".dropdown-content"); const nodeList = document.querySelectorAll(".dropdown-content");
if(first_check == true){ if (first_check == true) {
check_element.classList.remove("show-dropdown-content"); check_element.classList.remove("show-dropdown-content");
rotate_element.classList.toggle("rotate-symbol"); rotate_element.classList.toggle("rotate-symbol");
} else {
}else{
for (let i = 0; i < nodeList.length; i++) { for (let i = 0; i < nodeList.length; i++) {
const element = nodeList[i]; const element = nodeList[i];
element.classList.remove("show-dropdown-content"); element.classList.remove("show-dropdown-content");
} }
for (let i = 0; i < rotate_list.length; i++) { for (let i = 0; i < rotate_list.length; i++) {
const element = rotate_list[i]; const element = rotate_list[i];
@@ -36,81 +36,99 @@ if(innerWidth<1024){
rotate_element.classList.add("rotate-symbol"); rotate_element.classList.add("rotate-symbol");
} }
} }
}
} function hover() {
const innerWidth = window.innerWidth;
function hover(){ console.log(innerWidth);
const innerWidth = window.innerWidth; if (innerWidth > 1024) {
console.log(innerWidth);
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 = "visible"; check_element.style.visibility = "visible";
} }
} }
function hoverout(){ function hoverout() {
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 = "hidden";
} }
} }
function hamburger(){ function hamburger() {
const nodeList = document.querySelectorAll(".dropdown-content"); const nodeList = document.querySelectorAll(".dropdown-content");
for (let i = 0; i < nodeList.length; i++) { for (let i = 0; i < nodeList.length; i++) {
nodeList[i].classList.remove("show-dropdown-content");} nodeList[i].classList.remove("show-dropdown-content");
}
var element = document.getElementById("card-navigation"); var element = document.getElementById("card-navigation");
element.classList.toggle("hidden"); element.classList.toggle("hidden");
const spans = this.children; const spans = this.children;
var first_check = spans[0].classList.contains("hamburger-swing-0"); var first_check = spans[0].classList.contains("hamburger-swing-0");
if(first_check == true){ if (first_check == true) {
for (let i = 0; i < spans.length; i++) for (let i = 0; i < spans.length; i++) {
{spans[i].classList.remove("hamburger-swing-"+i);} spans[i].classList.remove("hamburger-swing-" + i);
}
const rotate_list = document.querySelectorAll(".dd-symbol"); const rotate_list = document.querySelectorAll(".dd-symbol");
for (let i = 0; i < rotate_list.length; i++) for (let i = 0; i < rotate_list.length; i++) {
{rotate_list[i].classList.remove("rotate-symbol");} rotate_list[i].classList.remove("rotate-symbol");
}else{ }
for (let i = 0; i < spans.length; i++) } else {
{spans[i].classList.add("hamburger-swing-"+i);} } 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
id="hamburger"
on:click={hamburger}
on:keydown={hamburger}
class="cursor-pointer"
>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
</div> </div>
</div> </div>
<nav id="card-navigation" class="card-navigation hidden box lg:block"> <nav id="card-navigation" class="card-navigation hidden box lg:block">
<div
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> class="nav-element dropdown lg:dropdown-right"
on:click={dropdown}
on:keydown={dropdown}
on:mouseover={hover}
on:mouseleave={hoverout}
>
{#if innerWidth > 1023} {#if innerWidth > 1023}
<a href="" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> <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} {:else}
<a href="#" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> <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} {/if}
<ul class="dropdown-content energieasusweis-erstellen"> <ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="">Energieausweis erstellen</a></li> <li><a href="/energieausweis-erstellen/verbrauchsausweis-wohnen">Energieausweis erstellen</a></li>
{/if} {/if}
<li><a href="">Verbrauchsausweis erstellen</a></li> <li><a href="/energieausweis-erstellen/verbrauchsausweis-wohnen">Verbrauchsausweis erstellen</a></li>
<li><a href="">Bedarfsausweis erstellen</a></li> <li><a href="">Bedarfsausweis erstellen</a></li>
<li><a href="">Verbrauchsausweis Gewerbe erstellen</a></li> <li><a href="">Verbrauchsausweis Gewerbe erstellen</a></li>
<li><a href="">Bedarfsausweis Gewerbe erstellen</a></li> <li><a href="">Bedarfsausweis Gewerbe erstellen</a></li>
@@ -121,8 +139,18 @@ if(innerWidth>1024){
<div class="nav-element-child">Welcher Energieausweis?</div> <div class="nav-element-child">Welcher Energieausweis?</div>
</div> </div>
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div
<a href="#" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> 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"
>Verbrauchsausweis<span class="dd-symbol-clone"></span><span
class="dd-symbol"></span
></a
>
<ul class="dropdown-content verbrauchsausweis"> <ul class="dropdown-content verbrauchsausweis">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="">Verbrauchsausweis</a></li> <li><a href="">Verbrauchsausweis</a></li>
@@ -130,15 +158,28 @@ if(innerWidth>1024){
<li><a href="">Verbrauchsausweis Wohngebäude</a></li> <li><a href="">Verbrauchsausweis Wohngebäude</a></li>
<li><a href="">Verbrauchsausweis online erstellen</a></li> <li><a href="">Verbrauchsausweis online erstellen</a></li>
<li><a href="">Häufige Fragen zum Verbrauchsausweis</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="">Statistiken zum Verbrauchsausweis Wohngebäude</a>
</li>
<li><a href="">Verbrauchsausweis Gewerbe</a></li> <li><a href="">Verbrauchsausweis Gewerbe</a></li>
<li><a href="">Verbrauchsausweis Gewerbe online erstellen</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="">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
<li><a href="">Statistiken zum Verbrauchsausweis Gewerbe</a></li> <li><a href="">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
</ul>
</div> </div>
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div
<a href="#" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> 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"
>Bedarfsausweis<span class="dd-symbol-clone"></span><span
class="dd-symbol"></span
></a
>
<ul class="dropdown-content bedarfsausweis"> <ul class="dropdown-content bedarfsausweis">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="">Bedarfsausweis</a></li> <li><a href="">Bedarfsausweis</a></li>
@@ -152,11 +193,20 @@ if(innerWidth>1024){
<li><a href="">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li> <li><a href="">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
<li><a href="">Statistiken zum Bedarfsausweis Gewerbe</a></li> <li><a href="">Statistiken zum Bedarfsausweis Gewerbe</a></li>
</ul> </ul>
</div> </div>
<div
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> class="nav-element dropdown lg:dropdown-right"
<a href="#" class="nav-element-child">Energieausweis<span class="dd-symbol-clone"></span><span class="dd-symbol"></span></a> 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"> <ul class="dropdown-content energieausweis">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="">Energieausweis</a></li> <li><a href="">Energieausweis</a></li>
@@ -165,67 +215,77 @@ if(innerWidth>1024){
<li class=""><a href="">Energieausweis Kosten</a></li> <li class=""><a href="">Energieausweis Kosten</a></li>
<li class=""><a href="">Energieausweis Haus</a></li> <li class=""><a href="">Energieausweis Haus</a></li>
</ul> </ul>
</div> </div>
<div class="nav-element dropdown"> <div class="nav-element dropdown">
<div class="nav-element-child">EnEV Zusammenfassung - Archiv</div> <div class="nav-element-child">EnEV Zusammenfassung - Archiv</div>
</div> </div>
<div class="nav-element dropdown"> <div class="nav-element dropdown">
<div class="nav-element-child">Energieausweis Aussteller</div> <div class="nav-element-child">Energieausweis Aussteller</div>
</div> </div>
<div class="nav-element dropdown"> <div class="nav-element dropdown">
<div class="nav-element-child">Kundenbewertungen</div> <div class="nav-element-child">Kundenbewertungen</div>
</div> </div>
<div class="nav-element dropdown"> <div class="nav-element dropdown">
<div class="nav-element-child">FAQ</div> <div class="nav-element-child">FAQ</div>
</div> </div>
<div class="nav-element dropdown"> <div class="nav-element dropdown">
<div class="nav-element-child xl:!rounded-b-xl">Für Entwickler</div> <div class="nav-element-child xl:!rounded-b-xl">Für Entwickler</div>
</div> </div>
<div class="nav-element dropdown">
<ThemeController></ThemeController>
</div>
</nav> </nav>
<style> <style>
.dd-symbol::before {
content: "";
font-size: 0.95rem;
.dd-symbol::before{ position: absolute;
content:''; top: 0px;
font-size:0.95rem; left: -7px;
position:absolute;
top:0px;
left:-7px;
animation-name: flim; animation-name: flim;
animation-duration: 2s; animation-duration: 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
.dd-symbol{visibility: hidden;} .dd-symbol {
visibility: hidden;
}
.dd-symbol::after{ .dd-symbol::after {
content:''; content: "";
font-size:0.95rem; font-size: 0.95rem;
position:absolute; position: absolute;
top:0px; top: 0px;
right:-7px; right: -7px;
animation-name: flim; animation-name: flim;
animation-duration: 2s; animation-duration: 2s;
animation-delay: 1s; animation-delay: 1s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
@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;}
}
@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> </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>