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

Add multi-checkbox component

Browse source
This commit is contained in:
Pieter Vander Vennet 2020-09-09 22:17:46 +02:00
parent e4bbf9a054
commit eab842d18a
3 changed files with 138 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
UI/Input/RadioButton.ts
View file

@ -16,7 +16,6 @@ export class RadioButton<T> extends InputElement<T> {
constructor(elements: InputElement<T>[],
selectFirstAsDefault = true) {
super(undefined);
console.log("Created new radiobutton with values ", elements)
this._elements = Utils.NoNull(elements);
this._selectFirstAsDefault = selectFirstAsDefault;
const self = this;
@ -66,15 +65,14 @@ export class RadioButton<T> extends InputElement<T> {
InnerRender(): string {
let body = "";
let i = 0;
for (const el of this._elements) {
for (let i = 0; i < this._elements.length; i++){
const el = this._elements[i];
const htmlElement =
'<input type="radio" id="' + this.IdFor(i) + '" name="radiogroup-' + this.id + '">' +
'<label for="' + this.IdFor(i) + '">' + el.Render() + '</label>' +
'<br>';
body += htmlElement;
i++;
}
return "<form id='" + this.id + "-form'>" + body + "</form>";