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" name="primaere_heizquelle"
checked={true} checked={true}
/> />
<label for="primaere_heizquelle">primäre Heizquelle</label> <label for="primaere_heizquelle">Heizquelle</label>
</div> </div>
</div> </div>
@@ -135,7 +135,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
/> />
<label <label
for="zusaetzliche_heizquelle_1" for="zusaetzliche_heizquelle_1"
class="cursor-pointer">zusätzliche Heizquelle</label class="cursor-pointer">zusätzl. Heizquelle</label
> >
</div> </div>
</div> </div>
@@ -276,7 +276,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
disabled={!aufnahme.brennstoff_1} disabled={!aufnahme.brennstoff_1}
required 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} {#each fuelMap.hasOwnProperty(aufnahme.brennstoff_1) ? fuelMap[aufnahme.brennstoff_1] : [] as unit}
<option value={unit}>{unit}</option> <option value={unit}>{unit}</option>
{/each} {/each}
@@ -307,7 +307,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
/> />
<div class="VerbrauchsEinheit"> <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>
<div class="help-label"> <div class="help-label">
@@ -335,7 +338,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required required
/> />
<div class="VerbrauchsEinheit"> <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>
<div class="help-label"> <div class="help-label">
@@ -363,7 +369,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
required required
/> />
<div class="VerbrauchsEinheit"> <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>
<div class="help-label"> <div class="help-label">
@@ -380,12 +389,12 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
{#if ausweis.zusaetzliche_heizquelle} {#if ausweis.zusaetzliche_heizquelle}
<div <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> ></div>
<!-- zusätzliche Heizquelle --> <!-- 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> <Inputlabel title="zusätzliche Heizquelle"></Inputlabel>
<div class="input-checkboxen"> <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} bind:checked={ausweis.zusaetzliche_heizquelle}
/> />
<label for="zusaetzliche_heizquelle" class="cursor-pointer" <label for="zusaetzliche_heizquelle" class="cursor-pointer"
>zusätzliche Heizquelle</label >zusätzl. Heizquelle</label
> >
</div> </div>
</div> </div>
@@ -416,11 +425,11 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
</div> </div>
</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 * --> <!-- 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"> <div class="input-standard">
<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel> <Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
@@ -496,7 +505,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 4 --> <!-- 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> <Verbrauchslabel bind:ausweis addYear={1}></Verbrauchslabel>
<input <input
@@ -523,7 +532,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 5 --> <!-- 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> <Verbrauchslabel bind:ausweis addYear={2}></Verbrauchslabel>
<input <input
@@ -550,7 +559,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
<!-- Verbrauch 6 --> <!-- 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> <Verbrauchslabel bind:ausweis addYear={3}></Verbrauchslabel>
<input <input

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

@@ -25,7 +25,7 @@
<style lang="postcss"> <style lang="postcss">
.tooltip { .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 { .tooltip-opener:hover .tooltip {

5
src/style/global.css
View File

@@ -63,7 +63,10 @@ input[type="password"],
input[type="file"], input[type="file"],
textarea, textarea,
select{ 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]} input[type="file"]{@apply pt-[4px]}