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

9
UI/Base/CheckBox.ts
View file

@ -1,17 +1,18 @@
import {UIElement} from "../UIElement";
import {UIEventSource} from "../UIEventSource";
import { FilteredLayer } from "../../Logic/FilteredLayer";
export class CheckBox extends UIElement{
constructor(data: UIEventSource<boolean>) {
constructor(data: UIEventSource<boolean>, name: String) {
super(data);
this.data = data;
this.name = name
}
protected InnerRender(): string {
return "";
return `${this.data.data? `<svg class="checkbox__check" width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 8L11.5 17L25.5 3" stroke="#003B8B" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg><p class="checkbox__label--checked">${this.name}</p>`: `<p class="checkbox__label--unchecked">${this.name}</p>`}`;
}
}