diff options
| author | Petri Hienonen <petri.hienonen@gmail.com> | 2025-11-09 07:09:23 +0200 |
|---|---|---|
| committer | Petri Hienonen <petri.hienonen@gmail.com> | 2025-11-09 07:09:23 +0200 |
| commit | 843faa37b2bf376f6fbb58637c75692b29c14858 (patch) | |
| tree | 804ea735b6e9c3d3f3fa88e0c0bcf8d75bc88c18 /app/main.js | |
| parent | 644652342e4d57f2c3c9f70969596937823aa207 (diff) | |
| download | housing-843faa37b2bf376f6fbb58637c75692b29c14858.tar.zst | |
Update
Diffstat (limited to 'app/main.js')
| -rw-r--r-- | app/main.js | 32 |
1 files changed, 15 insertions, 17 deletions
diff --git a/app/main.js b/app/main.js index c8a10a3..30770ed 100644 --- a/app/main.js +++ b/app/main.js @@ -27,8 +27,8 @@ export class App { #weights = new Weights(); /** @type {District[]} */ #districts = []; - /** @type {MapEl|null} */ - #map = null; + /** @type {MapEl} */ + #map; /** @type {HTMLElement} */ #stats; /** @type {HTMLElement} */ @@ -259,12 +259,12 @@ export class App { Dom.div( new DomOptions({ children: [ - Widgets.addNumberFilter("min-price", "Min price (€)", (v) => { + Widgets.numberFilter("min-price", "Min price (€)", (v) => { filters.minPrice = v ?? 0; onFilterChange(); }), - Widgets.addNumberFilter("max-price", "Max price (€)", (v) => { + Widgets.numberFilter("max-price", "Max price (€)", (v) => { filters.maxPrice = v ?? Number.POSITIVE_INFINITY; onFilterChange(); }), @@ -276,12 +276,12 @@ export class App { }, }), ), - Widgets.addNumberFilter("min-year", "Min year", (v) => { + Widgets.numberFilter("min-year", "Min year", (v) => { filters.minYear = v ?? 0; onFilterChange(); }), - Widgets.addNumberFilter("min-area", "Min area (m²)", (v) => { + Widgets.numberFilter("min-area", "Min area (m²)", (v) => { filters.minArea = v ?? 0; onFilterChange(); }), @@ -464,17 +464,15 @@ export class App { this.#filtered = houses.slice(); - if (this.#map) { - this.#map.initialize( - districts, - coastLine, - mainRoads, - trainTracks, - trainStations, - houses, - this.#colorParameter, - ); - } + this.#map.initialize( + districts, + coastLine, + mainRoads, + trainTracks, + trainStations, + houses, + this.#colorParameter, + ); // Populate district multi-select const districtOptions = App.#renderDistrictOptions(this.#districts, this.#houses); |
