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

Merge pull request #119 from IBCornelsen/Jens

Browse Source 
Widget
This commit is contained in:
Jens Cornelsen
2024-12-08 10:47:05 +01:00
committed by GitHub
parent 317fda6a8a 6f2d8f86ba
commit ff65e89979
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Widget2.svelte
View File

@@ -9,7 +9,10 @@ import { fade } from 'svelte/transition';
let selectedType: string = ""; let selectedType: string = "";
let selectedReason: string = ""; let selectedReason: string = "";
let showResult: boolean = false; let showVA: boolean = false;
let showBA: boolean = false;
let showVAG: boolean = false;
let showBAG: boolean = false;
function handleTypeChange(event: Event) { function handleTypeChange(event: Event) {
selectedType = (event.target as HTMLSelectElement).value; selectedType = (event.target as HTMLSelectElement).value;
@@ -23,7 +26,10 @@ import { fade } from 'svelte/transition';
function updateResultVisibility() { function updateResultVisibility() {
// Die Bedingung, um das Ergebnis anzuzeigen // Die Bedingung, um das Ergebnis anzuzeigen
showResult = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf"; showVA = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf";
showBA = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf";
showVAG = selectedType === "Gewerbegebäude" && selectedReason === "Vermietung/Verkauf";
showBAG = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf";
} }
</script> </script>
@@ -89,25 +95,25 @@ import { fade } from 'svelte/transition';
</div> </div>
<div class="OEA_zeile3"> <div class="OEA_zeile3">
{#if showResult} {#if showVA}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}> <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<VApromo client:load /> <VApromo client:load />
</div> </div>
{/if} {/if}
{#if showResult} {#if showBA}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}> <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<BApromo client:load /> <BApromo client:load />
</div> </div>
{/if} {/if}
{#if showResult} {#if showVAG}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}> <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<VAGpromo client:load /> <VAGpromo client:load />
</div> </div>
{/if} {/if}
{#if showResult} {#if showBAG}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}> <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<BAGpromo client:load /> <BAGpromo client:load />
</div> </div>