update Ausweise

src/components/Ausweis/AusweisPreviewContainer.svelte

@@ -23,7 +23,7 @@
 	
 	<div class="box card mb-0 relative">
 
-			<div>
+		
 			<ImageGrid
 				name={"gebaeude_image"}
 				kategorie={Enums.BilderKategorie.Gebaeude}
@@ -32,16 +32,19 @@
 				bind:gebaeude
 				bind:images
 				bind:ausweis
-			>TEST</ImageGrid>
-			</div>
+			>
+		Wenn vorhanden können Sie hier ein Gebäudefoto (Außenansicht) hochladen. Dieses Bild erscheint auf Ihrem Energieausweis.
+		</ImageGrid>
+		
 
 	</div>
 
 	<div class="box card mb-0">
-		<div class="input-standard mt-0">
+		<div class="input-standard">
 			
-			<input type="text" class="bg-[#e5e7eb]"
+			<input type="text"  
 			value="Vorschau: Ausweis und Datenblatt"
+			disabled
 			/>
 		
 				<div class="help-label">

src/components/Ausweis/DaemmungImage.svelte

@@ -59,6 +59,16 @@
 			Energieausweis!<br />
 			<strong>Bitte laden Sie hier mind. 2 Bilder hoch:</strong>
 		</p>
-		<ImageGrid max={4} min={2} name={"daemmung_image"} kategorie={Enums.BilderKategorie.Daemmung} bind:images bind:ausweis bind:gebaeude></ImageGrid>
+		<ImageGrid 
+		max={4} 
+		min={2} 
+		name={"daemmung_image"} 
+		kategorie={Enums.BilderKategorie.Daemmung} 
+		bind:images 
+		bind:ausweis 
+		bind:gebaeude
+		>
+	TEXT FEHLT
+	</ImageGrid>
 	</div>
 </div>

src/components/Ausweis/FensterImage.svelte

@@ -55,6 +55,16 @@
 			Energieausweis!<br />
 			<strong>Bitte laden Sie hier mind. 1 Bild hoch:</strong>
 		</p>
-		<ImageGrid max={4} min={1} name={"fenster_image"} kategorie={Enums.BilderKategorie.Fenster} bind:images bind:ausweis bind:gebaeude></ImageGrid>
+		<ImageGrid 
+		max={4} 
+		min={1} 
+		name={"fenster_image"} 
+		kategorie={Enums.BilderKategorie.Fenster} 
+		bind:images 
+		bind:ausweis 
+		bind:gebaeude
+		>
+		TEXT FEHLT
+	</ImageGrid>
 	</div>
 </div>

src/components/Ausweis/HeizungImage.svelte

@@ -51,6 +51,18 @@
 			Ihrem Energieausweis!<br />
 			<strong>Bitte laden Sie hier mind. 1 Bild hoch:</strong>
 		</p>
-		<ImageGrid name={"heizung_image"} kategorie={Enums.BilderKategorie.Heizung} max={4} min={1} bind:gebaeude bind:images bind:ausweis />
+
+		<ImageGrid 
+		name={"heizung_image"} 
+		kategorie={Enums.BilderKategorie.Heizung} 
+		max={4} 
+		min={1} 
+		bind:gebaeude 
+		bind:images 
+		bind:ausweis 
+		>
+		TEXT FEHLT
+		</ImageGrid>
+
 	</div>
 </div>

src/components/UploadImages.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import HelpLabel from "#labels/HelpLabel.svelte";
 	import type { BedarfsausweisWohnen, Enums, VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
 
 	export let max: number = 2;
@@ -90,13 +91,23 @@
 {#if images.filter((image) => image.kategorie === kategorie).length === max}
 	<span class="bg-base-200 border px-4 py-2">Maximale Anzahl Bilder wurde erreicht.</span>
 {:else if max > 1}
-<div>
+<div class="input-standard">
 	<input type="file" class="file-input file-input-ghost h-[38px]" bind:this={fileUpload} {name} multiple on:change={getAllImages} />
-	<slot />
+	<div class="help-label">
+		<HelpLabel>
+			<slot />
+		</HelpLabel>
+	</div>
+
 </div>
 {:else}
-<div>
+<div class="input-standard">
 	<input type="file" class="file-input file-input-ghost h-[38px]" bind:this={fileUpload} {name} on:change={getAllImages} />
-	<slot />
+	<div class="help-label">
+		<HelpLabel>
+			<slot />
+		</HelpLabel>
+	</div>
+
 </div>
 {/if}

src/style/global.css

@@ -59,6 +59,8 @@ input[type="file"],
 select{
 @apply min-h-[38px] ring-1 ring-black/15 rounded-sm}
 
+input[type="file"]{@apply pt-[4px]}
+
 input[type="checkbox"],input[type="radio"]{@apply inline-block accent-secondary h-[13px]}
 
 input:disabled, input:read-only, select:disabled {