Berechnung Bedarfsausweis
This commit is contained in:
Moritz Utcke
@@ -6,19 +6,13 @@
|
||||
import Verbrauch from "~/components/Ausweis/Verbrauch.svelte";
|
||||
import Label from "~/components/Label.svelte";
|
||||
import Ausweisart from "~/components/Ausweis/Ausweisart.svelte";
|
||||
import HeizungImage from "~/components/Ausweis/HeizungImage.svelte";
|
||||
import FensterImage from "~/components/Ausweis/FensterImage.svelte";
|
||||
import DaemmungImage from "~/components/Ausweis/DaemmungImage.svelte";
|
||||
import AusweisPreviewContainer from "~/components/Ausweis/AusweisPreviewContainer.svelte";
|
||||
import ZipSearch from "../ZIPSearch.svelte";
|
||||
import { Verbrauchsausweis } from "src/lib/Ausweis/Verbrauchsausweis";
|
||||
import moment from "moment";
|
||||
import BilderZusatzsysteme from "../Ausweis/BilderZusatzsysteme.svelte";
|
||||
|
||||
let ausweis = new Verbrauchsausweis();
|
||||
|
||||
console.log(ausweis);
|
||||
|
||||
|
||||
let needsRequirementCertificate: boolean = false;
|
||||
|
||||
$: needsRequirementCertificate =
|
||||
@@ -42,8 +36,8 @@
|
||||
ausweis.energieverbrauch_3_heizquelle_1 = 16000;
|
||||
ausweis.wohnflaeche = 152;
|
||||
ausweis.keller_beheizt = true;
|
||||
ausweis.energietraeger_1 = "Erdgas H"
|
||||
ausweis.energietraeger_einheit_heizquelle_1 = "kWh"
|
||||
ausweis.energietraeger_1 = "Erdgas H";
|
||||
ausweis.energietraeger_einheit_heizquelle_1 = "kWh";
|
||||
ausweis.warmwasser_enthalten = true;
|
||||
ausweis.anteil_warmwasser_1 = 18;
|
||||
ausweis.energieverbrauch_zeitraum = moment("12.01.2019");
|
||||
@@ -59,9 +53,7 @@
|
||||
<Progressbar progress={0} />
|
||||
</div>
|
||||
|
||||
<PerformanceScore
|
||||
bind:ausweis={ausweis}
|
||||
/>
|
||||
<PerformanceScore bind:ausweis />
|
||||
</div>
|
||||
|
||||
<form method="post" action="/verbrauchsausweis/erstellen">
|
||||
@@ -72,25 +64,19 @@
|
||||
<a class="button" href="/speichern">Später Weitermachen</a>
|
||||
<div class="flex gap-4">
|
||||
<Hilfe />
|
||||
<button on:click={automatischAusfüllen} type="button" class="button"
|
||||
>Automatisch Ausfüllen</button
|
||||
<button
|
||||
on:click={automatischAusfüllen}
|
||||
type="button"
|
||||
class="button">Automatisch Ausfüllen</button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<Label>A - Prüfung der Ausweisart</Label>
|
||||
</div>
|
||||
<Label>A - Prüfung der Ausweisart</Label>
|
||||
|
||||
<Ausweisart
|
||||
bind:baujahrGebaeude={ausweis.baujahr_gebaeude}
|
||||
bind:apartmentCount={ausweis.anzahl_einheiten}
|
||||
bind:certificateReason={ausweis.ausstellgrund}
|
||||
bind:sanitationStatus={ausweis.objekt_saniert}
|
||||
bind:baujahrHeizungsAnlage={ausweis.baujahr_anlage}
|
||||
/>
|
||||
<Ausweisart bind:ausweis />
|
||||
|
||||
<div
|
||||
class="flex flex-col p-4"
|
||||
@@ -116,12 +102,10 @@
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<Label
|
||||
>B - Eingabe der Gebäudeadresse - Angaben zu Wohnfläche,
|
||||
Kellerund Dachgeschoss</Label
|
||||
>
|
||||
</div>
|
||||
<Label
|
||||
>B - Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Kellerund
|
||||
Dachgeschoss</Label
|
||||
>
|
||||
|
||||
<div class="GRB">
|
||||
<!-- Strasse -->
|
||||
@@ -223,24 +207,18 @@
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<Label>C - Eingabe von 3 zusammenhängenden Verbrauchsjahren</Label>
|
||||
</div>
|
||||
<Label>C - Eingabe von 3 zusammenhängenden Verbrauchsjahren</Label>
|
||||
|
||||
<div class="GRB">
|
||||
<Verbrauch
|
||||
bind:ausweis={ausweis}
|
||||
/>
|
||||
<Verbrauch bind:ausweis />
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<Label
|
||||
>D - Eingabe Warmwasseranteil und Verwendung von alternativen
|
||||
Energieversorgungssystemen</Label
|
||||
>
|
||||
</div>
|
||||
<Label
|
||||
>D - Eingabe Warmwasseranteil und Verwendung von alternativen
|
||||
Energieversorgungssystemen</Label
|
||||
>
|
||||
|
||||
<div class="GRB">
|
||||
<!-- Anteil WW enthalten -->
|
||||
@@ -286,7 +264,8 @@
|
||||
type="number"
|
||||
autocomplete="off"
|
||||
bind:value={ausweis.anteil_warmwasser_2}
|
||||
disabled={!ausweis.zusaetzliche_heizquelle || !ausweis.warmwasser_enthalten}
|
||||
disabled={!ausweis.zusaetzliche_heizquelle ||
|
||||
!ausweis.warmwasser_enthalten}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -338,12 +317,10 @@
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<Label
|
||||
>E - Eingabe von Gebäudetyp, Gebäudeteil, Lüftung, Kühlung und
|
||||
Leerstand</Label
|
||||
>
|
||||
</div>
|
||||
<Label
|
||||
>E - Eingabe von Gebäudetyp, Gebäudeteil, Lüftung, Kühlung und
|
||||
Leerstand</Label
|
||||
>
|
||||
|
||||
<div class="GRB">
|
||||
<!-- Gebäudetyp -->
|
||||
@@ -475,355 +452,12 @@
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<Label
|
||||
>F - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
|
||||
Gebäudes</Label
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="GRB3">
|
||||
<HelpLabel title="Heizungsanlage (bitte zutreffendes ankreuzen) *">
|
||||
Wir benötigen diese Angaben um den allgemeinen
|
||||
Modernisierungsstand einschätzen zu können. Bitte setzen Sie den
|
||||
Haken wenn zutreffend. Das seit Mai 2021 gültige GEG erfordert
|
||||
eine genauere Prüfung anhand von Fotos. Bitte laden Sie ein oder
|
||||
mehrere Fotos der Heizungsanlage bzw. des Heizungsraums hoch.
|
||||
</HelpLabel>
|
||||
<hr />
|
||||
|
||||
<div class="grid grid-cols-4">
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage1"
|
||||
bind:checked={ausweis.versorgungssysteme[0]}
|
||||
value="ZH"
|
||||
/>Zentral/Etage</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage2"
|
||||
bind:checked={ausweis.versorgungssysteme[1]}
|
||||
value="EO"
|
||||
/>Einzelöfen</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage3"
|
||||
bind:checked={ausweis.versorgungssysteme[2]}
|
||||
value="DH"
|
||||
/>Durchlauferhitzer</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage4"
|
||||
bind:checked={ausweis.versorgungssysteme[3]}
|
||||
value="SK"
|
||||
/>Standardkessel</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage5"
|
||||
bind:checked={ausweis.versorgungssysteme[4]}
|
||||
value="SSWW"
|
||||
/>Solarsystem für Warmwasser</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage6"
|
||||
bind:checked={ausweis.versorgungssysteme[5]}
|
||||
value="WP"
|
||||
/>Wärmepumpe</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage7"
|
||||
bind:checked={ausweis.versorgungssysteme[6]}
|
||||
value="NK"
|
||||
/>Niedertemperaturkessel</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage8"
|
||||
bind:checked={ausweis.versorgungssysteme[7]}
|
||||
value="BWK"
|
||||
/>Brennwertkessel</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage9"
|
||||
bind:checked={ausweis.versorgungssysteme[8]}
|
||||
value="WRGD"
|
||||
/>Warmwasserrohre gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage10"
|
||||
bind:checked={ausweis.versorgungssysteme[9]}
|
||||
value="HRGD"
|
||||
/>Heizungsrohre gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage11"
|
||||
bind:checked={ausweis.versorgungssysteme[10]}
|
||||
value="ZK"
|
||||
/>Zirkulation</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGheizungsanlage12"
|
||||
bind:checked={ausweis.versorgungssysteme[11]}
|
||||
value="RTR"
|
||||
/>Raumtemperaturregler</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<HeizungImage />
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="GRB3">
|
||||
<HelpLabel
|
||||
title="Fenster/Dachfenster/Türen (bitte zutreffendes ankreuzen):*"
|
||||
>
|
||||
Wir benötigen diese Angaben um den allgemeinen
|
||||
Modernisierungsstand einschätzen zu können. Bitte setzen Sie den
|
||||
Haken wenn zutreffend.
|
||||
</HelpLabel>
|
||||
<hr />
|
||||
|
||||
<div class="grid grid-cols-4">
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach1"
|
||||
bind:checked={ausweis.fenster_dach[0]}
|
||||
value="EG"
|
||||
/>Einfachglas</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach2"
|
||||
bind:checked={ausweis.fenster_dach[1]}
|
||||
value="DF"
|
||||
/>Doppelverglasung</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach3"
|
||||
bind:checked={ausweis.fenster_dach[2]}
|
||||
value="IVG"
|
||||
/>Isolierverglasung</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach4"
|
||||
bind:checked={ausweis.fenster_dach[3]}
|
||||
value="PHF"
|
||||
/>Dreifachverglasung</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach5"
|
||||
bind:checked={ausweis.fenster_dach[4]}
|
||||
value="FD"
|
||||
/>Alle Fenster dicht</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach6"
|
||||
bind:checked={ausweis.fenster_dach[5]}
|
||||
value="FTUD"
|
||||
/>Fenster teilweise undicht</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach7"
|
||||
bind:checked={ausweis.fenster_dach[6]}
|
||||
value="TD"
|
||||
/>Alle Türen dicht</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach8"
|
||||
bind:checked={ausweis.fenster_dach[7]}
|
||||
value="TUD"
|
||||
/>Türen teilweise undicht</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGfensterdach9"
|
||||
bind:checked={ausweis.fenster_dach[8]}
|
||||
value="RKD"
|
||||
/>Rollladenkästen gedämmt, luftdicht</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<FensterImage />
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="GRB3">
|
||||
<div class="form-group col-md-12">
|
||||
<HelpLabel
|
||||
title="Wärmedämmung (bitte zutreffendes ankreuzen) *"
|
||||
>
|
||||
Wir benötigen diese Angaben um den allgemeinen
|
||||
Modernisierungsstand einschätzen zu können. Bitte setzen Sie
|
||||
den Haken wenn zutreffend. Das seit Mai 2021 gültige GEG
|
||||
erfordert eine genauere Prüfung anhand von Fotos. Bitte
|
||||
laden Sie ein oder mehrere Fotos der Außenwand und des
|
||||
Dachbereiches hoch.
|
||||
</HelpLabel>
|
||||
<hr />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4">
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGwaermedaemmung1"
|
||||
bind:checked={ausweis.daemmung[0]}
|
||||
value="AWD"
|
||||
/>Außenwand gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGwaermedaemmung2"
|
||||
bind:checked={ausweis.daemmung[1]}
|
||||
value="KWD"
|
||||
/>Kelleraußenwand gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGwaermedaemmung3"
|
||||
bind:checked={ausweis.daemmung[2]}
|
||||
value="KDD"
|
||||
/>Kellerdecke gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGwaermedaemmung4"
|
||||
bind:checked={ausweis.daemmung[3]}
|
||||
value="DGD"
|
||||
/>Dachgeschoss gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-3 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGwaermedaemmung5"
|
||||
bind:checked={ausweis.daemmung[4]}
|
||||
value="OGDDW"
|
||||
/>Oberste Geschossdecke gedämmt</label
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-6 mw1">
|
||||
<label class="checkbox-inline"
|
||||
><input
|
||||
type="checkbox"
|
||||
name="IGwaermedaemmung6"
|
||||
bind:checked={ausweis.daemmung[5]}
|
||||
value="OGDD"
|
||||
/>Oberste Geschossdecke min. 12cm gedämmt</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<DaemmungImage />
|
||||
|
||||
<hr />
|
||||
|
||||
<Label
|
||||
>G - Hier können Sie ein Gebäudebild hochladen und sich Ihren
|
||||
Energieausweis als PDF anschauen</Label
|
||||
>F - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
|
||||
Gebäudes</Label
|
||||
>
|
||||
|
||||
<AusweisPreviewContainer {ausweis} />
|
||||
|
||||
<BilderZusatzsysteme {ausweis} />
|
||||
<hr />
|
||||
<div class="flex flex-row justify-between">
|
||||
<Hilfe />
|
||||
<button class="button">Weiter</button>
|
||||
|
||||
Reference in New Issue
Block a user