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'; +