50 lines
1.7 KiB
TypeScript
50 lines
1.7 KiB
TypeScript
import { UIEventSource } from "../../Logic/UIEventSource"
|
|
import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
|
|
import { SpecialVisualization, SpecialVisualizationState } from "../SpecialVisualization"
|
|
import SvelteUIElement from "../Base/SvelteUIElement"
|
|
import ShareButton from "../Base/ShareButton.svelte"
|
|
|
|
export class ShareLinkViz implements SpecialVisualization {
|
|
funcName = "share_link"
|
|
docs = "Creates a link that (attempts to) open the native 'share'-screen"
|
|
example =
|
|
"{share_link()} to share the current page, {share_link(<some_url>)} to share the given url"
|
|
args = [
|
|
{
|
|
name: "url",
|
|
doc: "The url to share (default: current URL)",
|
|
},
|
|
]
|
|
|
|
public constr(
|
|
state: SpecialVisualizationState,
|
|
tagSource: UIEventSource<Record<string, string>>,
|
|
args: string[]
|
|
) {
|
|
const generateShareData = () => {
|
|
const title = state?.layout?.title?.txt ?? "MapComplete"
|
|
|
|
let matchingLayer: LayerConfig = state?.layout?.getMatchingLayer(tagSource?.data)
|
|
let name =
|
|
matchingLayer?.title?.GetRenderValue(tagSource.data)?.Subs(tagSource.data)?.txt ??
|
|
tagSource.data?.name ??
|
|
"POI"
|
|
if (name) {
|
|
name = `${name} (${title})`
|
|
} else {
|
|
name = title
|
|
}
|
|
let url = args[0] ?? ""
|
|
if (url === "") {
|
|
url = window.location.href
|
|
}
|
|
return {
|
|
title: name,
|
|
url: url,
|
|
text: state?.layout?.shortDescription?.txt ?? "MapComplete",
|
|
}
|
|
}
|
|
|
|
return new SvelteUIElement(ShareButton, { generateShareData })
|
|
}
|
|
}
|