BedarfsAusweis, KundenDaten
This commit is contained in:
Robert Jagtiani
@@ -21,7 +21,7 @@
|
||||
|
||||
<button class="button">Speichern</button>
|
||||
|
||||
<button class="button"><a href="/kaufabschluss?uid=b27f02b4-e7a8-4c2e-bb19-1d0e39edf634" class="text-white">Zum Kaufabschluss</a></button
|
||||
<button class="button">kostenpflichtig bestellen</button
|
||||
>
|
||||
|
||||
|
||||
|
||||
320
src/components/Ausweis/GebaeudeVolumen.svelte
Normal file
320
src/components/Ausweis/GebaeudeVolumen.svelte
Normal file
@@ -0,0 +1,320 @@
|
||||
<script lang="ts">
|
||||
|
||||
import HelpLabel from "#components/HelpLabel.svelte";
|
||||
import Label from "#components/Label.svelte";
|
||||
|
||||
export let ausweis: BedarfsausweisWohnenClient;
|
||||
|
||||
const arrayRange = (start: number, stop: number, step: number) =>
|
||||
Array.from(
|
||||
{ length: (stop - start) / step + 1 },
|
||||
(value, index) => start + index * step
|
||||
);
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<div class="grid grid-cols-[3fr_2fr] gap-4">
|
||||
<div class="GRB3 gap-4">
|
||||
<HelpLabel
|
||||
title="Berechnungshilfe - Eingabe der Grundfläche, Gechossanzahl und -höhe"
|
||||
>Hier wählen Sie Ihren passenden Grundriss aus, und tragen
|
||||
die entsprechenden Maße unten ein. Bitte berücksichtigen Sie
|
||||
nur den Grundriss der zum beheizten Gebäude gehört. Garagen
|
||||
oder Schuppen die an das Haus herangebaut sind aber keine
|
||||
Verbindung zum Wohnhaus haben bitte weglassen.</HelpLabel
|
||||
>
|
||||
|
||||
<div class="grid grid-cols-4 gap-4">
|
||||
<div>
|
||||
<HelpLabel title="Anzahl Vollgeschosse *"
|
||||
>Bitte geben Sie hier die Anzahl der Vollgeschosse
|
||||
an. Keller und Dachgeschoss mit Schrägen zählen
|
||||
nicht dazu.</HelpLabel
|
||||
>
|
||||
<input
|
||||
name="anzahl_vollgeschosse"
|
||||
bind:value={ausweis.anzahl_vollgeschosse}
|
||||
type="number"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Geschosshöhe *"
|
||||
>Bitte geben Sie hier die Geschosshöhe (lichte
|
||||
Raumhöhe + Deckenstärke) des Gebäudes ein. Bei
|
||||
unterschiedlichen Geschosshöhen bilden Sie einen
|
||||
Mittelwert.</HelpLabel
|
||||
>
|
||||
<select
|
||||
name="geschosshoehe"
|
||||
bind:value={ausweis.geschosshoehe}
|
||||
required
|
||||
>
|
||||
<option>Bitte auswählen</option>
|
||||
{#each arrayRange(2.1, 4.5, 0.1) as step}
|
||||
<option value={step}>{step.toFixed(2)} m</option
|
||||
>
|
||||
{/each}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Gaubenanzahl"
|
||||
>Wenn Ihr Gebäude Dachgauben besitzt geben Sie hier
|
||||
die Anzahl ein.</HelpLabel
|
||||
>
|
||||
<input
|
||||
name="anzahl_gauben"
|
||||
bind:value={ausweis.anzahl_gauben}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Breite aller Gauben in m"
|
||||
>Bitte geben Sie hier die Gesamtbreite aller Gauben
|
||||
in m ein.</HelpLabel
|
||||
>
|
||||
<select
|
||||
name="breite_gauben"
|
||||
bind:value={ausweis.breite_gauben}
|
||||
>
|
||||
<option>Bitte auswählen</option>
|
||||
{#each arrayRange(0.5, 10, 0.1) as step}
|
||||
<option value={step}>{step.toFixed(2)} m</option
|
||||
>
|
||||
{/each}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-4">
|
||||
<img src="/images/r.png" alt="rechteck" />
|
||||
<img src="/images/l.png" alt="l-form" />
|
||||
<img src="/images/t.png" alt="t-form" />
|
||||
<img src="/images/u.png" alt="u-form" />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-6 gap-4">
|
||||
<div>
|
||||
<HelpLabel title="A"
|
||||
>Bitte Eingabe in m. Punkt statt Komma verwenden
|
||||
z.B.: 10.40 (Eingabebeispiel)</HelpLabel
|
||||
>
|
||||
<input
|
||||
name="masse_a"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_a}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>B</Label>
|
||||
<input
|
||||
name="masse_b"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_b}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>C</Label>
|
||||
<input
|
||||
name="masse_c"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_c}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>D</Label>
|
||||
<input
|
||||
name="masse_d"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_d}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>E</Label>
|
||||
<input
|
||||
name="masse_e"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_e}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>F</Label>
|
||||
<input
|
||||
name="masse_f"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_f}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div>
|
||||
<Label>Fensterfläche Südost bis Südwest in m²</Label>
|
||||
<input
|
||||
name="fensterflaeche_so_sw"
|
||||
bind:value={ausweis.fensterflaeche_so_sw}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>Fensterfläche Nordwest bis Nordost in m²</Label>
|
||||
<input
|
||||
name="fensterflaeche_nw_no"
|
||||
bind:value={ausweis.fensterflaeche_nw_no}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>Außenwandfläche an unbeheizten Vorbau</Label>
|
||||
<input
|
||||
name="aussenwandflaeche_unbeheizt"
|
||||
bind:value={ausweis.aussenwandflaeche_unbeheizt}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="GRB3">
|
||||
<HelpLabel title="Außenflächen, U-Werte und Volumen"
|
||||
>Die wärmeübertragende Umfassungsflächen sind die
|
||||
Hüllflächen des beheizten Gebäudes die an die Außenluft bzw.
|
||||
an unbeheizte Vorbauten grenzen. Wenn Ihnen die
|
||||
Außenwand-,Dach-,Decken- und Bodenflächen vorliegen können
|
||||
Sie die Eingabe direkt vornehmen. Hier können Sie auch das
|
||||
von den Umfassungsflächen eingeschlossene Volumen des
|
||||
Gebäudes eingeben. Die ermittelten Werte der
|
||||
Berechnungshilfe können hier präzisiert werden.</HelpLabel
|
||||
>
|
||||
<div class="flex flex-row items-center gap-4">
|
||||
<Label>Tabellenwerte manuell ändern</Label>
|
||||
<input
|
||||
type="checkbox"
|
||||
bind:checked={ausweis.tabellenwerte_aendern}
|
||||
name="tabellenwerte_aendern"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Dachfläche in m²</Label>
|
||||
<input
|
||||
name="dachflaeche"
|
||||
bind:value={ausweis.dachflaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="dach_u_wert"
|
||||
bind:value={ausweis.dach_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Geschoßdecke in m²</Label>
|
||||
<input
|
||||
name="deckenflaeche"
|
||||
bind:value={ausweis.deckenflaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="decke_u_wert"
|
||||
bind:value={ausweis.decke_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Außenwand in m²</Label>
|
||||
<input
|
||||
name="aussenwand_flaeche"
|
||||
bind:value={ausweis.aussenwand_flaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="aussenwand_u_wert"
|
||||
bind:value={ausweis.aussenwand_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Fußboden in m²</Label>
|
||||
<input
|
||||
name="fussboden_flaeche"
|
||||
bind:value={ausweis.fussboden_flaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="fussboden_u_wert"
|
||||
bind:value={ausweis.fussboden_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Label
|
||||
>Das von den Flächen eingeschlossene Gebäudevolumen in
|
||||
m³</Label
|
||||
>
|
||||
<input
|
||||
name="volumen"
|
||||
type="number"
|
||||
bind:value={ausweis.volumen}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Label>Blower-Door-Test erfolgreich durchgeführt</Label>
|
||||
<div class="flex flex-row gap-4">
|
||||
<label class="radio-inline"
|
||||
><input
|
||||
type="radio"
|
||||
value={true}
|
||||
bind:group={ausweis.dicht}
|
||||
name="dichtheit"
|
||||
/>Ja</label
|
||||
>
|
||||
<label class="radio-inline"
|
||||
><input
|
||||
type="radio"
|
||||
value={false}
|
||||
bind:group={ausweis.dicht}
|
||||
name="dichtheit"
|
||||
/>Nein</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,12 +1,26 @@
|
||||
<script lang="ts">
|
||||
import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
|
||||
import Progressbar from "#components/Ausweis/Progressbar.svelte";
|
||||
import Hilfe from "#components/Ausweis/Hilfe.svelte";
|
||||
import ProgressBar from "#components/Ausweis/Progressbar.svelte";
|
||||
//import Hilfe from "#components/Ausweis/Hilfe.svelte";
|
||||
import { PRICES } from "#lib/constants";
|
||||
|
||||
import Bereich from "#components/labels/Bereich.svelte";
|
||||
|
||||
import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
|
||||
import ButtonWeiterHilfe from "#components/Ausweis/ButtonWeiterHilfe.svelte";
|
||||
import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
|
||||
import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
|
||||
import GebaeudeVolumen from "#components/Ausweis/GebaeudeVolumen.svelte";
|
||||
|
||||
import SanierungszustandHeizungsanlage from "#components/Ausweis/SanierungszustandHeizungsanlage.svelte";
|
||||
import SanierungszustandFensterTueren from "#components/Ausweis/SanierungszustandFensterTueren.svelte";
|
||||
import SanierungszustandWaermedammung from "#components/Ausweis/SanierungszustandWaermedammung.svelte";
|
||||
import AusweisPreviewContainer from "#components/Ausweis/AusweisPreviewContainer.svelte";
|
||||
|
||||
import Label from "#components/Label.svelte";
|
||||
import HelpLabel from "#components/HelpLabel.svelte";
|
||||
import ZipSearch from "#components/PlzSuche.svelte";
|
||||
|
||||
import { hotWaterProductionTypes } from "./HotWaterProductionTypes.js";
|
||||
import BilderZusatzsysteme from "../../components/Ausweis/BilderZusatzsysteme.svelte";
|
||||
import moment from "moment";
|
||||
@@ -17,12 +31,14 @@
|
||||
BenutzerClient,
|
||||
UploadedGebaeudeBild,
|
||||
} from "#components/Ausweis/types.js";
|
||||
import Bereich from "#components/labels/Bereich.svelte";
|
||||
|
||||
import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
|
||||
|
||||
export let ausweis: BedarfsausweisWohnenClient;
|
||||
export let user: BenutzerClient = {} as BenutzerClient;
|
||||
|
||||
let Energieausweis = "Bedarfsausweis Wohngebäude";
|
||||
|
||||
let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
|
||||
let gebaeude =
|
||||
ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
|
||||
@@ -145,480 +161,67 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="grid grid-cols-2 gap-x-8 px-4 items-center">
|
||||
<div class="w-full rounded-lg border-gray/35 border-0 relative px-4">
|
||||
<Progressbar progress={0} />
|
||||
</div>
|
||||
<div id="skala" class="bg-white grid grid-cols-1 gap-x-8 gap-y-4 p-4
|
||||
|
||||
<div class="w-full rounded-lg border-gray/35 border-2 relative px-4">
|
||||
<PerformanceScore
|
||||
bind:ausweis
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
bind:gebaeude
|
||||
/>
|
||||
</div>
|
||||
2xl:grid-cols-2 2xl:gap-x-8
|
||||
">
|
||||
|
||||
<div id="performance-box" class="w-full box relative px-4 order-2 2xl:order-1 self-stretch grid grid-cols-1">
|
||||
<PerformanceScore
|
||||
bind:ausweis
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
bind:gebaeude
|
||||
/>
|
||||
</div>
|
||||
|
||||
<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
|
||||
<div id="progress-box" class="w-full box relative px-4 py-3 text-center order-1 2xl:order-2 self-stretch">
|
||||
|
||||
<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
|
||||
<h2 class="text-primary text-xl">{Energieausweis} {PRICES.BedarfsausweisWohnen[0]} €</h2>
|
||||
<ProgressBar progress={0} />
|
||||
</div>
|
||||
|
||||
<form action="FORM/transfer/VA_1to2" enctype="multipart/form-data">
|
||||
</div>
|
||||
|
||||
<form id="formInput-1" on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
|
||||
<div id="formular-box" class="formular-boxen ring-0">
|
||||
|
||||
|
||||
<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
|
||||
|
||||
<!-- A Prüfung der Ausweisart -->
|
||||
|
||||
<Bereich bereich="A" title="Prüfung der Ausweisart">
|
||||
<Ausweisart
|
||||
bind:gebaeude
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
bind:ausweis
|
||||
{Energieausweis}
|
||||
/>
|
||||
</Bereich>
|
||||
|
||||
<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
|
||||
|
||||
<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
|
||||
|
||||
<Bereich
|
||||
bereich="B"
|
||||
title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss"
|
||||
><GebaeudeDaten bind:gebaeude_aufnahme_allgemein /></Bereich
|
||||
>
|
||||
|
||||
<hr />
|
||||
<Bereich
|
||||
bereich="B"
|
||||
title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Gebäudetyp und Gebäudeteil"
|
||||
title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss"
|
||||
><GebaeudeDaten bind:gebaeude_aufnahme_allgemein /></Bereich
|
||||
>
|
||||
<div class="GRB">
|
||||
<div>
|
||||
<HelpLabel title="Straße, Hausnummer *"
|
||||
>Bitte geben Sie hier die Straße und Hausnummer des
|
||||
Gebäudes ein.</HelpLabel
|
||||
>
|
||||
<div>
|
||||
<input
|
||||
name="objekt_strasse"
|
||||
class=" strasse"
|
||||
type="text"
|
||||
bind:value={ausweis.objekt_strasse}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- C - Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und Gebäudevolumen -->
|
||||
|
||||
<ZipSearch
|
||||
bind:zip={ausweis.objekt_plz}
|
||||
bind:city={ausweis.objekt_ort}
|
||||
name="zip"
|
||||
<Bereich
|
||||
bind:ausweis
|
||||
bereich="C"
|
||||
title="Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und Gebäudevolumen"
|
||||
>
|
||||
<GebaeudeVolumen
|
||||
bind:ausweis
|
||||
/>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Ort *"
|
||||
>Ort des Gebäudes wird automatisch ermittelt.</HelpLabel
|
||||
>
|
||||
<div>
|
||||
<input
|
||||
name="objekt_ort"
|
||||
type="text"
|
||||
bind:value={ausweis.objekt_ort}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Wohnfläche m² *"
|
||||
>Bitte geben Sie hier die beheizte Wohnfläche in m² ein.
|
||||
Dabei handelt es sich um die Wohnfläche abzüglich
|
||||
vorhandener Flächen die sich außerhalb des Gebäudes
|
||||
befinden. (Balkone, Terassen,etc.).</HelpLabel
|
||||
>
|
||||
<div>
|
||||
<input
|
||||
name="wohnflaeche"
|
||||
type="number"
|
||||
required
|
||||
bind:value={ausweis.wohnflaeche}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Gebäudetyp *"
|
||||
>Bitte wählen Sie hier den Gebäudetyp aus.
|
||||
</HelpLabel>
|
||||
<div>
|
||||
<select
|
||||
name="objekt_typ"
|
||||
bind:value={ausweis.objekt_typ}
|
||||
required
|
||||
>
|
||||
<option>Bitte auswählen</option>
|
||||
<option value="Einfamilienhaus">
|
||||
Einfamilienhaus</option
|
||||
>
|
||||
<option value="Freistehendes Einfamilienhaus">
|
||||
Freistehendes Einfamilienhaus</option
|
||||
>
|
||||
<option value="Freistehendes Zweifamilienhaus">
|
||||
Freistehendes Zweifamilienhaus</option
|
||||
>
|
||||
<option value="Doppelhaushälfte">
|
||||
Doppelhaushälfte</option
|
||||
>
|
||||
<option value="Reihenendhaus">
|
||||
Reihenendhaus</option
|
||||
>
|
||||
<option value="Reihenmittelhaus">
|
||||
Reihenmittelhaus</option
|
||||
>
|
||||
<option value="Mehrfamilienhaus">
|
||||
Mehrfamilienhaus</option
|
||||
>
|
||||
<option value="Wohn- und Geschäftshaus">
|
||||
Wohn- und Geschäftshaus</option
|
||||
>
|
||||
<option value="Atrium-Bungalow">
|
||||
Atrium-Bungalow</option
|
||||
>
|
||||
<option value="Winkelbungalow">
|
||||
Winkelbungalow</option
|
||||
>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Gebäudeteil *"
|
||||
>Bitte geben Sie hier den Gebäudeteil ein. In den
|
||||
meisten Fällen handelt es sich um das Gesamtgebäude.
|
||||
Sollte es sich allerdings um ein Gebäude mit mehr als
|
||||
10% Gewerbeanteil handeln, so sollten 2 Ausweise
|
||||
erstellt werden. In diesem Fall wählen Sie Gebäudeteil
|
||||
'Wohnen' bzw. Gebäudeteil 'Gewerbe'.</HelpLabel
|
||||
>
|
||||
<div>
|
||||
<select
|
||||
name="objekt_gebaeudeteil"
|
||||
bind:value={ausweis.objekt_gebaeudeteil}
|
||||
required
|
||||
>
|
||||
<option>Bitte auswählen</option>
|
||||
<option value="Gesamtgebäude">
|
||||
Gesamtgebäude</option
|
||||
>
|
||||
<option value="Wohnen"> Wohnen</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Bereich>
|
||||
|
||||
<hr />
|
||||
<Label
|
||||
>C - Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und
|
||||
Gebäudevolumen</Label
|
||||
>
|
||||
<div class="grid grid-cols-[3fr_2fr] gap-4">
|
||||
<div class="GRB3 gap-4">
|
||||
<HelpLabel
|
||||
title="Berechnungshilfe - Eingabe der Grundfläche, Gechossanzahl und -höhe"
|
||||
>Hier wählen Sie Ihren passenden Grundriss aus, und tragen
|
||||
die entsprechenden Maße unten ein. Bitte berücksichtigen Sie
|
||||
nur den Grundriss der zum beheizten Gebäude gehört. Garagen
|
||||
oder Schuppen die an das Haus herangebaut sind aber keine
|
||||
Verbindung zum Wohnhaus haben bitte weglassen.</HelpLabel
|
||||
>
|
||||
|
||||
<div class="grid grid-cols-4 gap-4">
|
||||
<div>
|
||||
<HelpLabel title="Anzahl Vollgeschosse *"
|
||||
>Bitte geben Sie hier die Anzahl der Vollgeschosse
|
||||
an. Keller und Dachgeschoss mit Schrägen zählen
|
||||
nicht dazu.</HelpLabel
|
||||
>
|
||||
<input
|
||||
name="anzahl_vollgeschosse"
|
||||
bind:value={ausweis.anzahl_vollgeschosse}
|
||||
type="number"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Geschosshöhe *"
|
||||
>Bitte geben Sie hier die Geschosshöhe (lichte
|
||||
Raumhöhe + Deckenstärke) des Gebäudes ein. Bei
|
||||
unterschiedlichen Geschosshöhen bilden Sie einen
|
||||
Mittelwert.</HelpLabel
|
||||
>
|
||||
<select
|
||||
name="geschosshoehe"
|
||||
bind:value={ausweis.geschosshoehe}
|
||||
required
|
||||
>
|
||||
<option>Bitte auswählen</option>
|
||||
{#each arrayRange(2.1, 4.5, 0.1) as step}
|
||||
<option value={step}>{step.toFixed(2)} m</option
|
||||
>
|
||||
{/each}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Gaubenanzahl"
|
||||
>Wenn Ihr Gebäude Dachgauben besitzt geben Sie hier
|
||||
die Anzahl ein.</HelpLabel
|
||||
>
|
||||
<input
|
||||
name="anzahl_gauben"
|
||||
bind:value={ausweis.anzahl_gauben}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<HelpLabel title="Breite aller Gauben in m"
|
||||
>Bitte geben Sie hier die Gesamtbreite aller Gauben
|
||||
in m ein.</HelpLabel
|
||||
>
|
||||
<select
|
||||
name="breite_gauben"
|
||||
bind:value={ausweis.breite_gauben}
|
||||
>
|
||||
<option>Bitte auswählen</option>
|
||||
{#each arrayRange(0.5, 10, 0.1) as step}
|
||||
<option value={step}>{step.toFixed(2)} m</option
|
||||
>
|
||||
{/each}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-4">
|
||||
<img src="/images/r.png" alt="rechteck" />
|
||||
<img src="/images/l.png" alt="l-form" />
|
||||
<img src="/images/t.png" alt="t-form" />
|
||||
<img src="/images/u.png" alt="u-form" />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-6 gap-4">
|
||||
<div>
|
||||
<HelpLabel title="A"
|
||||
>Bitte Eingabe in m. Punkt statt Komma verwenden
|
||||
z.B.: 10.40 (Eingabebeispiel)</HelpLabel
|
||||
>
|
||||
<input
|
||||
name="masse_a"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_a}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>B</Label>
|
||||
<input
|
||||
name="masse_b"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_b}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>C</Label>
|
||||
<input
|
||||
name="masse_c"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_c}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>D</Label>
|
||||
<input
|
||||
name="masse_d"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_d}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>E</Label>
|
||||
<input
|
||||
name="masse_e"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_e}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>F</Label>
|
||||
<input
|
||||
name="masse_f"
|
||||
type="number"
|
||||
bind:value={ausweis.masse_f}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div>
|
||||
<Label>Fensterfläche Südost bis Südwest in m²</Label>
|
||||
<input
|
||||
name="fensterflaeche_so_sw"
|
||||
bind:value={ausweis.fensterflaeche_so_sw}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>Fensterfläche Nordwest bis Nordost in m²</Label>
|
||||
<input
|
||||
name="fensterflaeche_nw_no"
|
||||
bind:value={ausweis.fensterflaeche_nw_no}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>Außenwandfläche an unbeheizten Vorbau</Label>
|
||||
<input
|
||||
name="aussenwandflaeche_unbeheizt"
|
||||
bind:value={ausweis.aussenwandflaeche_unbeheizt}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="GRB3">
|
||||
<HelpLabel title="Außenflächen, U-Werte und Volumen"
|
||||
>Die wärmeübertragende Umfassungsflächen sind die
|
||||
Hüllflächen des beheizten Gebäudes die an die Außenluft bzw.
|
||||
an unbeheizte Vorbauten grenzen. Wenn Ihnen die
|
||||
Außenwand-,Dach-,Decken- und Bodenflächen vorliegen können
|
||||
Sie die Eingabe direkt vornehmen. Hier können Sie auch das
|
||||
von den Umfassungsflächen eingeschlossene Volumen des
|
||||
Gebäudes eingeben. Die ermittelten Werte der
|
||||
Berechnungshilfe können hier präzisiert werden.</HelpLabel
|
||||
>
|
||||
<div class="flex flex-row items-center gap-4">
|
||||
<Label>Tabellenwerte manuell ändern</Label>
|
||||
<input
|
||||
type="checkbox"
|
||||
bind:checked={ausweis.tabellenwerte_aendern}
|
||||
name="tabellenwerte_aendern"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Dachfläche in m²</Label>
|
||||
<input
|
||||
name="dachflaeche"
|
||||
bind:value={ausweis.dachflaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="dach_u_wert"
|
||||
bind:value={ausweis.dach_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Geschoßdecke in m²</Label>
|
||||
<input
|
||||
name="deckenflaeche"
|
||||
bind:value={ausweis.deckenflaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="decke_u_wert"
|
||||
bind:value={ausweis.decke_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Außenwand in m²</Label>
|
||||
<input
|
||||
name="aussenwand_flaeche"
|
||||
bind:value={ausweis.aussenwand_flaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="aussenwand_u_wert"
|
||||
bind:value={ausweis.aussenwand_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Label>Fußboden in m²</Label>
|
||||
<input
|
||||
name="fussboden_flaeche"
|
||||
bind:value={ausweis.fussboden_flaeche}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<Label>U-Wert in W/m²K</Label>
|
||||
<input
|
||||
name="fussboden_u_wert"
|
||||
bind:value={ausweis.fussboden_u_wert}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
type="number"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Label
|
||||
>Das von den Flächen eingeschlossene Gebäudevolumen in
|
||||
m³</Label
|
||||
>
|
||||
<input
|
||||
name="volumen"
|
||||
type="number"
|
||||
bind:value={ausweis.volumen}
|
||||
readonly={!ausweis.tabellenwerte_aendern}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Label>Blower-Door-Test erfolgreich durchgeführt</Label>
|
||||
<div class="flex flex-row gap-4">
|
||||
<label class="radio-inline"
|
||||
><input
|
||||
type="radio"
|
||||
value={true}
|
||||
bind:group={ausweis.dicht}
|
||||
name="dichtheit"
|
||||
/>Ja</label
|
||||
>
|
||||
<label class="radio-inline"
|
||||
><input
|
||||
type="radio"
|
||||
value={false}
|
||||
bind:group={ausweis.dicht}
|
||||
name="dichtheit"
|
||||
/>Nein</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<Label
|
||||
>D - Eingabe der Fensterflächen und Konstruktion von Dach, Wänden
|
||||
und Boden</Label
|
||||
@@ -1352,20 +955,62 @@ title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgesc
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<Label
|
||||
>G - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
|
||||
Gebäudes</Label
|
||||
|
||||
|
||||
<!-- F Angaben zur Heizungsanlage -->
|
||||
|
||||
<Bereich bereich="F" title="Angaben zur Heizunganlage"
|
||||
><SanierungszustandHeizungsanlage
|
||||
bind:images
|
||||
bind:gebaeude
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
bind:ausweis
|
||||
/></Bereich
|
||||
>
|
||||
|
||||
<!-- G Angaben zur Fenster, Dachfenster und Türen -->
|
||||
|
||||
<Bereich bereich="G" title="Angaben zu Fenster, Dachfenster und Türen"
|
||||
><SanierungszustandFensterTueren
|
||||
bind:images
|
||||
bind:gebaeude
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
bind:ausweis
|
||||
/></Bereich
|
||||
>
|
||||
<!-- H Angaben zur Wärmedammung -->
|
||||
|
||||
<Bereich bereich="H" title="Angaben zur Wärmedämmung"
|
||||
><SanierungszustandWaermedammung
|
||||
bind:images
|
||||
bind:gebaeude
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
bind:ausweis
|
||||
/></Bereich
|
||||
>
|
||||
|
||||
<!-- I Gebäudebild und Energieausweis PDF Vorschau -->
|
||||
|
||||
<Bereich bereich="I" title="Gebäudebild und Energieausweis PDF Vorschau"
|
||||
><AusweisPreviewContainer
|
||||
bind:images
|
||||
bind:ausweis
|
||||
bind:gebaeude
|
||||
/></Bereich
|
||||
>
|
||||
|
||||
|
||||
<ButtonWeiterHilfe {spaeterWeitermachen}
|
||||
bind:ausweis
|
||||
bind:images
|
||||
bind:user
|
||||
bind:gebaeude
|
||||
bind:gebaeude_aufnahme_allgemein
|
||||
>
|
||||
<BilderZusatzsysteme
|
||||
{ausweis}
|
||||
{gebaeude}
|
||||
{gebaeude_aufnahme_allgemein}
|
||||
{images}
|
||||
/>
|
||||
<hr />
|
||||
<div class="flex flex-row justify-between">
|
||||
<button class="button">Weiter</button>
|
||||
</div>
|
||||
</ButtonWeiterHilfe>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
selected: false,
|
||||
},
|
||||
{
|
||||
name: "Same Day Service <br>Bestellung Werktags vor 12:00 Uhr - Ausstellung bis 18:00 Uhr am gleichen Tag",
|
||||
name: "Same Day Service - Bestellung Werktags vor <b>12:00 Uhr</b><br>Ausstellung bis <b>18:00 Uhr</b> am gleichen Tag",
|
||||
id: Enums.Service.SameDay,
|
||||
price: 29,
|
||||
selected: false,
|
||||
|
||||
@@ -1,13 +1,9 @@
|
||||
<script lang="ts">
|
||||
import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
|
||||
import ProgressBar from "#components/Ausweis/Progressbar.svelte";
|
||||
//import Hilfe from "#components/Ausweis/Hilfe.svelte";
|
||||
import { PRICES } from "#lib/constants";
|
||||
|
||||
import Bereich from "#labels/Bereich.svelte";
|
||||
//import HelpLabel from "#labels/HelpLabel.svelte";
|
||||
//import Inputlabel from "#labels/InputLabel.svelte";
|
||||
//import Label from "#components/Label.svelte";
|
||||
|
||||
import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
|
||||
import ButtonWeiterHilfe from "#components/Ausweis/ButtonWeiterHilfe.svelte";
|
||||
@@ -24,8 +20,6 @@
|
||||
import SanierungszustandWaermedammung from "#components/Ausweis/SanierungszustandWaermedammung.svelte";
|
||||
import AusweisPreviewContainer from "#components/Ausweis/AusweisPreviewContainer.svelte";
|
||||
|
||||
//import ZipSearch from "#components/PlzSuche.svelte";
|
||||
|
||||
import {
|
||||
RawNotificationWrapper,
|
||||
RawNotification,
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
|
||||
import AusweisLayout from "#layouts/AusweisLayout.astro";
|
||||
import AusweisLayout from "#layouts/AusweisLayoutDaten.astro";
|
||||
import BedarfsausweisWohnenModule from "#modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte";
|
||||
import { BedarfsausweisWohnenClient } from "#components/Ausweis/types";
|
||||
import { createCaller } from "#lib/caller";
|
||||
|
||||
Reference in New Issue
Block a user