352 lines
8.8 KiB
Svelte
352 lines
8.8 KiB
Svelte
<script lang="ts">
|
|
import HelpLabel from "../HelpLabel.svelte";
|
|
import HeizungImage from "./HeizungImage.svelte";
|
|
import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
|
|
import DaemmungImage from "./DaemmungImage.svelte";
|
|
import FensterImage from "./FensterImage.svelte";
|
|
import Label from "../Label.svelte";
|
|
import type { BedarfsausweisWohnen, GebaeudeStammdaten, VerbrauchsausweisGewerbe, VerbrauchsausweisWohnen } from "@ibcornelsen/database/client";
|
|
|
|
export let gebaeude: GebaeudeStammdaten;
|
|
export let ausweis: VerbrauchsausweisWohnen | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
|
|
</script>
|
|
|
|
|
|
<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={gebaeude.zentralheizung}
|
|
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={gebaeude.einzelofen}
|
|
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={gebaeude.durchlauf_erhitzer}
|
|
value="DH"
|
|
/>Durchlauferhitzer</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3 mw1">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGheizungsanlage4"
|
|
bind:checked={gebaeude.standard_kessel}
|
|
value="SK"
|
|
/>Standardkessel</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3 mw1">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGheizungsanlage5"
|
|
bind:checked={gebaeude.solarsystem_warmwasser}
|
|
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={gebaeude.waermepumpe}
|
|
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={gebaeude.niedertemperatur_kessel}
|
|
value="NK"
|
|
/>Niedertemperaturkessel</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3 mw1">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGheizungsanlage8"
|
|
bind:checked={gebaeude.brennwert_kessel}
|
|
value="BWK"
|
|
/>Brennwertkessel</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3 mw1">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGheizungsanlage9"
|
|
bind:checked={gebaeude.warmwasser_rohre_gedaemmt}
|
|
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={gebaeude.heizungsrohre_gedaemmt}
|
|
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={gebaeude.zirkulation}
|
|
value="ZK"
|
|
/>Zirkulation</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3 mw1">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGheizungsanlage12"
|
|
bind:checked={gebaeude.raum_temperatur_regler}
|
|
value="RTR"
|
|
/>Raumtemperaturregler</label
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
<HeizungImage bind:ausweis />
|
|
|
|
<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={gebaeude.einfach_verglasung}
|
|
value="EG"
|
|
/>Einfachglas</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGfensterdach2"
|
|
bind:checked={gebaeude.doppel_verglasung}
|
|
value="DF"
|
|
/>Doppelverglasung</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGfensterdach3"
|
|
bind:checked={gebaeude.isolier_verglasung}
|
|
value="IVG"
|
|
/>Isolierverglasung</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGfensterdach4"
|
|
bind:checked={gebaeude.dreifach_verglasung}
|
|
value="PHF"
|
|
/>Dreifachverglasung</label
|
|
>
|
|
</div>
|
|
<div class="form-group col-md-3">
|
|
<label class="checkbox-inline"
|
|
><input
|
|
type="checkbox"
|
|
name="IGfensterdach5"
|
|
bind:checked={gebaeude.fenster_dicht}
|
|
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={gebaeude.fenster_teilweise_undicht}
|
|
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={gebaeude.tueren_dicht}
|
|
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={gebaeude.tueren_undicht}
|
|
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={gebaeude.rolllaeden_kaesten_gedaemmt}
|
|
value="RKD"
|
|
/>Rollladenkästen gedämmt, luftdicht</label
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
<FensterImage bind:ausweis />
|
|
|
|
<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={gebaeude.aussenwand_gedaemmt}
|
|
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={gebaeude.keller_wand_gedaemmt}
|
|
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={gebaeude.keller_decke_gedaemmt}
|
|
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={gebaeude.dachgeschoss_gedaemmt}
|
|
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={gebaeude.oberste_geschossdecke_gedaemmt}
|
|
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={gebaeude.oberste_geschossdecke_min_12cm_gedaemmt}
|
|
value="OGDD"
|
|
/>Oberste Geschossdecke min. 12cm gedämmt</label
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
<DaemmungImage bind:ausweis />
|
|
|
|
<hr />
|
|
|
|
<Label
|
|
>H - Hier können Sie ein Gebäudebild hochladen und sich Ihren Energieausweis
|
|
als PDF anschauen</Label
|
|
>
|
|
|
|
<AusweisPreviewContainer {ausweis} {gebaeude} />
|