forked from MapComplete/MapComplete
112 lines
No EOL
4.3 KiB
TypeScript
112 lines
No EOL
4.3 KiB
TypeScript
import {TagRenderingOptions} from "../TagRendering";
|
|
import {LayerDefinition} from "../LayerDefinition";
|
|
import {Tag} from "../../Logic/TagsFilter";
|
|
import L from "leaflet";
|
|
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
|
|
import {NameQuestion} from "../Questions/NameQuestion";
|
|
|
|
export class BikeShop extends LayerDefinition {
|
|
|
|
|
|
private readonly sellsBikes = new Tag("service:bicycle:retail", "yes");
|
|
private readonly repairsBikes = new Tag("service:bicycle:repair", "yes");
|
|
|
|
constructor() {
|
|
super(
|
|
{
|
|
name: "bike shop or repair",
|
|
icon: "assets/bike/repair_shop.svg",
|
|
minzoom: 14,
|
|
overpassFilter: new Tag("shop", "bicycle"),
|
|
newElementTags: [new Tag("shop", "bicycle")]
|
|
}
|
|
);
|
|
|
|
this.title = new TagRenderingOptions({
|
|
mappings: [
|
|
{k: this.sellsBikes, txt: "Bicycle shop"},
|
|
{k: new Tag("service:bicycle:retail", "no"), txt: "Bicycle repair"},
|
|
{k: new Tag("service:bicycle:retail", ""), txt: "Bicycle repair/shop"},
|
|
]
|
|
})
|
|
|
|
|
|
this.elementsToShow = [
|
|
new ImageCarouselWithUploadConstructor(),
|
|
new TagRenderingOptions({
|
|
question: "What is the name of this bicycle shop?",
|
|
freeform: {
|
|
key: "name",
|
|
renderTemplate: "The name of this bicycle shop is {name}",
|
|
template: "The name of this bicycle shop is $$$"
|
|
}
|
|
}),
|
|
|
|
new TagRenderingOptions({
|
|
question: "Can one buy a bike here?",
|
|
mappings: [
|
|
{k: this.sellsBikes, txt: "Bikes are sold here"},
|
|
{k: new Tag("service:bicycle:retail", "no"), txt: "No bikes are sold here"},
|
|
]
|
|
}),
|
|
|
|
new TagRenderingOptions({
|
|
question: "Can one buy a new bike here?",
|
|
mappings: [
|
|
{k: new Tag("service:bicycle:second_hand", "yes"), txt: "Second-hand bikes are sold here"},
|
|
{k: new Tag("service:bicycle:second_hand", "only"), txt: "All bicycles sold here are second-hand"},
|
|
{k: new Tag("service:bicycle:second_hand", "no"), txt: "Only brand new bikes are sold here"},
|
|
]
|
|
}).OnlyShowIf(this.sellsBikes),
|
|
|
|
|
|
new TagRenderingOptions({
|
|
question: "Does this shop repair bicycles?",
|
|
mappings: [
|
|
{k: this.repairsBikes, txt: "Bikes are repaired here, by the shop owner (for a fee)"},
|
|
{k: new Tag("service:bicycle:repair", "only_sold"), txt: "Only bikes that were bought here, are repaired"},
|
|
{k: new Tag("service:bicycle:repair", "brand"), txt: "Only bikes of a fixed brand are repaired here"},
|
|
{k: new Tag("service:bicycle:repair", "no"), txt: "Bikes are not repaired here"},
|
|
]
|
|
}),
|
|
|
|
new TagRenderingOptions({
|
|
question: "Can one hire a new bike here?",
|
|
mappings: [
|
|
{k: new Tag("service:bicycle:rental", "yes"), txt: "Bikes can be rented here"},
|
|
{k: new Tag("service:bicycle:rental", "no"), txt: "Bikes cannot be rented here"},
|
|
]
|
|
}).OnlyShowIf(this.sellsBikes),
|
|
|
|
new TagRenderingOptions({
|
|
question: "Are there tools here so that one can repair their own bike?",
|
|
mappings: [
|
|
{k: new Tag("service:bicycle:diy", "yes"), txt: "Tools for DIY are available here"},
|
|
{k: new Tag("service:bicycle:diy", "no"), txt: "No tools for DIY are available here"},
|
|
]
|
|
}),
|
|
]
|
|
|
|
|
|
this.style = (tags) => {
|
|
let icon = "assets/bike/repair_shop.svg";
|
|
|
|
if (this.sellsBikes.matchesProperties(tags)) {
|
|
icon = "assets/bike/shop.svg";
|
|
}
|
|
|
|
return {
|
|
color: "#ff0000",
|
|
icon: L.icon({
|
|
iconUrl: icon,
|
|
iconSize: [50, 50],
|
|
iconAnchor: [25, 50]
|
|
})
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
} |