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

Bedarfsausweis Wohnen

Browse Source
This commit is contained in:
Robert Jagtiani
2025-02-26 23:55:26 +01:00
parent 49b090ea52
commit af26efe23a
15 changed files with 130 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,7 +26,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 mt-6">
<div class="box card mb-0 relative">
<div class="box mb-0 relative p-2 sm:px-8">
<ImageGrid
@@ -44,7 +44,7 @@
</div>
<div class="box card mb-0">
<div class="box mb-0 p-2 sm:px-8">
<div class="input-standard">
<input type="text"
@@ -60,7 +60,7 @@
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4">
<div class="grid grid-cols-1 xs:grid-cols-2 gap-4 mt-4">
<AnsichtsausweisButton {ausweis} {aufnahme} {objekt} bilder={images} {ausweisart} />
<DatenblattButton {ausweis} {aufnahme} {objekt} bilder={images} {ausweisart} />
</div>

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

@@ -8,7 +8,7 @@
export let objekt: ObjektClient;
</script>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6 p-2 sm:px-8">
<div class="md:box md:card mb-0 bereich-box">

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

@@ -8,7 +8,7 @@
export let objekt: ObjektClient;
</script>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6 p-2 sm:px-8">
<div class="md:box md:card mb-0 bereich-box">

72
src/components/Ausweis/GebaeudeVolumen.svelte
View File

