import {LayerDefinition} from "../LayerDefinition"; import {Tag} from "../../Logic/TagsFilter"; import {FixedUiElement} from "../../UI/Base/FixedUiElement"; import {TagRenderingOptions} from "../TagRendering"; import FixedText from "../Questions/FixedText"; import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload"; import L from "leaflet"; export class GhostBike extends LayerDefinition { constructor() { super(); this.name = "ghost bike"; this.overpassFilter = new Tag("memorial", "ghost_bike") this.title = new FixedText("Ghost bike"); this.elementsToShow = [ new FixedText("A ghost bike is a memorial for a cyclist who died in a traffic accident," + " in the form of a white bicycle placed permanently near the accident location."), new ImageCarouselWithUploadConstructor(), new TagRenderingOptions({ question: "Whom is remembered by this ghost bike?" + "" + "
" + "Please respect privacy - only fill out the name if it is widely published or marked on the cycle." + "
", mappings: [{k: new Tag("noname", "yes"), txt: "There is no name marked on the bike"},], freeform: { key: "name", extraTags: new Tag("noname", ""), template: "$$$", renderTemplate: "In the remembrance of {name}", } }), new TagRenderingOptions({ question: "When was the ghost bike installed?", freeform: { key: "start_date", template: "The ghost bike was placed on $$$", // TODO create a date picker renderTemplate: "The ghost bike was placed on {start_date}", } }), new TagRenderingOptions({ question: "On what URL can more information be found?" + "If available, add a link to a news report about the accident or about the placing of the ghost bike", freeform: { key: "source", template: "More information available on $$$", renderTemplate: "More information", } }), ]; this.style = (tags: any) => { return { color: "#000000", icon: L.icon({ iconUrl: 'assets/bike/ghost.svg', iconSize: [40, 40], iconAnchor: [20, 20], }) } }; } }