Merge pull request #119 from IBCornelsen/Jens

Widget

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>