mapcomplete/UI/Input/CheckBox.ts

35 lines
1.2 KiB
TypeScript
Raw Normal View History

2020-07-20 13:30:58 +02:00
import {UIElement} from "../UIElement";
import {UIEventSource} from "../UIEventSource";
2020-07-20 16:57:46 +02:00
import { FilteredLayer } from "../../Logic/FilteredLayer";
2020-07-22 11:49:01 +02:00
import Translations from "../../UI/i18n/Translations";
2020-07-24 01:12:57 +02:00
import instantiate = WebAssembly.instantiate;
2020-07-20 13:30:58 +02:00
export class CheckBox extends UIElement{
2020-07-29 15:05:19 +02:00
public readonly isEnabled: UIEventSource<boolean>;
2020-07-22 11:01:25 +02:00
private readonly _showEnabled: string|UIElement;
private readonly _showDisabled: string|UIElement;
2020-07-24 01:12:57 +02:00
constructor(showEnabled: string | UIElement, showDisabled: string | UIElement, data: UIEventSource<boolean> | boolean = false) {
2020-07-22 12:17:06 +02:00
super(undefined);
2020-07-29 15:05:19 +02:00
this.isEnabled =
2020-07-24 01:12:57 +02:00
data instanceof UIEventSource ? data : new UIEventSource(data ?? false);
2020-07-29 15:05:19 +02:00
this.ListenTo(this.isEnabled);
2020-07-22 11:01:25 +02:00
this._showEnabled = showEnabled;
this._showDisabled = showDisabled;
2020-07-22 12:05:29 +02:00
const self = this;
2020-07-22 11:01:25 +02:00
this.onClick(() => {
2020-07-29 15:05:19 +02:00
self.isEnabled.setData(!self.isEnabled.data);
2020-07-22 11:01:25 +02:00
})
2020-07-24 01:12:57 +02:00
2020-07-20 13:30:58 +02:00
}
2020-07-22 11:05:04 +02:00
InnerRender(): string {
2020-07-29 15:05:19 +02:00
if (this.isEnabled.data) {
2020-07-22 11:49:01 +02:00
return Translations.W(this._showEnabled).Render();
2020-07-22 11:01:25 +02:00
} else {
2020-07-22 11:49:01 +02:00
return Translations.W(this._showDisabled).Render();
2020-07-22 11:01:25 +02:00
}
2020-07-20 13:30:58 +02:00
}
}