From 6f2d8f86ba5949a2f9cf9e9d99eba5a665072468 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 8 Dec 2024 10:45:56 +0100
Subject: [PATCH] Widget

---
 src/components/Widget2.svelte | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Widget2.svelte b/src/components/Widget2.svelte
index bb00f74a..75fba831 100644
--- a/src/components/Widget2.svelte
+++ b/src/components/Widget2.svelte
@@ -9,7 +9,10 @@ import { fade } from 'svelte/transition';
 
   let selectedType: 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) {
     selectedType = (event.target as HTMLSelectElement).value;
@@ -23,7 +26,10 @@ import { fade } from 'svelte/transition';
 
   function updateResultVisibility() {
     // 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>
@@ -89,25 +95,25 @@ import { fade } from 'svelte/transition';
        </div> 
     
        <div class="OEA_zeile3">
-       {#if showResult}
+       {#if showVA}
        <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
         <VApromo client:load /> 
        </div>
        {/if}
 
-       {#if showResult}
+       {#if showBA}
        <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
         <BApromo client:load />
        </div>
        {/if}
 
-       {#if showResult}
+       {#if showVAG}
        <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
         <VAGpromo client:load />
        </div>
        {/if}
 
-       {#if showResult}
+       {#if showBAG}
        <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
         <BAGpromo client:load />
        </div>