IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

upDate UMBE

Browse Source
This commit is contained in:
Robert Jagtiani
2024-12-19 23:26:28 +01:00
parent 8f7c8a3b18
commit 36767df266
7 changed files with 101 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Ausweis/AusweisPreviewContainer.svelte
View File

@@ -2,7 +2,7 @@
import AnsichtsausweisButton from "#components/AnsichtsausweisButton.svelte";
import DatenblattButton from "#components/DatenblattButton.svelte";
import HelpLabel from "#components/HelpLabel.svelte";
import ImageGrid from "../ImageGrid.svelte";
import ImageGrid from "#components/ImageGrid.svelte";
import {
Enums,
} from "@ibcornelsen/database/client";
@@ -18,9 +18,11 @@
export let images: UploadedGebaeudeBild[] = [];
</script>
<div class="grid grid-cols-2 p-4 gap-4">
<div class="rounded-lg border-4 p-4 bg-white">
<div class="GRB4">
<div class="grid grid-cols-2 gap-x-6 mt-6">
<div class="box mb-0">
<div class="form-group col-md-12 nopad">
<HelpLabel title="Gebäudebild Bildupload :">
Wenn vorhanden können Sie ein Gebäudefoto (Außenansicht)
@@ -37,10 +39,10 @@
bind:images
bind:ausweis
/>
</div>
</div>
<div class="rounded-lg border-4 p-4 bg-white">
<div class="box mb-0">
<HelpLabel title="Ansichtsausweis & Datenblatt :">
Hier gehts zu Ihrem Ansichtsausweis und Datenblatt als PDF.
</HelpLabel>

36
src/components/Ausweis/ButtonSpaeterHilfe.svelte Normal file
View File

@@ -0,0 +1,36 @@
<script lang="ts">
import Hilfe from "#components/Ausweis/Hilfe.svelte";
</script>
<!-- Später weitermachen / Hilfe anfordern -->
<div
class="w-full mt-5 grid gap-x-4 gap-y-2
grid-cols-1
xs:grid-cols-2
"
>
<div class="md:justify-self-start">
<button
class="button"
type="button"
on:click={spaeterWeitermachen}>Später Weitermachen
</button
>
</div>
<div class="md:justify-self-end"><Hilfe />
</div>
</div>
<div class="mt-2">
<button
class="button"
on:click={automatischAusfüllen}
type="button">Automatisch Ausfüllen
</button
>
</div>

2
src/components/Ausweis/PerformanceScore.svelte
View File

@@ -79,7 +79,7 @@
}
</script>
<div class="w-full rounded-lg border-[#ffcc03] border-2 relative p-2">
<div class="w-full rounded-lg border-border-gray/35 border-4 relative p-2">
<img src="/images/SKALA-910.png" alt="Energieeffizienz Skala" />
<ThickArrowDown
size={28}

7
src/components/Ausweis/SanierungszustandFensterTueren.svelte
View File

@@ -1,10 +1,7 @@
<script lang="ts">
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HeizungImage from "./HeizungImage.svelte";
import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
import DaemmungImage from "./DaemmungImage.svelte";
import FensterImage from "./FensterImage.svelte";
//import Label from "../Label.svelte";

10
src/components/Ausweis/SanierungszustandHeizungsanlage.svelte
View File

@@ -1,11 +1,9 @@
<script lang="ts">
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HeizungImage from "./HeizungImage.svelte";
import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
import DaemmungImage from "./DaemmungImage.svelte";
import FensterImage from "./FensterImage.svelte";
//import Label from "../Label.svelte";

10
src/components/Ausweis/SanierungszustandWaermedammung.svelte
View File

@@ -1,11 +1,9 @@
<script lang="ts">
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HeizungImage from "./HeizungImage.svelte";
import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import DaemmungImage from "./DaemmungImage.svelte";
import FensterImage from "./FensterImage.svelte";
//import Label from "../Label.svelte";

77
src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
View File

@@ -1,13 +1,15 @@
<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 PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
import Progressbar from "#components/Ausweis/Progressbar.svelte";
//import Hilfe from "#components/Ausweis/Hilfe.svelte";
import BereichLabel from "#labels/BereichLabel.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 Ausweisart from "#components/Ausweis/Ausweisart.svelte";
import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
import Warmwasseranteil from "#components/Ausweis/Warmwasseranteil.svelte";
@@ -19,11 +21,10 @@
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 ZipSearch from "#components/PlzSuche.svelte";
import {
RawNotificationWrapper,
RawNotification,
@@ -60,6 +61,8 @@
export let ausweis: VerbrauchsausweisWohnenClient;
export let user: BenutzerClient = {} as BenutzerClient;
let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
let gebaeude =
ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
@@ -157,6 +160,8 @@
}
</script>
<Overlay bind:hidden={speichernOverlayHidden}>
<div class="bg-white w-full max-w-screen-sm py-8 px-8">
<AusweisGespeichertModule uid={ausweis.uid}></AusweisGespeichertModule>
@@ -169,33 +174,25 @@
</p>
</Overlay>
<div class="grid grid-cols-2 gap-x-8 px-4">
<div class="w-full rounded-lg border-gray/35 border-4 relative px-8 py-4">
<h1>Verbrauchsausweis erstellen - 45€</h1>
<Progressbar progress={0} />
</div>
<PerformanceScore
bind:ausweis
bind:gebaeude_aufnahme_allgemein
bind:gebaeude
/>
</div>
<form on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
<div id="formular-box" class="formular-boxen ring-0">
<!-- Später weitermachen / Hilfe anfordern -->
<div
class="w-full grid gap-x-4 gap-y-2
grid-cols-1
xs:grid-cols-2
"
>
<div class="md:justify-self-start">
<button
class="button"
type="button"
on:click={spaeterWeitermachen}>Später Weitermachen</button
>
</div>
<div class="md:justify-self-end"><Hilfe /></div>
</div>
<div class="mt-2">
<button
class="button hidden"
on:click={automatischAusfüllen}
type="button">Automatisch Ausfüllen</button
>
</div>
<ButtonSpaeterHilfe />
<!-- A Prüfung der Ausweisart -->
@@ -252,7 +249,7 @@
<LueftungundLeerstand bind:gebaeude_aufnahme_allgemein />
</div>
<!-- F Angaben zum Sanierungszustand des Gebäudes -->
<!-- F Angaben zur Heizungsanlage -->
<BereichLabel bereich="F"
>Angaben zur Heizunganlage</BereichLabel
@@ -280,7 +277,7 @@
/>
</div>
<!-- H Angaben zum Sanierungszustand des Gebäudes -->
<!-- H Angaben zur Wärmedammung -->
<BereichLabel bereich="H"
>Angaben zur Wärmedämmung</BereichLabel
@@ -295,10 +292,28 @@
</div>
<!-- I Gebäudebild und Energieausweis PDF Vorschau -->
<BereichLabel bereich="I"
>Gebäudebild und Energieausweis PDF Vorschau</BereichLabel
>
<div class="collapseBereich">
<AusweisPreviewContainer
bind:images
bind:ausweis
bind:gebaeude />
</div>
<ButtonSpaeterHilfe />
</div>
</form>
<style lang="scss">
</style>