(true);\r\n\r\n useEffect(() => {\r\n async function loadScenario(bfsNr: number) {\r\n try {\r\n setLoading(true);\r\n\r\n const responseScenario = await fetch(\r\n `${process.env.REACT_APP_API_BASE_URL}/scenarios/bfsNr/${bfsNr}?status=inKraft&latestOnly=true`,\r\n {\r\n credentials: \"include\",\r\n }\r\n );\r\n\r\n if (responseScenario.ok) {\r\n const scenarios: ScenarioDto[] = await responseScenario.json();\r\n\r\n if (scenarios.length === 1) {\r\n const scenario = scenarios[0];\r\n\r\n const responseParameterSet = await fetch(\r\n `${process.env.REACT_APP_API_BASE_URL}/parametersets/scenarioId/${scenario.id}?activeOnly=true`,\r\n {\r\n credentials: \"include\",\r\n }\r\n );\r\n\r\n if (responseParameterSet.ok) {\r\n const parameterSets: ParameterSetDto[] =\r\n await responseParameterSet.json();\r\n\r\n if (parameterSets.length === 1) {\r\n dispatch({\r\n type: \"setScenarioAndParameterSetLegal\",\r\n data: {\r\n scenario: scenario,\r\n parameterSet: parameterSets[0],\r\n },\r\n });\r\n }\r\n } else {\r\n setLoadError(true);\r\n }\r\n }\r\n } else {\r\n setLoadError(true);\r\n }\r\n } catch {\r\n setLoadError(true);\r\n } finally {\r\n setLoading(false);\r\n }\r\n }\r\n\r\n if (state.selectedMunicipality?.bfsNr !== undefined) {\r\n loadScenario(state.selectedMunicipality.bfsNr);\r\n }\r\n\r\n return () => setLoadError(false);\r\n }, [state.selectedMunicipality?.bfsNr, dispatch]);\r\n\r\n if (loadError) {\r\n return ;\r\n }\r\n\r\n if (state.selectedMunicipality === undefined) {\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Gemeinde {state.selectedMunicipality?.gemeinde}\r\n {\" \"}\r\n > Rechtskräftiger Zonenplan > {LINKS[location.pathname]}\r\n
\r\n {!loading && (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n Zonenplan mit / ohne Vorwirkung\r\n
\r\n
\r\n LUBAT bietet die Möglichkeit die Bauzonenkapazitäts-Kennzahlen der\r\n verschiedenen Zonenplanzustände (ohne Vorwirkung, mit Vorwirkung,\r\n rechtskräftiger Zonenplan) miteinander zu vergleichen. Der aktuell\r\n rechtskräftige Zonenplan befindet sich dabei bereits auf der kantonalen\r\n Dateninfrastruktur. Die Zonenpläne mit / ohne Vorwirkung sind vorgängig\r\n auf die kantonalen Dateninfrastruktur hochzuladen.\r\n
\r\n
Bitte gehen Sie wie folgt vor:
\r\n
\r\n - \r\n Schritt 1: Laden Sie einen neuen\r\n Zonenplan mit / ohne Vorwirkung mittels bestehendem Prozess (GeoShop)\r\n hoch. Erfolgt der Upload vor 12:00 Uhr mittags eines Werktags, werden\r\n die Daten noch am selben Tag verarbeitet und stehen am nächsten\r\n Werktag in der LUBAT-Applikation zur Verfügung.\r\n
\r\n - \r\n Schritt 2: Die\r\n Bauzonenkapazitäts-Kennzahlen werden jeweils mittels standardisierter\r\n Kennwerte berechnet. Diese Kennwerte können Sie jedoch beliebig\r\n anpassen (z.B. um verschiedene Szenarien zu simulieren oder um die\r\n Kapazitäten zweier Zonenpläne miteinander zu vergleichen), speichern\r\n und zu einem späteren Zeitpunkt wiederverwenden.\r\n
\r\n - \r\n Schritt 3: Im Menüpunkt\r\n \"Bauzonenkapazitäten vergleichen\" können Sie dann zwei Zonenpläne\r\n auswählen und die Kapazitäten miteinander vergleichen.\r\n Selbstverständlich können Sie dort auch lediglich die Kapazitäten\r\n eines Zonenplans berechnen lassen.\r\n
\r\n
\r\n
\r\n
Zonenplan hochladen
\r\n
\r\n Beachten Sie, dass nach einem erfolgreichen Upload die Daten erst am\r\n folgenden Arbeitstag zur Weiterverarbeitung zur Verfügung stehen.\r\n
\r\n
\r\n \r\n Richtlinen Upload Zonenplan\r\n \r\n \r\n
\r\n
\r\n \r\n Handbuch Datenupload GeoShop\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {props.name}{\" \"}\r\n {props.unit !== undefined && props.unit !== null\r\n ? `[${props.unit}]`\r\n : \"\"}\r\n \r\n \r\n
\r\n \r\n {props.valueLeft !== undefined\r\n ? props.format\r\n ? props.valueLeft.toLocaleString(\"de-CH\", {\r\n maximumFractionDigits: 2,\r\n })\r\n : props.valueLeft\r\n : \"\"}\r\n
\r\n \r\n {props.valueRight !== undefined\r\n ? props.format\r\n ? props.valueRight.toLocaleString(\"de-CH\", {\r\n maximumFractionDigits: 2,\r\n })\r\n : props.valueRight\r\n : \"\"}\r\n
\r\n \r\n {props.valueLeft !== undefined && props.valueRight !== undefined\r\n ? props.format\r\n ? (props.valueRight - props.valueLeft).toLocaleString(\"de-CH\", {\r\n maximumFractionDigits: 2,\r\n })\r\n : props.valueRight - props.valueLeft\r\n : \"\"}\r\n
\r\n {props.children}\r\n \r\n );\r\n}\r\n","import { ReactElement, ReactNode } from \"react\";\r\n\r\nexport function CompareSubMetric(props: {\r\n name: string;\r\n valueLeft: number | undefined;\r\n valueRight: number | undefined;\r\n children?: ReactNode;\r\n}): ReactElement {\r\n return (\r\n <>\r\n {props.name}
\r\n \r\n {props.valueLeft !== undefined\r\n ? props.valueLeft.toLocaleString(\"de-CH\", {\r\n maximumFractionDigits: 2,\r\n })\r\n : \"\"}\r\n
\r\n \r\n {props.valueRight !== undefined\r\n ? props.valueRight.toLocaleString(\"de-CH\", {\r\n maximumFractionDigits: 2,\r\n })\r\n : \"\"}\r\n
\r\n \r\n {props.valueLeft !== undefined && props.valueRight !== undefined\r\n ? (props.valueRight - props.valueLeft).toLocaleString(\"de-CH\", {\r\n maximumFractionDigits: 2,\r\n })\r\n : \"\"}\r\n
\r\n \r\n );\r\n}\r\n","import { MetricValueContext, METRIC_KEY } from \"calculation/metric\";\r\nimport { CompareMetric } from \"components/zoning-plan-draft/CompareMetric\";\r\nimport { CompareSubMetric } from \"components/zoning-plan-draft/CompareSubMetric\";\r\nimport { CalculationTable as CalculationTableSimple } from \"components/zoning-plan-common/CalculationTable\";\r\nimport { ReactElement } from \"react\";\r\nimport { State } from \"state/state\";\r\n\r\nexport function CalculationTable(props: { state: State }): ReactElement {\r\n const state = props.state;\r\n if (state.selectedMunicipality !== undefined) {\r\n return (\r\n <>\r\n {state.metrics !== undefined &&\r\n state.zoningPlanDraft.selectedScenarioLeft !== undefined &&\r\n state.zoningPlanDraft.selectedScenarioRight !== undefined &&\r\n state.zoningPlanDraft.calculationStateLeft !== undefined &&\r\n state.zoningPlanDraft.calculationStateRight !== undefined && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {state.zoningPlanDraft.selectedScenarioLeft.districts.map(\r\n (d) => (\r\n \r\n )\r\n )}\r\n \r\n \r\n {state.zoningPlanDraft.selectedScenarioLeft.districts.map(\r\n (d) => (\r\n \r\n )\r\n )}\r\n \r\n \r\n {state.zoningPlanDraft.selectedScenarioLeft.districts.map(\r\n (d) => (\r\n \r\n )\r\n )}\r\n \r\n \r\n \r\n )}\r\n {state.metrics !== undefined &&\r\n state.zoningPlanDraft.selectedScenarioLeft !== undefined &&\r\n state.zoningPlanDraft.selectedParameterSetLeft !== undefined &&\r\n state.zoningPlanDraft.calculationStateLeft !== undefined &&\r\n (state.zoningPlanDraft.selectedScenarioRight === undefined ||\r\n state.zoningPlanDraft.selectedParameterSetRight === undefined) && (\r\n \r\n )}\r\n \r\n );\r\n }\r\n return <>;\r\n}\r\n","import { Overlay } from \"components/common/Overlay\";\r\nimport { Select } from \"components/common/Select\";\r\nimport { ParameterSetDto, ParameterSetNameDto, ScenarioDto } from \"dtos/dtos\";\r\nimport { useEffect } from \"react\";\r\nimport { ReactElement, useState } from \"react\";\r\nimport { Action, State } from \"../../state/state\";\r\n\r\nexport function CalculationHead(props: {\r\n dispatch: (action: Action) => void;\r\n state: State;\r\n}): ReactElement {\r\n const dispatch = props.dispatch;\r\n const state = props.state;\r\n const scenarioNames = state.zoningPlanDraft.scenarioNames;\r\n const parameterSetNamesLeft = state.zoningPlanDraft.parameterSetNamesLeft;\r\n const parameterSetNamesRight = state.zoningPlanDraft.parameterSetNamesRight;\r\n const selectedScenarioLeft = state.zoningPlanDraft.selectedScenarioLeft;\r\n const selectedScenarioRight = state.zoningPlanDraft.selectedScenarioRight;\r\n const selectedParameterSetLeft =\r\n state.zoningPlanDraft.selectedParameterSetLeft;\r\n const selectedParameterSetRight =\r\n state.zoningPlanDraft.selectedParameterSetRight;\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [loadScenarioIdLeft, setLoadScenarioIdLeft] = useState();\r\n const [loadParameterSetIdLeft, setLoadParameterSetIdLeft] =\r\n useState();\r\n const [loadScenarioIdRight, setLoadScenarioIdRight] = useState();\r\n const [loadParameterSetIdRight, setLoadParameterSetIdRight] =\r\n useState();\r\n\r\n async function loadScenario(\r\n id: string\r\n ): Promise<\r\n | { scenario: ScenarioDto; parameterSetNames: ParameterSetNameDto[] }\r\n | undefined\r\n > {\r\n try {\r\n const response = await fetch(\r\n `${process.env.REACT_APP_API_BASE_URL}/scenarios/id/${id}`,\r\n {\r\n credentials: \"include\",\r\n }\r\n );\r\n if (response.ok) {\r\n const scenario: ScenarioDto = await response.json();\r\n\r\n const parameterSetNamesResponse = await fetch(\r\n `${process.env.REACT_APP_API_BASE_URL}/parametersetnames/${scenario.id}`,\r\n {\r\n credentials: \"include\",\r\n }\r\n );\r\n\r\n if (parameterSetNamesResponse.ok) {\r\n const parameterSetNames: ParameterSetNameDto[] =\r\n await parameterSetNamesResponse.json();\r\n return { scenario: scenario, parameterSetNames: parameterSetNames };\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n return undefined;\r\n } catch {}\r\n }\r\n\r\n async function loadParameterSet(\r\n id: string\r\n ): Promise {\r\n try {\r\n const response = await fetch(\r\n `${process.env.REACT_APP_API_BASE_URL}/parametersets/id/${id}`,\r\n {\r\n credentials: \"include\",\r\n }\r\n );\r\n if (response.ok) {\r\n const parameterSet: ParameterSetDto = await response.json();\r\n return parameterSet;\r\n }\r\n return undefined;\r\n } catch {}\r\n }\r\n\r\n useEffect(() => {\r\n async function load(scenarioId: string): Promise {\r\n setLoading(true);\r\n const result = await loadScenario(scenarioId);\r\n dispatch({\r\n type: \"setSelectedScenarioLeft\",\r\n data: {\r\n scenario: result?.scenario,\r\n parameterSetNames: result?.parameterSetNames,\r\n },\r\n });\r\n setLoading(false);\r\n }\r\n\r\n if (loadScenarioIdLeft !== undefined) {\r\n load(loadScenarioIdLeft);\r\n }\r\n }, [loadScenarioIdLeft, dispatch]);\r\n\r\n useEffect(() => {\r\n async function load(scenarioId: string): Promise {\r\n setLoading(true);\r\n const result = await loadScenario(scenarioId);\r\n dispatch({\r\n type: \"setSelectedScenarioRight\",\r\n data: {\r\n scenario: result?.scenario,\r\n parameterSetNames: result?.parameterSetNames,\r\n },\r\n });\r\n setLoading(false);\r\n }\r\n\r\n if (loadScenarioIdRight !== undefined && loadScenarioIdRight !== \"\") {\r\n load(loadScenarioIdRight);\r\n } else if (loadScenarioIdRight === \"\") {\r\n dispatch({\r\n type: \"setSelectedScenarioRight\",\r\n data: {\r\n scenario: undefined,\r\n },\r\n });\r\n }\r\n }, [loadScenarioIdRight, dispatch]);\r\n\r\n useEffect(() => {\r\n async function load(parameterSetId: string) {\r\n const parameterSet = await loadParameterSet(parameterSetId);\r\n dispatch({\r\n type: \"setSelectedParameterSetLeft\",\r\n data: { parameterSet: parameterSet },\r\n });\r\n setLoadParameterSetIdLeft(undefined);\r\n }\r\n\r\n if (loadParameterSetIdLeft !== undefined) {\r\n load(loadParameterSetIdLeft);\r\n }\r\n }, [loadParameterSetIdLeft, dispatch]);\r\n\r\n useEffect(() => {\r\n async function load(parameterSetId: string) {\r\n const parameterSet = await loadParameterSet(parameterSetId);\r\n dispatch({\r\n type: \"setSelectedParameterSetRight\",\r\n data: { parameterSet: parameterSet },\r\n });\r\n setLoadParameterSetIdRight(undefined);\r\n }\r\n\r\n if (loadParameterSetIdRight !== undefined) {\r\n load(loadParameterSetIdRight);\r\n }\r\n }, [loadParameterSetIdRight, dispatch]);\r\n\r\n useEffect(() => {\r\n if (\r\n selectedScenarioLeft === undefined &&\r\n scenarioNames !== undefined &&\r\n scenarioNames.length === 1\r\n ) {\r\n setLoadScenarioIdLeft(scenarioNames[0].id.toString());\r\n }\r\n }, [selectedScenarioLeft, scenarioNames]);\r\n\r\n useEffect(() => {\r\n if (\r\n selectedParameterSetLeft === undefined &&\r\n parameterSetNamesLeft !== undefined &&\r\n parameterSetNamesLeft.length === 1\r\n ) {\r\n setLoadParameterSetIdLeft(parameterSetNamesLeft[0].id.toString());\r\n }\r\n }, [selectedParameterSetLeft, parameterSetNamesLeft]);\r\n\r\n useEffect(() => {\r\n if (\r\n selectedParameterSetRight === undefined &&\r\n parameterSetNamesRight !== undefined &&\r\n parameterSetNamesRight.length === 1\r\n ) {\r\n setLoadParameterSetIdRight(parameterSetNamesRight[0].id.toString());\r\n }\r\n }, [selectedParameterSetRight, parameterSetNamesRight]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
Zonenplan Basis
\r\n
{\r\n return {\r\n value: s.id.toString(),\r\n displayValue: `${s.name} ${s.status}`,\r\n };\r\n })}\r\n value={selectedScenarioLeft?.id.toString()}\r\n width=\"w-auto\"\r\n visible={true}\r\n onChange={(value) => setLoadScenarioIdLeft(value)}\r\n />\r\n {\r\n return { value: ps.id.toString(), displayValue: ps.name };\r\n })}\r\n value={selectedParameterSetLeft?.id.toString()}\r\n width=\"w-auto\"\r\n visible={true}\r\n onChange={(value) => setLoadParameterSetIdLeft(value)}\r\n />\r\n \r\n
Zonenplan Vergleich
\r\n
{\r\n return {\r\n value: s.id.toString(),\r\n displayValue: `${s.name} ${s.status}`,\r\n };\r\n })}\r\n value={selectedScenarioRight?.id.toString()}\r\n width=\"w-auto\"\r\n visible={true}\r\n onChange={(value) => setLoadScenarioIdRight(value)}\r\n />\r\n {\r\n return { value: ps.id.toString(), displayValue: ps.name };\r\n })}\r\n value={selectedParameterSetRight?.id.toString()}\r\n width=\"w-auto\"\r\n visible={true}\r\n onChange={(value) => setLoadParameterSetIdRight(value)}\r\n />\r\n Differenz
\r\n \r\n );\r\n}\r\n","import { MetricValues } from \"calculation/metric\";\r\nimport { useEffect } from \"react\";\r\nimport { ReactElement } from \"react\";\r\nimport { ParameterValues } from \"calculation/parameter\";\r\nimport { Action, State } from \"../../state/state\";\r\nimport { calculate } from \"calculation/calculate\";\r\nimport { CalculationTable } from \"./CalculationTable\";\r\nimport { ReportLinks } from \"components/zoning-plan-common/ReportLinks\";\r\nimport { CalculationHead } from \"./CalculationHead\";\r\nimport { NoData } from \"components/common/NoData\";\r\n\r\nexport function Calculation(props: {\r\n dispatch: (action: Action) => void;\r\n state: State;\r\n}): ReactElement {\r\n const dispatch = props.dispatch;\r\n const state = props.state;\r\n\r\n useEffect(() => {\r\n async function calculateCapacity() {\r\n if (\r\n state.metrics !== undefined &&\r\n state.selectedMunicipality !== undefined &&\r\n state.zoningPlanDraft.selectedScenarioLeft !== undefined &&\r\n state.zoningPlanDraft.selectedParameterSetLeft !== undefined\r\n ) {\r\n if (state.zoningPlanDraft.calculationStateLeft === undefined) {\r\n const metricValuesLeft = new MetricValues(\r\n state.zoningPlanDraft.selectedScenarioLeft.metricValues\r\n );\r\n\r\n const parameterValuesLeft = new ParameterValues(\r\n state.zoningPlanDraft.selectedParameterSetLeft.parameterValues\r\n );\r\n\r\n const calculationStateLeft = await calculate(\r\n state.metrics,\r\n metricValuesLeft,\r\n parameterValuesLeft,\r\n state.zoningPlanDraft.selectedScenarioLeft\r\n );\r\n\r\n dispatch({\r\n type: \"setCalculationStateLeft\",\r\n data: {\r\n calculationState: calculationStateLeft,\r\n },\r\n });\r\n }\r\n\r\n if (\r\n state.zoningPlanDraft.selectedScenarioRight !== undefined &&\r\n state.zoningPlanDraft.selectedParameterSetRight !== undefined &&\r\n state.zoningPlanDraft.calculationStateRight === undefined\r\n ) {\r\n const metricValuesRight = new MetricValues(\r\n state.zoningPlanDraft.selectedScenarioRight.metricValues\r\n );\r\n\r\n const parameterValuesRight = new ParameterValues(\r\n state.zoningPlanDraft.selectedParameterSetRight.parameterValues\r\n );\r\n\r\n const calculationStateRight = await calculate(\r\n state.metrics,\r\n metricValuesRight,\r\n parameterValuesRight,\r\n state.zoningPlanDraft.selectedScenarioRight\r\n );\r\n\r\n dispatch({\r\n type: \"setCalculationStateRight\",\r\n data: {\r\n calculationState: calculationStateRight,\r\n },\r\n });\r\n }\r\n }\r\n }\r\n calculateCapacity();\r\n }, [\r\n dispatch,\r\n state.selectedMunicipality,\r\n state.metrics,\r\n state.parameters,\r\n state.zoningPlanDraft.selectedScenarioLeft,\r\n state.zoningPlanDraft.selectedScenarioRight,\r\n state.zoningPlanDraft.selectedParameterSetLeft,\r\n state.zoningPlanDraft.selectedParameterSetRight,\r\n state.zoningPlanDraft.calculationStateLeft,\r\n state.zoningPlanDraft.calculationStateRight,\r\n ]);\r\n\r\n const hasData =\r\n state.metrics !== undefined &&\r\n state.selectedMunicipality !== undefined &&\r\n state.zoningPlanDraft.scenarioNames !== undefined &&\r\n state.zoningPlanDraft.scenarioNames.length > 0;\r\n\r\n return (\r\n \r\n {!hasData &&
}\r\n {hasData && (\r\n <>\r\n
\r\n Bauzonenkapazitäten vergleichen\r\n
\r\n
\r\n Sie können hier die Bauzonenkapazitäten zweier Zonenpläne berechnen\r\n und vergleichen lassen. Sie können auch nur einen Zonenplan mit\r\n Kennzahlen selektieren, um die Kapazitätskennzahlen berechnen zu\r\n lassen.\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n {state.zoningPlanDraft.selectedScenarioLeft !== undefined &&\r\n state.zoningPlanDraft.selectedParameterSetLeft !== undefined &&\r\n state.zoningPlanDraft.calculationStateLeft !== undefined && (\r\n
\r\n
Downloads
\r\n \r\n \r\n )}\r\n {state.zoningPlanDraft.selectedScenarioRight !== undefined &&\r\n state.zoningPlanDraft.selectedParameterSetRight !== undefined &&\r\n state.zoningPlanDraft.calculationStateRight !== undefined && (\r\n
\r\n
Downloads
\r\n \r\n \r\n )}\r\n
\r\n {state.zoningPlanDraft.calculationStateLeft !== undefined &&\r\n state.zoningPlanDraft.calculationStateLeft.metricCalculationResultMessages\r\n .filter((m) => m.severity === \"error\")\r\n .map((m) =>
{m.message}
)}\r\n \r\n )}\r\n
\r\n
\r\n
Speichern unter
\r\n
\r\n {\r\n setShowModal(false);\r\n }}\r\n >\r\n Abbrechen\r\n \r\n {\r\n saveAction(parameterSetName);\r\n setShowModal(false);\r\n }}\r\n >\r\n Speichern\r\n \r\n
\r\n