diff --git a/src/components/Widget2.svelte b/src/components/Widget2.svelte
index 446273aa..ac2c15d1 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 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';
+