midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix sort warning

Browse source
This commit is contained in:
pietervdvn 2022-07-21 19:18:11 +02:00
parent 13e949a1cd
commit b0cd6f3a09
2 changed files with 45 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
UI/BigComponents/RightControls.ts
View file

@ -4,9 +4,7 @@ import MapControlButton from "../MapControlButton";
import GeoLocationHandler from "../../Logic/Actors/GeoLocationHandler";
import Svg from "../../Svg";
import MapState from "../../Logic/State/MapState";
import {VariableUiElement} from "../Base/VariableUIElement";
import LevelSelector from "../Input/LevelSelector";
import {UIEventSource} from "../../Logic/UIEventSource";
import FeaturePipeline from "../../Logic/FeatureSource/FeaturePipeline";
import {Utils} from "../../Utils";
@ -50,6 +48,7 @@ export default class RightControls extends Combine {
const allElements = state.featurePipeline.GetAllFeaturesAndMetaWithin(bbox);
const allLevelsRaw: string[] = [].concat(...allElements.map(allElements => allElements.features.map(f => <string>f.properties["level"])))
const allLevels = [].concat(...allLevelsRaw.map(l => LevelSelector.LevelsParser(l)))
allLevels.sort((a,b) => a < b ? -1 : 1)
return Utils.Dedup(allLevels)
})
const levelSelect = new LevelSelector(levelsInView)

27
UI/Input/LevelSelector.ts
View file

@ -1,24 +1,25 @@
import {InputElement} from "./InputElement";
import {Store, UIEventSource} from "../../Logic/UIEventSource";
import {Store, Stores, UIEventSource} from "../../Logic/UIEventSource";
import Combine from "../Base/Combine";
import Slider from "./Slider";
import {ClickableToggle} from "./Toggle";
import {FixedUiElement} from "../Base/FixedUiElement";
import {Utils} from "../../Utils";
import {VariableUiElement} from "../Base/VariableUIElement";
export default class LevelSelector extends Combine implements InputElement<string>{
export default class LevelSelector extends VariableUiElement implements InputElement<string> {
private readonly _value: UIEventSource<string>;
constructor(currentLevels: Store<string[]>, options?: {
value?: UIEventSource<string>
}) {
const testData = ["-1", "0", "0.5", "1", "1.5", "2"]
let slider = new Slider(0, testData.length - 1, {vertical: true});
slider.SetClass("flex m-1 elevatorslider mb-0 mt-8").SetStyle("height: "+2.5*testData.length+"rem ")
const value = options?.value ?? new UIEventSource<string>(undefined)
super(Stores.ListStabilized(currentLevels).map(levels => {
let slider = new Slider(0, levels.length - 1, {vertical: true});
slider.SetClass("flex m-1 elevatorslider mb-0 mt-8").SetStyle("height: " + 2.5 * levels.length + "rem ")
const toggleClass = "flex border-2 border-blue-500 w-10 h-10 place-content-center items-center"
const values = testData.map((data, i) => new ClickableToggle(
const values = levels.map((data, i) => new ClickableToggle(
new FixedUiElement(data).SetClass("active bg-subtle " + toggleClass), new FixedUiElement(data).SetClass(toggleClass), slider.GetValue().sync(
(sliderVal) => {
return sliderVal === i
@ -31,10 +32,9 @@ export default class LevelSelector extends Combine implements InputElement<strin
.ToggleOnClick()
.SetClass("flex flex-column ml-5 bg-slate-200 w-10 h-10 valuesContainer"))
super([new Combine(values.reverse()).SetClass("mt-8"), slider])
this.SetClass("flex flex-row h-14");
const combine = new Combine([new Combine(values).SetClass("mt-8"), slider])
combine.SetClass("flex flex-row h-14");
const value = this._value = options?.value ?? new UIEventSource<string>(undefined)
slider.GetValue().addCallbackAndRun(i => {
if (currentLevels?.data === undefined) {
return
@ -45,16 +45,15 @@ export default class LevelSelector extends Combine implements InputElement<strin
const i = currentLevels?.data?.findIndex(l => l === level)
slider.GetValue().setData(i)
})
return combine
}))
}
GetValue(): UIEventSource<string> {
return this._value;
}
protected InnerConstructElement(): HTMLElement {
return undefined;
}
IsValid(t: string): boolean {
return false;
}