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

Übersetzungen + Prüfbox Bezahlung

Browse Source
This commit is contained in:
Moritz Utcke
2023-08-31 23:12:18 +06:00
parent 0fac93486f
commit 7bf1b9a6c6
90 changed files with 3015 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/components/Verbrauchsausweis/VerbrauchsausweisContent.svelte
View File

@@ -1,11 +1,11 @@
<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 HelpLabel from "~/components/HelpLabel.svelte";
import Verbrauch from "~/components/Ausweis/Verbrauch.svelte";
import Label from "~/components/Label.svelte";
import Ausweisart from "~/components/Ausweis/Ausweisart.svelte";
import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
import Progressbar from "#components/Ausweis/Progressbar.svelte";
import Hilfe from "#components/Ausweis/Hilfe.svelte";
import HelpLabel from "#components/HelpLabel.svelte";
import Verbrauch from "#components/Ausweis/Verbrauch.svelte";
import Label from "#components/Label.svelte";
import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
import ZipSearch from "../ZIPSearch.svelte";
import { Verbrauchsausweis } from "src/lib/Ausweis/Verbrauchsausweis";
import moment from "moment";
@@ -17,13 +17,11 @@
import { AuditType, hidden } from "./audits/hidden";
import { auditBedarfsausweisBenoetigt } from "./audits/BedarfsausweisBenoetigt";
import { auditVerbrauchAbweichung } from "./audits/VerbrauchAbweichung";
import { Popup } from "@ibcornelsen/ui";
export let uid: string = "";
gebaeude.set(new Gebaeude());
$gebaeude.ausweis = new Verbrauchsausweis();
$gebaeude.ausweis.gebaeude = $gebaeude;
let gebaeude = new Gebaeude();
let ausweis = new Verbrauchsausweis();
if (uid) {
async () => {
const result = await fetch(`/api/verbrauchsausweis?uid=${uid}`, {
@@ -33,34 +31,34 @@
const json = await result.json();
if (json.success) {
gebaeude.set(new Gebaeude(json.data.gebaeude));
$gebaeude.ausweis = new Verbrauchsausweis(json.data.ausweis);
$gebaeude.ausweis.gebaeude = $gebaeude;
gebaeude = new Gebaeude(json.data.gebaeude);
ausweis = new Verbrauchsausweis(json.data.ausweis);
}
};
}
$: ausweis = $gebaeude.ausweis || new Verbrauchsausweis();
function automatischAusfüllen() {
$gebaeude.baujahr = [1962];
gebaeude.baujahr = [1962];
ausweis.baujahr_anlage = [1952];
$gebaeude.saniert = true;
$gebaeude.einheiten = 1;
gebaeude.saniert = true;
gebaeude.einheiten = 1;
ausweis.ausstellgrund = "Vermietung";
ausweis.kennwerte.verbrauch_1 = 15000;
ausweis.kennwerte.verbrauch_2 = 14000;
ausweis.kennwerte.verbrauch_3 = 16000;
$gebaeude.wohnflaeche = 152;
$gebaeude.keller_beheizt = true;
gebaeude.wohnflaeche = 152;
gebaeude.keller_beheizt = true;
ausweis.kennwerte.energietraeger_1 = "Erdgas H";
ausweis.kennwerte.einheit_1 = "kWh";
ausweis.kennwerte.anteil_warmwasser_1 = 18;
ausweis.kennwerte.zeitraum = moment("12.01.2019");
$gebaeude.plz = "21039";
$gebaeude.ort = "Hamburg";
$gebaeude.strasse = "Curslacker Deich 170";
$gebaeude.gebaeudeteil = "Gesamtgebäude";
gebaeude.plz = "21039";
gebaeude.ort = "Hamburg";
gebaeude.strasse = "Curslacker Deich 170";
gebaeude.gebaeudeteil = "Gesamtgebäude";
gebaeude = gebaeude;
ausweis = ausweis;
}
</script>
@@ -93,7 +91,7 @@
<Label>A - Prüfung der Ausweisart</Label>
<Ausweisart bind:gebaeude={$gebaeude} />
<Ausweisart bind:gebaeude={gebaeude} bind:ausweis={ausweis} />
<hr />
@@ -118,7 +116,7 @@
required
data-msg-minlength="min. 5 Zeichen"
data-msg-maxlength="max. 40 Zeichen"
bind:value={$gebaeude.strasse}
bind:value={gebaeude.strasse}
/>
</div>
</div>
@@ -126,8 +124,8 @@
<!-- PLZ -->
<div class="form-group col-md-4 PLZ">
<ZipSearch
bind:zip={$gebaeude.plz}
bind:city={$gebaeude.ort}
bind:zip={gebaeude.plz}
bind:city={gebaeude.ort}
name="zip"
/>
</div>
@@ -141,7 +139,7 @@
<input
name="IGort"
readonly={true}
bind:value={$gebaeude.ort}
bind:value={gebaeude.ort}
type="text"
/>
</div>
@@ -163,7 +161,7 @@
autocomplete="off"
data-rule-minlength="2"
data-msg-minlength="min. 2 Zeichen"
bind:value={$gebaeude.wohnflaeche}
bind:value={gebaeude.wohnflaeche}
/>
</div>
</div>
@@ -175,7 +173,7 @@
<select
name="IGkeller"
required
bind:value={$gebaeude.keller_beheizt}
bind:value={gebaeude.keller_beheizt}
>
<option>Bitte auswählen</option>
<option value={false}>nicht vorhanden</option>
@@ -204,7 +202,7 @@
<Label>C - Eingabe von 3 zusammenhängenden Verbrauchsjahren</Label>
<div class="GRB">
<Verbrauch bind:gebaeude={$gebaeude} />
<Verbrauch bind:gebaeude={gebaeude} bind:ausweis={ausweis} />
</div>
<hr />
@@ -278,7 +276,7 @@
><input
type="checkbox"
name="IGversorgungssysteme1"
bind:checked={$gebaeude.energiequelle_2_nutzung[0]}
bind:checked={gebaeude.energiequelle_2_nutzung[0]}
value="Heizung"
/>Heizung</label
>
@@ -286,7 +284,7 @@
><input
type="checkbox"
name="IGversorgungssysteme2"
bind:checked={$gebaeude.energiequelle_2_nutzung[1]}
bind:checked={gebaeude.energiequelle_2_nutzung[1]}
value="Warmwasser"
/>Warmwasser</label
>
@@ -294,7 +292,7 @@
><input
type="checkbox"
name="IGversorgungssysteme3"
bind:checked={$gebaeude.energiequelle_2_nutzung[2]}
bind:checked={gebaeude.energiequelle_2_nutzung[2]}
value="Lüftung"
/>Lüftung</label
>
@@ -302,7 +300,7 @@
><input
type="checkbox"
name="IGversorgungssysteme4"
bind:checked={$gebaeude.energiequelle_2_nutzung[3]}
bind:checked={gebaeude.energiequelle_2_nutzung[3]}
value="Kühlung"
/>Kühlung</label
>
@@ -441,7 +439,7 @@
>F - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
Gebäudes</Label
>
<BilderZusatzsysteme gebaeude={$gebaeude} />
<BilderZusatzsysteme gebaeude={gebaeude} />
<hr />
<div class="flex flex-row justify-between">
<Hilfe />
@@ -450,11 +448,6 @@
</fieldset>
</form>
<Popup hidden={false} heading={"Einen Kurzen Moment"}>
<p>Moin! Wir bitten sie um einen kurzen Augenblick, um ein paar Fragen zu beantworten und unseren Service zu verbessern.</p>
<span>1. Sind sie zufrieden mit der Gestaltung unserer Webseite?</span>
<textarea placeholder="Kommentar..."></textarea>
</Popup>
<RawNotificationWrapper>
{#each Object.entries($notifications) as [uid, notification] (uid)}
@@ -463,7 +456,7 @@
</RawNotification>
{/each}
{#if auditBedarfsausweisBenoetigt($gebaeude)}
{#if auditBedarfsausweisBenoetigt(gebaeude)}
<RawNotification
notification={{
message: "Bedarfsausweis benötigt!",
@@ -479,7 +472,7 @@
</RawNotification>
{/if}
{#if auditHeizungGebaeudeBaujahr($gebaeude)}
{#if auditHeizungGebaeudeBaujahr(gebaeude)}
<RawNotification
notification={{
message: "Plausibilitätsprüfung",
@@ -488,7 +481,7 @@
dismissable: true,
onUserDismiss: () => {
hidden.add(AuditType.HEIZUNG_GEBAEUDE_BAUJAHR);
$gebaeude = $gebaeude;
gebaeude = gebaeude;
},
type: "warning",
}}
@@ -498,7 +491,7 @@
</RawNotification>
{/if}
{#if auditVerbrauchAbweichung($gebaeude).length > 0}
{#if auditVerbrauchAbweichung(gebaeude).length > 0}
<RawNotification
notification={{
message: "Plausibilitätsprüfung",
@@ -507,14 +500,14 @@
dismissable: true,
onUserDismiss: () => {
hidden.add(AuditType.VERBRAUCH_ABWEICHUNG);
$gebaeude = $gebaeude;
gebaeude = gebaeude;
},
type: "warning",
}}
>
Die Abweichung der Verbräuche zwischen Zeitraum {auditVerbrauchAbweichung(
$gebaeude
)[0]} und {auditVerbrauchAbweichung($gebaeude)[1]} beträgt mehr als 25%
gebaeude
)[0]} und {auditVerbrauchAbweichung(gebaeude)[1]} beträgt mehr als 25%
und sie haben keinen Leerstand angegeben. Sind sie sich sicher, dass
das stimmt?
</RawNotification>