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

Add elevator icons

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-07-18 13:50:14 +02:00
parent 92bd6414e4
commit 3441e7c9f7
5 changed files with 77 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

15
UI/Input/Slider.ts
View file

@ -4,9 +4,10 @@ import {UIEventSource} from "../../Logic/UIEventSource";
export default class Slider extends InputElement<number> {
private readonly _value: UIEventSource<number>
private min: number;
private max: number;
private step: number;
private readonly min: number;
private readonly max: number;
private readonly step: number;
private readonly vertical: boolean;
/**
* Constructs a slider input element for natural numbers
@ -16,13 +17,15 @@ export default class Slider extends InputElement<number> {
*/
constructor(min: number, max: number, options?: {
value?: UIEventSource<number>,
step?: 1 | number
step?: 1 | number,
vertical?: false | boolean
}) {
super();
this.max = max;
this.min = min;
this._value = options?.value ?? new UIEventSource<number>(min)
this.step = options?.step ?? 1;
this.vertical = options?.vertical ?? false;
}
GetValue(): UIEventSource<number> {
@ -39,6 +42,10 @@ export default class Slider extends InputElement<number> {
el.oninput = () => {
valuestore.setData(Number(el.value))
}
if(this.vertical){
el.classList.add("vertical")
el.setAttribute('orient','vertical'); // firefox only workaround...
}
valuestore.addCallbackAndRunD(v => el.value = ""+valuestore.data)
return el;
}