+
@@ -35,6 +35,7 @@
name={"gebaeude_image"}
kategorie={Enums.BilderKategorie.Gebaeude}
max={1}
+ min={1}
bind:gebaeude
bind:images
bind:ausweis
@@ -42,7 +43,7 @@
-
+
Hier gehts zu Ihrem Ansichtsausweis und Datenblatt als PDF.
diff --git a/src/components/Ausweis/Ausweisart.svelte b/src/components/Ausweis/Ausweisart.svelte
index 9e6c3758..4d1ba599 100644
--- a/src/components/Ausweis/Ausweisart.svelte
+++ b/src/components/Ausweis/Ausweisart.svelte
@@ -44,6 +44,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
class="rounded-e-none"
name="ausstellgrund"
placeholder="Anlass"
+ bind:value={ausweis.ausstellgrund}
required
>
diff --git a/src/components/Ausweis/BilderZusatzsysteme.svelte b/src/components/Ausweis/BilderZusatzsysteme.svelte
index a46d2252..51786675 100644
--- a/src/components/Ausweis/BilderZusatzsysteme.svelte
+++ b/src/components/Ausweis/BilderZusatzsysteme.svelte
@@ -1,6 +1,6 @@
-
-
+
diff --git a/src/components/Ausweis/FensterImage.svelte b/src/components/Ausweis/FensterImage.svelte
index a1fe6f9a..956915ef 100644
--- a/src/components/Ausweis/FensterImage.svelte
+++ b/src/components/Ausweis/FensterImage.svelte
@@ -1,7 +1,7 @@
-
import ImageGrid from "../ImageGrid.svelte";;
import { Enums, type BedarfsausweisWohnen, type VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
- import { GebaeudeClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./types";
+ import { GebaeudeClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./types.js";
export let images: UploadedGebaeudeBild[] = [];
export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
@@ -59,6 +59,6 @@
Energieausweis!
Bitte laden Sie hier mind. 2 Bilder hoch: -
Bitte laden Sie hier mind. 2 Bilder hoch: -
- 
+
+ 
+
diff --git a/src/components/Ausweis/Progressbar.svelte b/src/components/Ausweis/Progressbar.svelte
index 4a6b9310..72abecec 100644
--- a/src/components/Ausweis/Progressbar.svelte
+++ b/src/components/Ausweis/Progressbar.svelte
@@ -2,7 +2,7 @@
export let progress: number = 0;
-
+
+
+
+
diff --git a/src/components/ImageGrid.svelte b/src/components/ImageGrid.svelte
index 43210ecf..085eee7d 100644
--- a/src/components/ImageGrid.svelte
+++ b/src/components/ImageGrid.svelte
@@ -1,11 +1,12 @@
\ No newline at end of file
diff --git a/src/components/UploadImages.svelte b/src/components/UploadImages.svelte
index 25c93826..bd8ed340 100644
--- a/src/components/UploadImages.svelte
+++ b/src/components/UploadImages.svelte
@@ -2,10 +2,11 @@
import type { BedarfsausweisWohnen, Enums, VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
export let max: number = 2;
+ export let min: number = 1;
export let name: string = ""
// Array of base64 encoded images read into the input.
- import { GebaeudeClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./Ausweis/types";
+ import { GebaeudeClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
export let images: UploadedGebaeudeBild[] = [];
export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
@@ -77,10 +78,19 @@
reader.readAsArrayBuffer(file);
}
}
+
+ let fileUpload: HTMLInputElement;
+
+ export const upload = () => {
+ fileUpload.click()
+ }
-{#if max > 1}
-
+
+{#if images.filter((image) => image.kategorie === kategorie).length === max}
+ Maximale Anzahl Bilder wurde erreicht.
+{:else if max > 1}
+
{:else}
-
+
{/if}
\ No newline at end of file
diff --git a/src/components/labels/VerbrauchsHelpLabel.svelte b/src/components/labels/VerbrauchsHelpLabel.svelte
index 8fc5b222..70408aa7 100644
--- a/src/components/labels/VerbrauchsHelpLabel.svelte
+++ b/src/components/labels/VerbrauchsHelpLabel.svelte
@@ -1,36 +1,41 @@
-
-
{#if ausweis.startdatum}
-Bitte geben Sie Ihre
-{#if heizquelle==1}
-{#if gebaeude_aufnahme_allgemein.brennstoff_1} {gebaeude_aufnahme_allgemein.brennstoff_1} {/if}
-Verbräuche {#if ausweis.einheit_1} in {ausweis.einheit_1} {/if}
-{:else if heizquelle==2}
-{#if gebaeude_aufnahme_allgemein.brennstoff_2} {gebaeude_aufnahme_allgemein.brennstoff_2} {/if}
-Verbräuche {#if ausweis.einheit_2} in {ausweis.einheit_2} {/if}
-{/if}
-
-
-von {moment(ausweis.startdatum).add((addYear-1), "year").format("MM.Y")}
-bis {moment(ausweis.startdatum).add((addYear), "year").format("MM.Y")}
-ein.
+ Bitte geben Sie Ihre
+ {#if heizquelle == 1}
+ {#if gebaeude_aufnahme_allgemein.brennstoff_1}
+ {gebaeude_aufnahme_allgemein.brennstoff_1}
+ {/if}
+ Verbräuche {#if ausweis.einheit_1}
+ in {ausweis.einheit_1} {/if}
+ {:else if heizquelle == 2}
+ {#if gebaeude_aufnahme_allgemein.brennstoff_2}
+ {gebaeude_aufnahme_allgemein.brennstoff_2}
+ {/if}
+ Verbräuche {#if ausweis.einheit_2}
+ in {ausweis.einheit_2} {/if}
+ {/if}
+ von
+ {moment(ausweis.startdatum)
+ .add(addYear - 1, "year")
+ .format("MM.Y")}
+ bis {moment(ausweis.startdatum).add(addYear, "year").format("MM.Y")}
+ ein.
{:else}
-Bitte geben Sie zuerst einen Starttermin für Ihre Verbräuche, den Brennstoff und die Einheit in die entsprechenden Felder ein. Danach können Sie hier die Verbräuche für den angegebenen Zeitraum eintragen.
+ Bitte geben Sie zuerst einen Starttermin für Ihre Verbräuche, den Brennstoff
+ und die Einheit in die entsprechenden Felder ein. Danach können Sie hier die
+ Verbräuche für den angegebenen Zeitraum eintragen.
{/if}
-
-
\ No newline at end of file
+
diff --git a/src/layouts/AusweisLayout.astro b/src/layouts/AusweisLayout.astro
index 86e61d65..5d774073 100644
--- a/src/layouts/AusweisLayout.astro
+++ b/src/layouts/AusweisLayout.astro
@@ -100,65 +100,7 @@ const { title } = Astro.props;
}
}
- article h1 {
- font-size: 1.7rem;
- font-weight: 500;
- line-height: 1.2rem;
- width: 100%;
- text-align: center;
- margin: 1em 0em;
-}
-article a {
- color: #3a4ab5;
- text-decoration: none;
- display: inline;
-}
-
-article a:hover {
- text-decoration: underline;
-}
-
-article p {
- line-height: 1.7em;
- padding-right: 1em;
- font-size: 1.1em;
- text-transform: none;
-}
-
-
-
-
-
- h3 {
- @apply text-xl font-medium mt-6 mb-4;
- }
-
- input, select, textarea, .input {
- @apply py-1.5 px-2.5 w-full outline-none text-base text-slate-800 border bg-white;
- }
-
- input:disabled, input:read-only, select:disabled {
- @apply bg-gray-200 border-gray-300;
- }
-
- input:disabled {
- text-indent: -9999px;
- }
-
-
-
-
-
- .GRB3 {
- @apply flex flex-col border-2 border-[#ffcc03] p-4 rounded-lg bg-base-200;
- /* background: linear-gradient(
- 135deg,
- rgba(252, 234, 187, 1) 0%,
- rgba(253, 235, 189, 1) 52%,
- rgba(251, 223, 147, 1) 100%
- ); */
- }
.headline {
diff --git a/src/modules/EmbeddedAuthFlowModule.svelte b/src/modules/EmbeddedAuthFlowModule.svelte
index e0827bba..3c44a654 100644
--- a/src/modules/EmbeddedAuthFlowModule.svelte
+++ b/src/modules/EmbeddedAuthFlowModule.svelte
@@ -1,5 +1,5 @@
@@ -13,11 +13,11 @@
-
-Gebäudedaten
-Prüfung
-Kaufabschluss
+Gebäudedaten
+ Prüfung
+ Kaufabschluss
-
{#each images as image, i}
{#if image.kategorie == kategorie}
@@ -68,5 +72,26 @@
{/if}
{/each}
+
+
+ {#each { length: max - images.filter(image => image.kategorie === kategorie).length } as _, i}
+
+ 
= min}
+ />
+
+ {/each}
= min}
+ />
+
+
+
+
@@ -95,7 +93,9 @@ import LoginDialog from "#components/LoginDialog.svelte";