Array von Optionen zu Component umgewandelt
This commit is contained in:
Moritz Utcke
@@ -14,32 +14,15 @@
|
||||
GebaeudeClient,
|
||||
UploadedGebaeudeBild,
|
||||
VerbrauchsausweisWohnenClient,
|
||||
} from "./types";
|
||||
} from "./types.js";
|
||||
import { boolean } from "astro:schema";
|
||||
import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
|
||||
|
||||
export let gebaeude: GebaeudeClient;
|
||||
export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;
|
||||
export let ausweis: VerbrauchsausweisWohnenClient
|
||||
export let images: UploadedGebaeudeBild[];
|
||||
|
||||
var sanierungsoptionen =[
|
||||
|
||||
{"id":1,"name":"zentralheizung","help":"helptext","value":"ZH","bindchecked":gebaeude_aufnahme_allgemein.zentralheizung,"label":"Zentral/Etage"},
|
||||
{"id":2,"name":"einzelofen","help":"helptext","value":"EO","bindchecked":gebaeude_aufnahme_allgemein.einzelofen,"label":"Einzelofen"},
|
||||
{"id":3,"name":"durchlauf_erhitzer","help":"helptext","value":"DH","bindchecked":gebaeude_aufnahme_allgemein.durchlauf_erhitzer,"label":"Durchlauferhitzer"},
|
||||
{"id":4,"name":"standard_kessel","help":"helptext","value":"SK","bindchecked":gebaeude_aufnahme_allgemein.standard_kessel,"label":"Standardkessel"},
|
||||
{"id":5,"name":"solarsystem_warmwasser","help":"helptext","value":"SSWW","bindchecked":gebaeude_aufnahme_allgemein.solarsystem_warmwasser,"label":"Solarsystem für Warmwasser"},
|
||||
{"id":6,"name":"waermepumpe","help":"helptext","value":"WP","bindchecked":gebaeude_aufnahme_allgemein.waermepumpe,"label":"Wärmepumpe"},
|
||||
|
||||
{"id":7,"name":"niedertemperatur_kessel","help":"helptext","value":"NK","bindchecked":gebaeude_aufnahme_allgemein.niedertemperatur_kessel,"label":"Niedertemperaturkessel"},
|
||||
{"id":8,"name":"brennwert_kessel","help":"helptext","value":"BWK","bindchecked":gebaeude_aufnahme_allgemein.brennwert_kessel,"label":"Brennwertkessel"},
|
||||
{"id":9,"name":"warmwasser_rohre_gedaemmt","help":"helptext","value":"BWK","bindchecked":gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt,"label":"Warmwasserrohre gedämmt"},
|
||||
{"id":10,"name":"heizungsrohre_gedaemmt","help":"helptext","value":"HRGD","bindchecked":gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt,"label":"Heizungsrohre gedämmt"},
|
||||
{"id":11,"name":"zirkulation","help":"helptext","value":"ZK","bindchecked":gebaeude_aufnahme_allgemein.zirkulation,"label":"Zirkulation"},
|
||||
{"id":12,"name":"raum_temperatur_regler","help":"helptext","value":"RTR","bindchecked":gebaeude_aufnahme_allgemein.raum_temperatur_regler,"label":"Raumtemperaturregler"}
|
||||
];
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<div id="sanierungszustand" class="bereich-box grid
|
||||
@@ -53,32 +36,18 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
|
||||
">
|
||||
|
||||
|
||||
{#each sanierungsoptionen as item}
|
||||
|
||||
<div class="input-standard order-{item.id} md:order-{item.id} xl:order-{item.id}">
|
||||
|
||||
<div class="grid grid-cols-[40px_1fr] items-center justify-items-start h-[38px] ring-1 ring-black/15 bg-white active:bg-green-100" >
|
||||
|
||||
<input
|
||||
id="{item.name}"
|
||||
type="checkbox"
|
||||
class="checkbox"
|
||||
name="{item.name}"
|
||||
bind:checked={item.bindchecked}
|
||||
value="{item.value}"
|
||||
/>
|
||||
<label class="w-full" for="{item.name}">{item.label}</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="help-label">
|
||||
<HelpLabel>{@html item.help}</HelpLabel>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{/each}
|
||||
|
||||
<SanierungsOption label="Zentral/Etage" name="zentralheizung" help="helptext" value="ZH" bind:checked={gebaeude_aufnahme_allgemein.zentralheizung}></SanierungsOption>
|
||||
<SanierungsOption label="Einzelofen" name="einzelofen" help="helptext" value="EO" bind:checked={gebaeude_aufnahme_allgemein.einzelofen}></SanierungsOption>
|
||||
<SanierungsOption label="Durchlauferhitzer" name="durchlauf_erhitzer" help="helptext" value="DH" bind:checked={gebaeude_aufnahme_allgemein.durchlauf_erhitzer}></SanierungsOption>
|
||||
<SanierungsOption label="Standardkessel" name="standard_kessel" help="helptext" value="SK" bind:checked={gebaeude_aufnahme_allgemein.standard_kessel}></SanierungsOption>
|
||||
<SanierungsOption label="Solarsystem für Warmwasser" name="solarsystem_warmwasser" help="helptext" value="SSWW" bind:checked={gebaeude_aufnahme_allgemein.solarsystem_warmwasser}></SanierungsOption>
|
||||
<SanierungsOption label="Wärmepumpe" name="waermepumpe" help="helptext" value="WP" bind:checked={gebaeude_aufnahme_allgemein.waermepumpe}></SanierungsOption>
|
||||
<SanierungsOption label="Niedertemperaturkessel" name="niedertemperatur_kessel" help="helptext" value="NK" bind:checked={gebaeude_aufnahme_allgemein.niedertemperatur_kessel}></SanierungsOption>
|
||||
<SanierungsOption label="Brennwertkessel" name="brennwert_kessel" help="helptext" value="BWK" bind:checked={gebaeude_aufnahme_allgemein.brennwert_kessel}></SanierungsOption>
|
||||
<SanierungsOption label="Warmwasserrohre gedämmt" name="warmwasser_rohre_gedaemmt" help="helptext" value="BWK" bind:checked={gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt}></SanierungsOption>
|
||||
<SanierungsOption label="Heizungsrohre gedämmt" name="heizungsrohre_gedaemmt" help="helptext" value="HRGD" bind:checked={gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}></SanierungsOption>
|
||||
<SanierungsOption label="Zirkulation" name="zirkulation" help="helptext" value="ZK" bind:checked={gebaeude_aufnahme_allgemein.zirkulation}></SanierungsOption>
|
||||
<SanierungsOption label="Raumtemperaturregler" name="raum_temperatur_regler" help="helptext" value="RTR" bind:checked={gebaeude_aufnahme_allgemein.raum_temperatur_regler}></SanierungsOption>
|
||||
</div>
|
||||
|
||||
<HeizungImage bind:images bind:ausweis bind:gebaeude />
|
||||
|
||||
31
src/components/Ausweis/SanierungsOption.svelte
Normal file
31
src/components/Ausweis/SanierungsOption.svelte
Normal file
@@ -0,0 +1,31 @@
|
||||
<script lang="ts">
|
||||
import HelpLabel from "#labels/HelpLabel.svelte";
|
||||
|
||||
export let checked: boolean | null | undefined;
|
||||
export let name: string;
|
||||
export let label: string;
|
||||
export let help: string;
|
||||
export let value: string;
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="input-standard"
|
||||
>
|
||||
<div
|
||||
class="grid grid-cols-[40px_1fr] items-center justify-items-start h-[38px] ring-1 ring-black/15 bg-white active:bg-green-100"
|
||||
>
|
||||
<input
|
||||
id={name}
|
||||
type="checkbox"
|
||||
class="checkbox"
|
||||
{name}
|
||||
bind:checked={checked}
|
||||
value={value}
|
||||
/>
|
||||
<label class="w-full" for={name}>{label}</label>
|
||||
</div>
|
||||
|
||||
<div class="help-label">
|
||||
<HelpLabel>{@html help}</HelpLabel>
|
||||
</div>
|
||||
</div>
|
||||
@@ -202,16 +202,19 @@
|
||||
|
||||
<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
|
||||
|
||||
<BereichLabel bereich="B">Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss</BereichLabel>
|
||||
<BereichLabel bereich="B"
|
||||
>Eingabe der Gebäudeadresse -
|
||||
Angaben zu Wohnfläche, Keller und Dachgeschoss</BereichLabel
|
||||
>
|
||||
<div class="collapseBereich">
|
||||
<GebaeudeDaten
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
/>
|
||||
<GebaeudeDaten bind:gebaeude_aufnahme_allgemein />
|
||||
</div>
|
||||
|
||||
<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->
|
||||
|
||||
<BereichLabel bereich="C">Eingabe von 3 zusammenhängenden Verbrauchsjahren</BereichLabel>
|
||||
<BereichLabel bereich="C"
|
||||
>Eingabe von 3 zusammenhängenden Verbrauchsjahren</BereichLabel
|
||||
>
|
||||
<div class="collapseBereich">
|
||||
<Verbrauch
|
||||
bind:gebaeude
|
||||
@@ -222,25 +225,30 @@
|
||||
|
||||
<!-- D Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen -->
|
||||
|
||||
<BereichLabel bereich="D">Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen</BereichLabel>
|
||||
<BereichLabel bereich="D"
|
||||
>Eingabe Warmwasseranteil
|
||||
und Verwendung von alternativen
|
||||
Energieversorgungssystemen</BereichLabel
|
||||
>
|
||||
<div class="collapseBereich">
|
||||
<Warmwasseranteil
|
||||
bind:ausweis
|
||||
/>
|
||||
<Warmwasseranteil bind:ausweis />
|
||||
</div>
|
||||
|
||||
<!-- E Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand -->
|
||||
|
||||
<BereichLabel bereich="E">Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand</BereichLabel>
|
||||
<BereichLabel bereich="E"
|
||||
>Eingabe von Gebäudeteil,
|
||||
Lüftung, Kühlung und Leerstand</BereichLabel
|
||||
>
|
||||
<div class="collapseBereich">
|
||||
<LueftungundLeerstand
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
/>
|
||||
<LueftungundLeerstand bind:gebaeude_aufnahme_allgemein />
|
||||
</div>
|
||||
|
||||
<!-- F Angaben zum Sanierungszustand des Gebäudes -->
|
||||
|
||||
<BereichLabel bereich="F">Angaben zum Sanierungszustand des Gebäudes</BereichLabel>
|
||||
<BereichLabel bereich="F"
|
||||
>Angaben zum Sanierungszustand des Gebäudes</BereichLabel
|
||||
>
|
||||
<div class="collapseBereich">
|
||||
<BilderZusatzsysteme
|
||||
bind:images
|
||||
@@ -249,16 +257,7 @@
|
||||
bind:ausweis
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
Reference in New Issue
Block a user