online-energieausweis/src/modules/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbeModule.svelte

<script lang="ts">
	import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
	import Progressbar from "#components/Ausweis/Progressbar.svelte";
	import { PRICES } from "#lib/constants.js";

	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
	import ButtonWeiterHilfe from "#components/Ausweis/ButtonWeiterHilfe.svelte";
	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
	import Warmwasseranteil from "#components/Ausweis/Warmwasseranteil.svelte";
	import ThermischeKuehlung from "#components/Ausweis/ThermischeKuehlung.svelte";
	import LueftungundLeerstand from "#components/Ausweis/LueftungundLeerstand.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 Bereich from "#components/labels/Bereich.svelte";
	import StromVerbrauch from "#components/Ausweis/StromVerbrauch.svelte";
	import { AufnahmeClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient } from "#components/Ausweis/types.js";
	import { BenutzerClient } from "#components/Ausweis/types.js";
	import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
	import { Enums } from "@ibcornelsen/database/client";
	import moment from "moment";

	export let ausweis: VerbrauchsausweisGewerbeClient;
	export let user: BenutzerClient = {} as BenutzerClient;
	export let objekt: ObjektClient = {} as ObjektClient;
	export let aufnahme: AufnahmeClient = {} as AufnahmeClient;
	export let bilder: UploadedGebaeudeBild[] = [];
	export let ausweisart	=	Enums.Ausweisart.VerbrauchsausweisGewerbe;

	function automatischAusfüllen() {
		aufnahme.baujahr_gebaeude = [1952];
		aufnahme.baujahr_heizung = [1952];
		aufnahme.saniert = true;
		aufnahme.einheiten = 1;
		aufnahme.gebaeudetyp = "Polizeidienstgebäude";
		aufnahme.keller =
			Enums.Heizungsstatus.NICHT_VORHANDEN;
		aufnahme.dachgeschoss =
			Enums.Heizungsstatus.NICHT_VORHANDEN;
		aufnahme.lueftung = "Fensterlueftung";
		aufnahme.kuehlung = "1";
		ausweis.ausstellgrund = "Vermietung";
		ausweis.verbrauch_1 = 15000;
		ausweis.verbrauch_2 = 14000;
		ausweis.verbrauch_3 = 16000;
		aufnahme.flaeche = 152;
		aufnahme.nutzflaeche = 172;
		ausweis.keller_beheizt = true;

		aufnahme.brennstoff_1 = "Erdgas H";
		ausweis.einheit_1 = "kWh";
		ausweis.anteil_warmwasser_1 = 18;
		ausweis.startdatum = moment("01.01.2021").toDate();
		objekt.plz = "21039";
		objekt.ort = "Hamburg";
		objekt.adresse = "Curslacker Deich 170";
		aufnahme.gebaeudeteil = "Gesamtgebäude";

		objekt = objekt;
		ausweis = ausweis;
	}

	async function spaeterWeitermachen() {
	}
</script>


<div id="skala" class="bg-white grid grid-cols-1 gap-x-8 gap-y-4 p-4

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:aufnahme={aufnahme}
		bind:objekt={objekt}
		{ausweisart}
	/>
</div>

<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">Verbrauchsausweis Gewerbe {PRICES.VerbrauchsausweisGewerbe[0]} €</h2>
	<Progressbar active={0} />
</div>

</div>



<!-- TODO: Submit implementieren in externer Datei wenn Verbrauchsausweis Wohnen fertig ist -->

<form id="formInput-1" data-cy="ausweis" name="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:objekt
				bind:aufnahme
				bind:ausweis
			{ausweisart}
			/>
		</Bereich>

		<!-- 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:aufnahme
			bind:objekt 
			{ausweisart}/>
			</Bereich
		>

		<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->

		<Bereich
			bereich="C"
			title="Eingabe von 3 zusammenhängenden Verbrauchsjahren"
			>
			<StromVerbrauch
			bind:objekt
			bind:aufnahme
			bind:ausweis
		/>
			</Bereich>

		<!-- D Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen -->

		<Bereich
			bereich="D"
			title="Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen"
			>
			<Warmwasseranteil bind:ausweis />
			
			<ThermischeKuehlung bind:ausweis />
			</Bereich
		>

		<!-- E Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand -->

		<Bereich
			bereich="E"
			title="Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand"
			><LueftungundLeerstand bind:aufnahme /></Bereich
		>

		<!-- F Angaben zur Heizungsanlage -->

		<Bereich bereich="F" title="Angaben zur Heizunganlage"
			><SanierungszustandHeizungsanlage
				bind:images={bilder}
				bind:objekt
				bind:aufnahme
				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={bilder}
				bind:objekt
				bind:aufnahme
				bind:ausweis
			/></Bereich
		>
		<!-- H Angaben zur Wärmedammung -->

		<Bereich bereich="H" title="Angaben zur Wärmedämmung"
			><SanierungszustandWaermedammung
				bind:images={bilder}
				bind:objekt
				bind:aufnahme
				bind:ausweis
			/></Bereich
		>

		<!-- I Gebäudebild und Energieausweis PDF Vorschau  -->

		<Bereich bereich="I" title="Gebäudebild und Energieausweis PDF Vorschau"
			><AusweisPreviewContainer
				bind:images={bilder}
				bind:ausweis
				bind:objekt
				bind:aufnahme
				{ausweisart}
			/></Bereich>
			
		</div>			
		
			<ButtonWeiterHilfe {spaeterWeitermachen}
			bind:ausweis
			bind:bilder
			bind:user
			bind:objekt
			bind:aufnahme
			ausweisart={Enums.Ausweisart.VerbrauchsausweisGewerbe}
			>
			</ButtonWeiterHilfe>
		
		
</form>