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

verbrauch

Browse Source
This commit is contained in:
Robert Jagtiani
2025-02-23 14:09:23 +01:00
parent ee7b1e4471
commit 1484f54fe2
3 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Ausweis/Verbrauch.svelte
View File

@@ -105,7 +105,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
name="primaere_heizquelle"
checked={true}
/>
<label for="primaere_heizquelle">primäre Heizquelle</label>
<label for="primaere_heizquelle">Heizquelle</label>
</div>
</div>
@@ -135,7 +135,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
/>
<label
for="zusaetzliche_heizquelle_1"
class="cursor-pointer">zusätzliche Heizquelle</label
class="cursor-pointer">zusätzl. Heizquelle</label
>
</div>
</div>
@@ -276,7 +276,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
disabled={!aufnahme.brennstoff_1}
required
>
<option disabled selected >Bitte auswählen</option>
<option disabled selected>Bitte auswählen</option>
{#each fuelMap.hasOwnProperty(aufnahme.brennstoff_1) ? fuelMap[aufnahme.brennstoff_1] : [] as unit}
<option value={unit}>{unit}</option>
{/each}
@@ -307,7 +307,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
/>
<div class="VerbrauchsEinheit">
{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
{#if ausweis.einheit_1 === "Bitte auswählen"}
{:else if ausweis.einheit_1 != "Bitte auswählen"}
{ausweis.einheit_1}
{/if}
</div>
<div class="help-label">
@@ -335,7 +338,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required
/>
<div class="VerbrauchsEinheit">
{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
{#if ausweis.einheit_1 === "Bitte auswählen"}
{:else if ausweis.einheit_1 != "Bitte auswählen"}
{ausweis.einheit_1}
{/if}
</div>
<div class="help-label">
@@ -363,7 +369,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required
/>
<div class="VerbrauchsEinheit">
{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
{#if ausweis.einheit_1 === "Bitte auswählen"}
{:else if ausweis.einheit_1 != "Bitte auswählen"}
{ausweis.einheit_1}
{/if}
</div>
<div class="help-label">
@@ -380,12 +389,12 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
{#if ausweis.zusaetzliche_heizquelle}
<div
class="col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
class="hidden sm:block col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
></div>
<!-- zusätzliche Heizquelle -->
<div class="input-standard order-7 md:order-7 xl:order-7">
<div class="input-standard order-10 md:order-10 xl:order-10">
<Inputlabel title="zusätzliche Heizquelle"></Inputlabel>
<div class="input-checkboxen">
@@ -400,7 +409,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
bind:checked={ausweis.zusaetzliche_heizquelle}
/>
<label for="zusaetzliche_heizquelle" class="cursor-pointer"
>zusätzliche Heizquelle</label
>zusätzl. Heizquelle</label
>
</div>
</div>
@@ -416,11 +425,11 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
</div>
</div>
<div class="input-standard order-8 md:order-8 xl:order-8"></div>
<div class="hidden sm:block input-standard order-11 md:order-11 xl:order-11"></div>
<!-- zusätzlicher Brennstoff und Einheiten * -->
<div class="grid grid-cols-2 gap-x-4 order-9 md:order-9 xl:order-9">
<div class="grid grid-cols-2 gap-x-4 order-12 md:order-12 xl:order-12">
<div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
@@ -496,7 +505,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 4 -->
<div class="input-standard order-10 md:order-10 xl:order-10">
<div class="input-standard order-[13] md:order-[13] xl:order-[13]">
<Verbrauchslabel bind:ausweis addYear={1}></Verbrauchslabel>
<input
@@ -523,7 +532,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 5 -->
<div class="input-standard order-11 md:order-11 xl:order-11">
<div class="input-standard order-[14] md:order-[14] xl:order-[14]">
<Verbrauchslabel bind:ausweis addYear={2}></Verbrauchslabel>
<input
@@ -550,7 +559,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 6 -->
<div class="input-standard order-12 md:order-12 xl:order-12">
<div class="input-standard order-[15] md:order-[15] xl:order-[15]">
<Verbrauchslabel bind:ausweis addYear={3}></Verbrauchslabel>
<input

2
src/components/labels/HelpLabel.svelte
View File

@@ -25,7 +25,7 @@
<style lang="postcss">
.tooltip {
@apply absolute -right-4 w-[240px] break-words ring-2 ring-secondary/5 invisible bg-white rounded-lg p-2 shadow-lg top-0 translate-y-[calc(-100%-8px)] transition-all duration-300 opacity-0;
@apply absolute z-[10] -right-4 w-[240px] break-words ring-2 ring-secondary/5 invisible bg-white rounded-lg p-2 shadow-lg top-0 translate-y-[calc(-100%-8px)] transition-all duration-300 opacity-0;
}
.tooltip-opener:hover .tooltip {

5
src/style/global.css
View File

@@ -63,7 +63,10 @@ input[type="password"],
input[type="file"],
textarea,
select{
@apply p-1 min-h-[38px] ring-1 ring-black/15 rounded-sm}
@apply p-1 min-h-[38px] ring-1 ring-black/15 rounded-sm;}
select option{font-family: "Heron", sans-serif !important;}
select, select option:disabled{@apply bg-white}
input[type="file"]{@apply pt-[4px]}