60 lines
2.3 KiB
TypeScript
60 lines
2.3 KiB
TypeScript
import LayoutConfig from "../../../Models/ThemeConfig/LayoutConfig"
|
|
import { WritableFeatureSource } from "../FeatureSource"
|
|
import { ImmutableStore, Store, UIEventSource } from "../../UIEventSource"
|
|
import { Feature, Point } from "geojson"
|
|
import { TagUtils } from "../../Tags/TagUtils"
|
|
import BaseUIElement from "../../../UI/BaseUIElement"
|
|
import { Utils } from "../../../Utils"
|
|
|
|
/**
|
|
* Highly specialized feature source.
|
|
* Based on a lon/lat UIEVentSource, will generate the corresponding feature with the correct properties
|
|
*/
|
|
export class LastClickFeatureSource implements WritableFeatureSource {
|
|
public readonly features: UIEventSource<Feature[]> = new UIEventSource<Feature[]>([])
|
|
|
|
/**
|
|
* Must be public: passed as tags into the selected view
|
|
*/
|
|
public properties: Record<string, string>
|
|
|
|
constructor(location: Store<{ lon: number; lat: number }>, layout: LayoutConfig) {
|
|
const allPresets: BaseUIElement[] = []
|
|
for (const layer of layout.layers)
|
|
for (let i = 0; i < (layer.presets ?? []).length; i++) {
|
|
const preset = layer.presets[i]
|
|
const tags = new ImmutableStore(TagUtils.KVtoProperties(preset.tags))
|
|
const { html } = layer.mapRendering[0].RenderIcon(tags, false, {
|
|
noSize: true,
|
|
includeBadges: false,
|
|
})
|
|
allPresets.push(html)
|
|
}
|
|
|
|
const renderings = Utils.Dedup(
|
|
allPresets.map((uiElem) => uiElem.ConstructElement().innerHTML)
|
|
)
|
|
|
|
const properties = {
|
|
lastclick: "yes",
|
|
id: "last_click",
|
|
has_note_layer: layout.layers.some((l) => l.id === "note") ? "yes" : "no",
|
|
has_presets: layout.layers.some((l) => l.presets?.length > 0) ? "yes" : "no",
|
|
renderings: renderings.join(""),
|
|
number_of_presets: "" + renderings.length,
|
|
first_preset: renderings[0],
|
|
}
|
|
this.properties = properties
|
|
location.addCallbackAndRunD(({ lon, lat }) => {
|
|
const point = <Feature<Point>>{
|
|
type: "Feature",
|
|
properties,
|
|
geometry: {
|
|
type: "Point",
|
|
coordinates: [lon, lat],
|
|
},
|
|
}
|
|
this.features.setData([point])
|
|
})
|
|
}
|
|
}
|