From 24c29214be72689b117eda2ed1c31f52a79416db Mon Sep 17 00:00:00 2001 From: Moritz Utcke <62291876+Letsmoe@users.noreply.github.com> Date: Wed, 12 Apr 2023 23:38:19 +0400 Subject: [PATCH] Kundendaten + Test Ausweis PDF --- src/components/Ausweis/Ausweisart.svelte | 19 +- src/components/Ausweis/Kundendaten.svelte | 20 --- .../BedarfsausweisContent.svelte | 54 +----- src/components/Checkbox.svelte | 10 ++ .../Kaufabschluss/Kaufabschluss.svelte | 34 +--- .../Kaufabschluss/KundendatenContainer.svelte | 14 ++ .../VerbrauchsausweisContent.svelte | 66 +++---- .../energyPerformanceCalculation.ts | 1 + .../VerbrauchsausweisGewerbeContent.svelte | 58 +----- src/layouts/AusweisLayout.astro | 46 +++++ src/layouts/PDFLayout.astro | 33 ++++ src/pages/pdf/test.astro | 169 ++++++++++++++++++ src/style/576.scss | 15 -- tailwind.config.cjs | 2 + 14 files changed, 315 insertions(+), 226 deletions(-) create mode 100644 src/components/Checkbox.svelte create mode 100644 src/layouts/PDFLayout.astro create mode 100644 src/pages/pdf/test.astro diff --git a/src/components/Ausweis/Ausweisart.svelte b/src/components/Ausweis/Ausweisart.svelte index 3373fdf1..5ff21f69 100644 --- a/src/components/Ausweis/Ausweisart.svelte +++ b/src/components/Ausweis/Ausweisart.svelte @@ -1,10 +1,11 @@
@@ -71,14 +72,10 @@
@@ -96,15 +93,11 @@
diff --git a/src/components/Ausweis/Kundendaten.svelte b/src/components/Ausweis/Kundendaten.svelte index 0b353483..6e5f32d3 100644 --- a/src/components/Ausweis/Kundendaten.svelte +++ b/src/components/Ausweis/Kundendaten.svelte @@ -223,26 +223,6 @@ diff --git a/src/components/Checkbox.svelte b/src/components/Checkbox.svelte new file mode 100644 index 00000000..0177fa55 --- /dev/null +++ b/src/components/Checkbox.svelte @@ -0,0 +1,10 @@ + + +
+ + +
\ No newline at end of file diff --git a/src/components/Kaufabschluss/Kaufabschluss.svelte b/src/components/Kaufabschluss/Kaufabschluss.svelte index e7c69233..61a457b4 100644 --- a/src/components/Kaufabschluss/Kaufabschluss.svelte +++ b/src/components/Kaufabschluss/Kaufabschluss.svelte @@ -95,36 +95,4 @@ Daten ändern - - - + \ No newline at end of file diff --git a/src/components/Kaufabschluss/KundendatenContainer.svelte b/src/components/Kaufabschluss/KundendatenContainer.svelte index bb7ca35e..e9a2a0c0 100644 --- a/src/components/Kaufabschluss/KundendatenContainer.svelte +++ b/src/components/Kaufabschluss/KundendatenContainer.svelte @@ -56,3 +56,17 @@ + + \ No newline at end of file diff --git a/src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte b/src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte index 42bb2628..6ecb8940 100644 --- a/src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte +++ b/src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte @@ -41,7 +41,8 @@ ); } - let constructionYear: number; + let baujahrGebaeude: number; + let baujahrHeizungsAnlage: number; let apartmentCount: number; let certificateReason: | "Vermietung" @@ -54,7 +55,7 @@ let needsRequirementCertificate: boolean = false; $: needsRequirementCertificate = - (constructionYear < 1978 && + (baujahrGebaeude < 1978 && apartmentCount <= 4 && sanitationStatus == false && (certificateReason == "Vermietung" || @@ -62,6 +63,19 @@ certificateReason == "Neubau" || certificateReason == "Modernisierung" || certificateReason == "Verkauf"; + + function automatischAusfüllen() { + baujahrGebaeude = 1962; + baujahrHeizungsAnlage = 1974; + sanitationStatus = true; + apartmentCount = 1; + certificateReason = "Vermietung"; + energyConsumption = [15000, 14000, 16000] + area = 152; + hasCellar = true; + heatedWaterIncluded = true; + heatedWaterPortion = 18; + }
@@ -79,7 +93,10 @@ >
Später Weitermachen - +
+ + +
@@ -89,10 +106,11 @@
Weiter
- - - + \ No newline at end of file diff --git a/src/components/Verbrauchsausweis/energyPerformanceCalculation.ts b/src/components/Verbrauchsausweis/energyPerformanceCalculation.ts index 056ac121..f92a0226 100644 --- a/src/components/Verbrauchsausweis/energyPerformanceCalculation.ts +++ b/src/components/Verbrauchsausweis/energyPerformanceCalculation.ts @@ -23,6 +23,7 @@ export function calculateEnergyPerformanceScore( let energyConsumptionKWh = energyConsumption.map((x) => convertEnergyConsumptionToKWh(x, conversionFactor, calorificValueFactor)) let additionalEnergyConsumptionKWh = additionalEnergyConsumption.map((x) => convertEnergyConsumptionToKWh(x, conversionFactor, calorificValueFactor)) let heatingPortion = 1 - (waterHeatingPortion / 100); + return (heatingPortion * (energyConsumptionKWh[0] + additionalEnergyConsumptionKWh[0]) * climateFactors[0] + (waterHeatingPortion / 100) * (energyConsumptionKWh[0] + additionalEnergyConsumptionKWh[0]) + diff --git a/src/components/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeContent.svelte b/src/components/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeContent.svelte index ada2739f..b6652ddd 100644 --- a/src/components/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeContent.svelte +++ b/src/components/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeContent.svelte @@ -29,7 +29,8 @@ let zip: string = ""; let city: string = ""; - let constructionYear: number; + let baujahrGebaeude: number; + let baujahrHeizungsAnlage: number; let apartmentCount: number; let certificateReason: | "Vermietung" @@ -42,7 +43,7 @@ let needsRequirementCertificate: boolean = false; $: needsRequirementCertificate = - (constructionYear < 1978 && + (baujahrGebaeude < 1978 && apartmentCount <= 4 && sanitationStatus == false && (certificateReason == "Vermietung" || @@ -77,10 +78,11 @@
- - - + \ No newline at end of file diff --git a/src/layouts/AusweisLayout.astro b/src/layouts/AusweisLayout.astro index 39107da9..eafd525c 100644 --- a/src/layouts/AusweisLayout.astro +++ b/src/layouts/AusweisLayout.astro @@ -121,4 +121,50 @@ const schema = JSON.stringify({ input:disabled { text-indent: -9999px; } + + .GRB { + @apply border-2 border-[#ffcc03] p-4 flex flex-row rounded-lg justify-between w-full; + background: linear-gradient( + 135deg, + rgba(252, 234, 187, 1) 0%, + rgba(253, 235, 189, 1) 52%, + rgba(251, 223, 147, 1) 100% + ); + } + + .GRB3 { + @apply flex flex-col border-2 border-[#ffcc03] p-4 rounded-lg; + background: linear-gradient( + 135deg, + rgba(252, 234, 187, 1) 0%, + rgba(253, 235, 189, 1) 52%, + rgba(251, 223, 147, 1) 100% + ); + } + + .box { + @apply border-2 border-[#ffcc03] p-4 rounded-lg; + background: linear-gradient( + 135deg, + rgba(252, 234, 187, 1) 0%, + rgba(253, 235, 189, 1) 52%, + rgba(251, 223, 147, 1) 100% + ); + } + + .headline { + @apply text-lg; + } + + .radio-inline { + @apply flex flex-row gap-2; + } + + .checkbox-inline { + @apply flex flex-row gap-2; + } + + input[type="checkbox"] { + width: auto; + } diff --git a/src/layouts/PDFLayout.astro b/src/layouts/PDFLayout.astro new file mode 100644 index 00000000..524a44ab --- /dev/null +++ b/src/layouts/PDFLayout.astro @@ -0,0 +1,33 @@ +--- + +export interface Props { + title: string; +} + +const { title } = Astro.props; +--- + + + + + + + + {title || 'Energieausweis online erstellen - Online Energieausweis'} + + + + +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/src/pages/pdf/test.astro b/src/pages/pdf/test.astro new file mode 100644 index 00000000..0973c8aa --- /dev/null +++ b/src/pages/pdf/test.astro @@ -0,0 +1,169 @@ +--- +import moment from "moment"; +import Checkbox from "~/components/Checkbox.svelte"; +import PDFLayout from "~/layouts/PDFLayout.astro"; + +--- + + +
+
+
+

ENERGIEAUSWEIS

+ für Wohngebäude +
+

gemäß den §§ 16 ff. Energieeinsparverordnung (EnEV) vom ¹ 18. November 2013

+
+
+
+

Gültig bis: {moment().add("10", "years").format("DD. MMM. YYYY")}

+

Ausweis ID 1293819

+

Registriernummer wird nach Zahlungseingang vergeben

+
+ 1 +
+
+

Gebäude

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
GebäudetypEinfamilienhaus
AdresseMönckebergstraße, 22049 Hamburg
GebäudeteilGesamtgebäude
Baujahr Gebäude ³1962
Baujahr Wärmeerzeuger 3 41974
Anzahl Wohnungen1
Gebäudenutzfläche (AN) + + + + + +
182m² + + nach § 19 EnEV aus der Wohnfläche ermittelt +
+
Wesentliche Energieträger für
Heizung und Warmwasser 3		Erdgas, BraunkohleBraunkohle, Strommix
+
+ +
+
+
+ + +
+
+
+
+
+

Hinweise zu den Angaben über die energetische Qualität des Gebäudes

+
+

Die energetische Qualität eines Gebäudes kann durch die Berechnung des Energiebedarfs unter Annahme von + standardisierten Randbedingungen oder durch die Auswertung des Energieverbrauchs ermittelt werden. Als Bezugsfläche dient die energetische Gebäudenutzfläche nach der EnEV, die sich in der Regel von den allgemeinen + Wohnflächenangaben unterscheidet. Die angegebenen Vergleichswerte sollen überschlägige Vergleiche ermöglichen (Erläuterungen - siehe Seite 5). Teil des Energieausweises sind die Modernisierungsempfehlungen (Seite 4).

+ + Der Energieausweis wurde auf der Grundlage von Berechnungen des Energiebedarfs erstellt (Energiebedarfsausweis). Die Ergebnisse sind auf Seite 2 dargestellt. Zusätzliche Informationen zum Verbrauch sind freiwillig. + + + Der Energieausweis wurde auf der Grundlage von Auswertungen des Energieverbrauchs erstellt (Energieverbrauchsausweis). Die Ergebnisse sind auf Seite 3 dargestellt. + +
+

Datenerhebung Bedarf/Verbrauch durch

+ + Eigentümer + + + Aussteller + +
+ Dem Energieausweis sind zusätzliche Informationen zur energetischen Qualität beigefügt (freiwillige Angabe). +
+
+
+

Hinweise zur Verwendung des Energieausweises

+

Der Energieausweis dient lediglich der Information. Die Angaben im Energieausweis beziehen sich auf das + gesamte Wohngebäude oder den oben bezeichneten Gebäudeteil. Der Energieausweis ist lediglich dafür gedacht, + einen überschlägigen Vergleich von Gebäuden zu ermöglichen.

+
+
+
+

Aussteller:

+
+
+

Aussteller:

+
+
+
+ + + \ No newline at end of file diff --git a/src/style/576.scss b/src/style/576.scss index 237c562d..f60b5d33 100644 --- a/src/style/576.scss +++ b/src/style/576.scss @@ -676,21 +676,6 @@ table { border-collapse: collapse; } -tr { - border: 0; -} - -th, -td { - padding: 8px; -} - -table, -th, -td { - border: 1px solid rgba(0, 0, 0, .1); -} - .grid-3 { display: -ms-grid; display: grid; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 256139e3..88ab672e 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -10,6 +10,8 @@ module.exports = { bg: "white", "status-error": "red", "status-success": "green", + "pdf-yellow-bright": "#f3cb00", + "pdf-yellow-light": "#fff6ca" }, }, },