Ansichtsausweis Verbessert

src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte

@@ -45,10 +45,10 @@
 			ausweis.anzahl_einheiten <= 4 &&
 			ausweis.objekt_saniert == false &&
 			(ausweis.ausstellgrund == "Vermietung" ||
-			ausweis.ausstellgrund == "Sonstiges")) ||
-			ausweis.ausstellgrund == "Neubau" ||
-			ausweis.ausstellgrund == "Modernisierung" ||
-			ausweis.ausstellgrund == "Verkauf";
+				ausweis.ausstellgrund == "Sonstiges")) ||
+		ausweis.ausstellgrund == "Neubau" ||
+		ausweis.ausstellgrund == "Modernisierung" ||
+		ausweis.ausstellgrund == "Verkauf";
 
 	function automatischAusfüllen() {
 		ausweis.baujahr_gebaeude = 1962;
@@ -56,7 +56,7 @@
 		ausweis.objekt_saniert = true;
 		ausweis.anzahl_einheiten = 1;
 		ausweis.ausstellgrund = "Vermietung";
-		energyConsumption = [15000, 14000, 16000]
+		energyConsumption = [15000, 14000, 16000];
 		area = 152;
 		ausweis.keller_beheizt = true;
 		ausweis.warmwasser_enthalten = true;
@@ -70,7 +70,10 @@
 		<Progressbar progress={0} />
 	</div>
 
-	<PerformanceScore performance={energyPerformance} />
+	<PerformanceScore
+		verbrauch={energyPerformance}
+		primär={energyPerformance * 1.1}
+	/>
 </div>
 
 <form method="post" action="/verbrauchsausweis/erstellen">
@@ -81,7 +84,9 @@
 			<a class="button" href="/speichern">Später Weitermachen</a>
 			<div class="flex gap-4">
 				<Hilfe />
-				<button on:click={automatischAusfüllen}>Automatisch Ausfüllen</button>
+				<button on:click={automatischAusfüllen}
+					>Automatisch Ausfüllen</button
+				>
 			</div>
 		</div>
 
@@ -134,8 +139,8 @@
 			<!-- Strasse -->
 			<div class="form-group col-md-4">
 				<HelpLabel title="Straße, Hausnummer *">
-					Bitte geben Sie hier die Straße und Hausnummer des
-					Gebäudes ein.
+					Bitte geben Sie hier die Straße und Hausnummer des Gebäudes
+					ein.
 				</HelpLabel>
 				<div>
 					<input
@@ -152,7 +157,11 @@
 
 			<!-- PLZ -->
 			<div class="form-group col-md-4 PLZ">
-				<ZipSearch bind:zip={ausweis.objekt_plz} bind:city={ausweis.objekt_ort} name="zip" />
+				<ZipSearch
+					bind:zip={ausweis.objekt_plz}
+					bind:city={ausweis.objekt_ort}
+					name="zip"
+				/>
 			</div>
 
 			<!-- IGort: readonly entfernt - Nelson -->
@@ -196,7 +205,11 @@
 			<div class="form-group col-md-4">
 				<Label>Keller *</Label>
 				<div>
-					<select name="IGkeller" required bind:value={ausweis.keller_beheizt}>
+					<select
+						name="IGkeller"
+						required
+						bind:value={ausweis.keller_beheizt}
+					>
 						<option>Bitte auswählen</option>
 						<option value={false}>nicht vorhanden</option>
 						<option value={false}>unbeheizt</option>
@@ -793,11 +806,11 @@
 			Energieausweis als PDF anschauen</Label
 		>
 
-		<AusweisPreviewContainer />
+		<AusweisPreviewContainer {ausweis} />
 
 		<div class="flex flex-row justify-between">
 			<Hilfe />
 			<button formnovalidate>Weiter</button>
 		</div>
 	</fieldset>
-</form>
+</form>