56 lines
1.9 KiB
TypeScript
56 lines
1.9 KiB
TypeScript
import {UIEventSource} from "../../Logic/UIEventSource";
|
|
import LayerConfig from "../../Models/ThemeConfig/LayerConfig";
|
|
import ShareButton from "../BigComponents/ShareButton";
|
|
import Svg from "../../Svg";
|
|
import {FixedUiElement} from "../Base/FixedUiElement";
|
|
import {SpecialVisualization} from "../SpecialVisualization";
|
|
|
|
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, tagSource: UIEventSource<any>, args) {
|
|
if (window.navigator.share) {
|
|
const generateShareData = () => {
|
|
const title = state?.layoutToUse?.title?.txt ?? "MapComplete"
|
|
|
|
let matchingLayer: LayerConfig = state?.layoutToUse?.getMatchingLayer(
|
|
tagSource?.data
|
|
)
|
|
let name =
|
|
matchingLayer?.title?.GetRenderValue(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?.layoutToUse?.shortDescription?.txt ?? "MapComplete",
|
|
}
|
|
}
|
|
|
|
return new ShareButton(
|
|
Svg.share_svg().SetClass("w-8 h-8"),
|
|
generateShareData
|
|
)
|
|
} else {
|
|
return new FixedUiElement("")
|
|
}
|
|
}
|
|
}
|