midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

toggle filter

Browse source
This commit is contained in:
Bavo Vanderghote 2020-07-22 12:05:29 +02:00
parent c56c076ab3
commit e2ae83536e
3 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
UI/Base/CheckBox.ts
View file

@ -11,13 +11,14 @@ export class CheckBox extends UIElement{
private readonly _showEnabled: string|UIElement;
private readonly _showDisabled: string|UIElement;
constructor(data: UIEventSource<boolean>, showEnabled: string|UIElement, showDisabled: string|UIElement) {
constructor(showEnabled: string|UIElement, showDisabled: string|UIElement, data: UIEventSource<boolean> = undefined) {
super(data);
this._data = data;
this._data = data??new UIEventSource(false);
this._showEnabled = showEnabled;
this._showDisabled = showDisabled;
const self = this;
this.onClick(() => {
data.setData(!data.data);
self._data.setData(!self._data.data);
})

6
UI/LayerSelection.ts
View file

@ -12,9 +12,9 @@ export class LayerSelection extends UIElement{
this._checkboxes = [];
for (const layer of layers) {
this._checkboxes.push(new CheckBox(
layer.isDisplayed,
new Combine([layer.layerDef.name, `<img src="${layer.layerDef.icon}" alt="${layer.layerDef.icon}">`]),
layer.layerDef.name));
new Combine([layer.layerDef.name, `<img src="${layer.layerDef.icon}" alt="layer.layerDef.icon">`]),
layer.layerDef.name,
layer.isDisplayed));
}
}

3
index.ts
View file

@ -314,7 +314,8 @@ locationControl.ping();
// --------------- Setting up filter ui --------
new LayerSelection(flayers).AttachTo("filter__selection");
new CheckBox(new LayerSelection(flayers), `Click here`).AttachTo("filter__selection")
// --------------- Setting up toggle button for filter ui --------