Merge pull request #123 from IBCornelsen/Jens

Widget

src/components/Widget2.svelte

@@ -9,7 +9,10 @@ import { fade } from 'svelte/transition';
 
   let selectedType: string = "";
   let selectedReason: string = "";
-  let showVA: boolean = false;
+  let selectedUnits: string = "";
+  let selectedStatus: string = "";
+  let selectedYear: string = "";
+
   let showBA: boolean = false;
   let showVAG: boolean = false;
   let showBAG: boolean = false;
@@ -24,9 +27,36 @@ import { fade } from 'svelte/transition';
     updateResultVisibility();
   }
 
+  function handleUnitsChange(event: Event) {
+    selectedUnits = (event.target as HTMLSelectElement).value;
+    updateResultVisibility();
+  }
+
+  function handleStatusChange(event: Event) {
+    selectedStatus = (event.target as HTMLSelectElement).value;
+    updateResultVisibility();
+  }
+
+  function handleYearChange(event: Event) {
+    selectedYear = (event.target as HTMLSelectElement).value;
+    updateResultVisibility();
+  }
+
+  const allowedTypes = ["Einfamilienhaus", "Zweifamilienhaus", "Mehrfamilienhaus", "Mischgebäude"];
+  const allowedReason = ["Vermietung/Verkauf", "sonstiges"];
+
+  // Logik für die Anzeige von showVA
+let showVA = allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType);
+
+// Zusätzliche Bedingung: Wenn "vor 1978" ausgewählt wurde
+if (selectedYear  === "vor 1978") {
+  showVA = showVA && (selectedUnits === "mehr als 4 Wohneinheiten" || selectedStatus === "saniert");
+}
+
+
   function updateResultVisibility() {
     // Die Bedingung, um das Ergebnis anzuzeigen
-    showVA = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf";
+    showVA = allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType);
     showBA = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf";
     showVAG = selectedType === "Gewerbegebäude" && selectedReason === "Vermietung/Verkauf";
     showBAG = selectedType === "Einfamilienhaus" && selectedReason === "Vermietung/Verkauf";
@@ -61,6 +91,7 @@ import { fade } from 'svelte/transition';
             <option value="Neubau">Neubau</option>
             <option value="Erweiterung">Erweiterung</option>
             <option value="Aushangpflicht">Aushangpflicht</option>
+            <option value="sonstiges">sonstiges z.B. Bank</option>
           </select>
         </div>
        </div>