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

base checkbox; start filter toggle

Browse source
This commit is contained in:
Bavo Vanderghote 2020-07-22 11:01:25 +02:00
parent 0f2a2c651a
commit f610b956dc
6 changed files with 86 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

16
index.ts
View file

@ -288,13 +288,13 @@ messageBox.update();
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);
})
document.querySelector(`#filter__layers`).appendChild(listItem);
new CheckBox(flayers[i].isDisplayed, flayers[i])
.AttachTo(flayers[i].name);
}
// --------------- Setting up toggle button for filter ui --------
document.querySelector(`#filter__button`).addEventListener(`click`, e => {
document.querySelector(`#filter__popup`).classList.toggle(`filter__popup--show`)
});