import { UIElement } from "./UIElement"; import { FilteredLayer } from "../Logic/FilteredLayer"; import { CheckBox } from "./Base/CheckBox"; import Combine from "./Base/Combine"; 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( new Combine([ ` `, `layer.layerDef.icon`, layer.layerDef.name]), new Combine([ ` `, `layer.layerDef.icon`, layer.layerDef.name]), layer.isDisplayed)); } } InnerRender(): string { let html = ``; for (const checkBox of this._checkboxes) { const checkBoxHTML = checkBox.Render(); const checkBoxListItem = `
  • ${checkBoxHTML}
  • `; html = html + checkBoxListItem; } return ``; } }