forked from MapComplete/MapComplete
117 lines
4.6 KiB
TypeScript
117 lines
4.6 KiB
TypeScript
import {UIEventSource} from "../../Logic/UIEventSource";
|
|
import LayerConfig from "../../Customizations/JSON/LayerConfig";
|
|
import EditableTagRendering from "./EditableTagRendering";
|
|
import QuestionBox from "./QuestionBox";
|
|
import Combine from "../Base/Combine";
|
|
import TagRenderingAnswer from "./TagRenderingAnswer";
|
|
import State from "../../State";
|
|
import TagRenderingConfig from "../../Customizations/JSON/TagRenderingConfig";
|
|
import ScrollableFullScreen from "../Base/ScrollableFullScreen";
|
|
import {Tag} from "../../Logic/Tags/Tag";
|
|
import Constants from "../../Models/Constants";
|
|
import SharedTagRenderings from "../../Customizations/SharedTagRenderings";
|
|
import BaseUIElement from "../BaseUIElement";
|
|
import {VariableUiElement} from "../Base/VariableUIElement";
|
|
import DeleteWizard from "./DeleteWizard";
|
|
|
|
export default class FeatureInfoBox extends ScrollableFullScreen {
|
|
|
|
public constructor(
|
|
tags: UIEventSource<any>,
|
|
layerConfig: LayerConfig,
|
|
) {
|
|
super(() => FeatureInfoBox.GenerateTitleBar(tags, layerConfig),
|
|
() => FeatureInfoBox.GenerateContent(tags, layerConfig),
|
|
undefined);
|
|
|
|
if (layerConfig === undefined) {
|
|
throw "Undefined layerconfig";
|
|
}
|
|
|
|
}
|
|
|
|
private static GenerateTitleBar(tags: UIEventSource<any>,
|
|
layerConfig: LayerConfig): BaseUIElement {
|
|
const title = new TagRenderingAnswer(tags, layerConfig.title ?? new TagRenderingConfig("POI", undefined))
|
|
.SetClass("break-words font-bold sm:p-0.5 md:p-1 sm:p-1.5 md:p-2");
|
|
const titleIcons = new Combine(
|
|
layerConfig.titleIcons.map(icon => new TagRenderingAnswer(tags, icon,
|
|
"block w-8 h-8 align-baseline box-content sm:p-0.5", "width: 2rem;")
|
|
))
|
|
.SetClass("flex flex-row flex-wrap pt-0.5 sm:pt-1 items-center mr-2")
|
|
|
|
return new Combine([
|
|
new Combine([title, titleIcons]).SetClass("flex flex-col sm:flex-row flex-grow justify-between")
|
|
])
|
|
}
|
|
|
|
private static GenerateContent(tags: UIEventSource<any>,
|
|
layerConfig: LayerConfig): BaseUIElement {
|
|
let questionBox: BaseUIElement = undefined;
|
|
|
|
if (State.state.featureSwitchUserbadge.data) {
|
|
questionBox = new QuestionBox(tags, layerConfig.tagRenderings, layerConfig.units);
|
|
}
|
|
|
|
let questionBoxIsUsed = false;
|
|
const renderings: BaseUIElement[] = layerConfig.tagRenderings.map(tr => {
|
|
if (tr.question === null) {
|
|
// This is the question box!
|
|
questionBoxIsUsed = true;
|
|
return questionBox;
|
|
}
|
|
return new EditableTagRendering(tags, tr, layerConfig.units);
|
|
});
|
|
if (!questionBoxIsUsed) {
|
|
renderings.push(questionBox);
|
|
}
|
|
|
|
const hasMinimap = layerConfig.tagRenderings.some(tr => tr.hasMinimap())
|
|
if (!hasMinimap) {
|
|
renderings.push(new TagRenderingAnswer(tags, SharedTagRenderings.SharedTagRendering.get("minimap")))
|
|
}
|
|
|
|
if (layerConfig.deletion) {
|
|
renderings.push(
|
|
new VariableUiElement(tags.map(tags => tags.id).map(id =>
|
|
new DeleteWizard(
|
|
id,
|
|
layerConfig.deletion
|
|
))
|
|
))
|
|
}
|
|
|
|
renderings.push(
|
|
new VariableUiElement(
|
|
State.state.osmConnection.userDetails
|
|
.map(ud => ud.csCount)
|
|
.map(csCount => {
|
|
if (csCount <= Constants.userJourney.historyLinkVisible
|
|
&& State.state.featureSwitchIsDebugging.data == false
|
|
&& State.state.featureSwitchIsTesting.data === false) {
|
|
return undefined
|
|
}
|
|
|
|
return new TagRenderingAnswer(tags, SharedTagRenderings.SharedTagRendering.get("last_edit"));
|
|
|
|
}, [State.state.featureSwitchIsDebugging, State.state.featureSwitchIsTesting])
|
|
)
|
|
)
|
|
|
|
|
|
renderings.push(
|
|
new VariableUiElement(
|
|
State.state.featureSwitchIsDebugging.map(isDebugging => {
|
|
if (isDebugging) {
|
|
const config: TagRenderingConfig = new TagRenderingConfig({render: "{all_tags()}"}, new Tag("id", ""), "");
|
|
return new TagRenderingAnswer(tags, config)
|
|
}
|
|
})
|
|
)
|
|
)
|
|
|
|
return new Combine(renderings).SetClass("block")
|
|
|
|
}
|
|
|
|
}
|