@@ -14,31 +14,40 @@ const arrayRange = (start: number, stop: number, step: number) =>
<div
id="superBereich2"
class="grid w-full items-start
grid-cols-1 gap-x-4 gap-y-8
grid-cols-1 gap-x-4 gap-y-4
sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
">
<div class="bereich-box col-span-2">
<div class="w-full grid grid-cols-4 gap-4 justify-between justify-items-center items-center">
<img src="/images/r.png" alt="rechteck" />
<img src="/images/l.png" alt="l-form" />
<img src="/images/t.png" alt="t-form" />
<img src="/images/u.png" alt="u-form" />
<div class="w-full grid grid-cols-2 sm:grid-cols-4 gap-4 justify-between justify-items-center items-center">
<div class="ring-1 ring-black/15 bg-white rounded-md"><img src="/images/form-r.svg" alt="rechteck"/></div>
<div class="ring-1 ring-black/15 bg-white rounded-md"><img src="/images/form-l.svg" alt="l-form" /></div>
<div class="ring-1 ring-black/15 bg-white rounded-md"><img src="/images/form-t.svg" alt="t-form" /></div>
<div class="ring-1 ring-black/15 bg-white rounded-md"><img src="/images/form-u.svg" alt="u-form" /></div>
</div>
</div>
<div>
<div class="col-span-2 xl:col-span-1">
<div
id="Berechnungshilfe2"
class="bereich-box grid w-full
grid-cols-1 gap-x-4 gap-y-8
grid-cols-2 gap-x-4 gap-y-8
sm:grid-cols-3 sm:gap-x-6 sm:gap-y-8
xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
"
>
<div class="input-standard col-span-2 sm:col-span-3">
<h4 class="m-0 font-bold p-1 pt-2 min-h-[38px] ring-1 bg-white ring-black/15 rounded-sm;">Berechnungshilfe - Eingabe der Grundfläche, Gechossanzahl und -höhe</h4>
<div class="help-label">
<HelpLabel>Hier wählen Sie Ihren passenden Grundriss aus, und tragen die entsprechenden Maße unten ein.
Bitte berücksichtigen Sie nur den Grundriss der zum beheizten Gebäude gehört.
Garagen oder Schuppen die an das Haus herangebaut sind aber keine Verbindung zum Wohnhaus haben bitte weglassen.</HelpLabel>
</div>
</div>
<div class="input-standard order-1 md:order-1 xl:order-1">
<Inputlabel title="A"></Inputlabel>
@@ -221,12 +230,44 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
<div
id="Berechnungstabelle"
class="bereich-box grid w-full
grid-cols-1 gap-x-4 gap-y-8
grid-cols-2 gap-x-4 gap-y-8
sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8 xl:col-span-1
"
>
<div class="input-standard col-span-2">
<h4 class="m-0 font-bold p-1 pt-2 min-h-[38px] ring-1 bg-white ring-black/15 rounded-sm ">Außenflächen, U-Werte und Volumen</h4>
<div class="help-label">
<HelpLabel>Die wärmeübertragende Umfassungsflächen sind die Hüllflächen des beheizten Gebäudes die an die Außenluft bzw. an unbeheizte Vorbauten grenzen.
Wenn Ihnen die Außenwand-,Dach-,Decken- und Bodenflächen vorliegen können Sie die Eingabe direkt vornehmen.
Hier können Sie auch das von den Umfassungsflächen eingeschlossene Volumen des Gebäudes eingeben.
Die ermittelten Werte der Berechnungshilfe können hier präzisiert werden.</HelpLabel>
</div>
</div>
<div class="input-standard col-span-2">
<Inputlabel title="Tabellenwerte"></Inputlabel>
<div class="input-checkboxen">
<div
class="grid grid-cols-[25px_max-content] items-center justify-items-start"
>
<input
id="tabellenwerte_aendern"
type="checkbox"
bind:checked={ausweis.tabellenwerte_aendern}
name="tabellenwerte_aendern"
/>
<label for="tabellenwerte_aendern">Tabellenwerte manuell ändern</label>
</div>
</div>
<div class="help-label">
<HelpLabel></HelpLabel>
</div>
</div>
<div class="input-standard order-1 md:order-1 xl:order-1">
<Inputlabel title="Dachfläche in m²"></Inputlabel>
@@ -259,7 +300,7 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
</div>
<div class="input-standard order-3 md:order-3 xl:order-3">
<Inputlabel title="Geschoßdecke in m²"></Inputlabel>
<Inputlabel title="Geschoßdecke&nbsp;in&nbsp;m²"></Inputlabel>
<input
name="deckenflaeche"
@@ -288,7 +329,6 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="input-standard order-5 md:order-5 xl:order-5">
<Inputlabel title="Außenwand in m²"></Inputlabel>
@@ -319,7 +359,6 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="input-standard order-7 md:order-7 xl:order-7">
<Inputlabel title="Fußboden in m²"></Inputlabel>
@@ -350,8 +389,7 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="input-standard order-9 md:order-9 xl:order-9">
<div class="input-standard order-9 md:order-9 xl:order-9 col-span-2">
<Inputlabel title="eingeschlossenes Gebäudevolumen in m³"></Inputlabel>
<input
@@ -366,11 +404,11 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="input-standard order-10 md:order-10 xl:order-10">
<div class="input-standard order-10 md:order-10 xl:order-10 col-span-2">
<Inputlabel title="Blower-Door-Test erfolgreich durchgeführt:"></Inputlabel>
<div class="grid grid-cols-[max-content_max-content] gap-x-12 p-1 min-h-[38px] ring-1 ring-black/15 rounded-sm">
<div class="grid grid-cols-[max-content_max-content] bg-white gap-x-12 p-1 min-h-[38px] ring-1 ring-black/15 rounded-sm">
<div class="grid grid-cols-[25px_1fr] items-center justify-items-start">
<input

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

@@ -8,7 +8,7 @@
export let gebaeude: ObjektClient;
</script>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6 p-2 sm:px-8">
<div class="md:box md:card mb-0 bereich-box">

6
src/components/design/footer/Footer.astro
View File

@@ -4,9 +4,9 @@ const currentYear = new Date().getFullYear();
<footer class="
grid grid-cols-1 bg-primary lg:px-9 lg:py-1
xs:grid-cols-2
lg:grid-cols-4 lg:px-9 lg:py-1">
grid grid-cols-1 bg-primary mt-6
xs:grid-cols-2
lg:grid-cols-4 lg:px-9 lg:py-1 lg:mt-0">
<div class="
justify-self-center