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

basic checkbox implementation

Browse source
This commit is contained in:
Bavo Vanderghote 2020-07-22 11:49:01 +02:00
parent 00fb99defe
commit 0e3d9d930b
4 changed files with 38 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

5
UI/Base/CheckBox.ts
View file

@ -1,6 +1,7 @@
import {UIElement} from "../UIElement";
import {UIEventSource} from "../UIEventSource";
import { FilteredLayer } from "../../Logic/FilteredLayer";
import Translations from "../../UI/i18n/Translations";
export class CheckBox extends UIElement{
@ -24,9 +25,9 @@ export class CheckBox extends UIElement{
InnerRender(): string {
if (this._data.data) {
return this._showEnabled;
return Translations.W(this._showEnabled).Render();
} else {
return this._showDisabled;
return Translations.W(this._showDisabled).Render();
}
}

31
UI/LayerSelection.ts Normal file
View file

@ -0,0 +1,31 @@
import { UIElement } from "./UIElement";
import { FilteredLayer } from "../Logic/FilteredLayer";
import { CheckBox } from "./Base/CheckBox";
export class LayerSelection extends UIElement{
private readonly _checkboxes: UIElement[];
constructor(layers: FilteredLayer[]) {
super(undefined);
this._checkboxes = [];
for (const layer of layers) {
this._checkboxes.push(new CheckBox(layer.isDisplayed, `isEnabled ${layer.layerDef.name}`, `isDisabled ${layer.layerDef.name}`));
}
}
InnerRender(): string {
let html = ``;
for (const checkBox of this._checkboxes) {
const checkBoxHTML = checkBox.Render();
const checkBoxListItem = `<li>${checkBoxHTML}</li>`;
html = html + checkBoxListItem;
}
return `<ul>${html}</ul>`;
}
}