midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

added filter ui

Browse source
This commit is contained in:
Bavo Vanderghote 2020-07-20 16:57:46 +02:00
parent 4abe74fbf1
commit 0f2a2c651a
4 changed files with 55 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

27
index.ts
View file

@ -21,7 +21,9 @@ import {VariableUiElement} from "./UI/Base/VariableUIElement";
import {SearchAndGo} from "./UI/SearchAndGo";
import {CollapseButton} from "./UI/Base/CollapseButton";
import {AllKnownLayouts} from "./Customizations/AllKnownLayouts";
import {All} from "./Customizations/Layouts/All";
import { All } from "./Customizations/Layouts/All";
import {CheckBox} from "./UI/Base/CheckBox";
import { DrinkingWater } from "./Customizations/Layers/DrinkingWater";
// --------------------- Read the URL parameters -----------------
@ -48,7 +50,7 @@ if (location.hostname === "localhost" || location.hostname === "127.0.0.1") {
// ----------------- SELECT THE RIGHT QUESTSET -----------------
let defaultLayout = "buurtnatuur"
let defaultLayout = "walkbybrussels"
// Run over all questsets. If a part of the URL matches a searched-for part in the layout, it'll take that as the default
@ -177,6 +179,9 @@ for (const layer of layoutToUse.layers) {
}
addButtons.push(addButton);
flayers.push(flayer);
console.log(flayers);
}
const layerUpdater = new LayerUpdater(bm, minZoom, flayers);
@ -276,4 +281,20 @@ new GeoLocationHandler(bm).AttachTo("geolocate-button");
// --------------- Send a ping to start various action --------
locationControl.ping();
messageBox.update();
messageBox.update();
// --------------- Setting up filter ui --------
for (let i = 0; i < flayers.length; i++) {
const listItem = document.createElement(`li`);
listItem.setAttribute(`id`,`${flayers[i].name}`)
document.querySelector(`#filterui`).appendChild(listItem);
const eventSource = new UIEventSource(flayers[i].isDisplayed.data);
new CheckBox(eventSource, flayers[i].name)
.onClick(() => {
eventSource.setData(!eventSource.data);
flayers[i].isDisplayed.setData(eventSource.data);
})
.AttachTo(flayers[i].name);
}