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

Add ornament

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-01-09 00:03:21 +01:00
parent bd6f325fc1
commit 641b59bca5
3 changed files with 27 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

20
UI/Base/Ornament.ts
View file

@ -1,18 +1,25 @@
import {UIElement} from "../UIElement";
import {UIEventSource} from "../../Logic/UIEventSource";
import Svg from "../../Svg";
import State from "../../State";
export default class Ornament extends UIElement {
private static readonly ornamentsCount = Ornament.countOrnaments();
private readonly _index = new UIEventSource<number>(0)
private readonly _index = new UIEventSource<string>("0")
constructor(index = new UIEventSource<number>(0)) {
super(index);
constructor(index = undefined) {
super();
index = index ?? State.state.osmConnection.GetPreference("ornament");
this.ListenTo(index);
this._index = index;
this.SetClass("ornament")
const self = this;
this.onClick(() => {
self._index.setData((self._index.data + 1) % (Ornament.ornamentsCount + 1));
let c = Number(index.data);
if(isNaN(c)){
c = 0;
}
self._index.setData(""+ ((c + 1) % (Ornament.ornamentsCount + 1)));
})
}
@ -28,10 +35,11 @@ export default class Ornament extends UIElement {
}
InnerRender(): string {
if(this._index.data == 0){
if(this._index.data == "0"){
return "<svg></svg>"
}
return Svg.All[`Ornament-Horiz-${this._index.data - 1}.svg`]
console.log(this._index.data)
return Svg.All[`Ornament-Horiz-${Number(this._index.data) - 1}.svg`]
}
}