forked from MapComplete/MapComplete
51 lines
No EOL
1.8 KiB
TypeScript
51 lines
No EOL
1.8 KiB
TypeScript
import {FixedUiElement} from "./UI/Base/FixedUiElement";
|
|
import {VariableUiElement} from "./UI/Base/VariableUIElement";
|
|
import Hash from "./Logic/Web/Hash";
|
|
import {InitUiElements} from "./InitUiElements";
|
|
import {Utils} from "./Utils";
|
|
import {UIEventSource} from "./Logic/UIEventSource";
|
|
import {LocalStorageSource} from "./Logic/Web/LocalStorageSource";
|
|
import LZString from "lz-string";
|
|
import {LayoutConfigJson} from "./Models/ThemeConfig/Json/LayoutConfigJson";
|
|
import Combine from "./UI/Base/Combine";
|
|
import DirectionInput from "./UI/Input/DirectionInput";
|
|
import Loc from "./Models/Loc";
|
|
import AvailableBaseLayers from "./Logic/Actors/AvailableBaseLayers";
|
|
import Minimap from "./UI/Base/Minimap";
|
|
import ValidatedTextField from "./UI/Input/ValidatedTextField";
|
|
|
|
|
|
const location = new UIEventSource<Loc>({
|
|
zoom: 18,
|
|
lat: 51.2,
|
|
lon: 4.3
|
|
})
|
|
DirectionInput.constructMinimap = options => new Minimap(options)
|
|
|
|
new DirectionInput(
|
|
AvailableBaseLayers.SelectBestLayerAccordingTo(location, new UIEventSource<string | string[]>("map")),
|
|
location
|
|
).SetStyle("height: 250px; width: 250px")
|
|
.SetClass("block")
|
|
.AttachTo("maindiv")
|
|
|
|
/*
|
|
new VariableUiElement(Hash.hash.map(
|
|
hash => {
|
|
let json: {};
|
|
try {
|
|
json = atob(hash);
|
|
} catch (e) {
|
|
// We try to decode with lz-string
|
|
json =
|
|
Utils.UnMinify(LZString.decompressFromBase64(hash))
|
|
}
|
|
return new Combine([
|
|
new FixedUiElement("Base64 decoded: " + atob(hash)),
|
|
new FixedUiElement("LZ: " + LZString.decompressFromBase64(hash)),
|
|
new FixedUiElement("Base64 + unminify: " + Utils.UnMinify(atob(hash))),
|
|
new FixedUiElement("LZ + unminify: " + Utils.UnMinify(LZString.decompressFromBase64(hash)))
|
|
]).SetClass("flex flex-col m-1")
|
|
}
|
|
))
|
|
.AttachTo("maindiv")*/ |