91 lines
3.5 KiB
TypeScript
91 lines
3.5 KiB
TypeScript
import { LayerDefinition } from "../LayerDefinition";
|
|
import Translations from "../../UI/i18n/Translations";
|
|
import {And, Tag, Or} from "../../Logic/TagsFilter";
|
|
import FixedText from "../Questions/FixedText";
|
|
import { ImageCarouselWithUploadConstructor } from "../../UI/Image/ImageCarouselWithUpload";
|
|
import ShopRetail from "../Questions/bike/ShopRetail";
|
|
import ShopPump from "../Questions/bike/ShopPump";
|
|
import ShopRental from "../Questions/bike/ShopRental";
|
|
import ShopRepair from "../Questions/bike/ShopRepair";
|
|
import ShopDiy from "../Questions/bike/ShopDiy";
|
|
import ShopName from "../Questions/bike/ShopName";
|
|
import ShopSecondHand from "../Questions/bike/ShopSecondHand";
|
|
import { TagRenderingOptions } from "../TagRendering";
|
|
import {PhoneNumberQuestion} from "../Questions/PhoneNumberQuestion";
|
|
import Website from "../Questions/Website";
|
|
import {EmailQuestion} from "../Questions/EmailQuestion";
|
|
|
|
|
|
export default class BikeShops extends LayerDefinition {
|
|
private readonly sellsBikes = new Tag("service:bicycle:retail", "yes")
|
|
private readonly repairsBikes = new Tag("service:bicycle:repair", "yes")
|
|
|
|
constructor() {
|
|
super();
|
|
this.name = Translations.t.cyclofix.shop.name
|
|
this.icon = "./assets/bike/repair_shop.svg"
|
|
this.overpassFilter = new Tag("shop", "bicycle");
|
|
this.presets = [{
|
|
title: Translations.t.cyclofix.shop.title,
|
|
icon: "/assets/bike/repair_shop.svg",
|
|
tags: [
|
|
new Tag("shop", "bicycle"),
|
|
]
|
|
}]
|
|
this.maxAllowedOverlapPercentage = 10
|
|
this.wayHandling = LayerDefinition.WAYHANDLING_CENTER_AND_WAY
|
|
|
|
this.minzoom = 13;
|
|
this.style = this.generateStyleFunction();
|
|
this.title = new TagRenderingOptions({
|
|
mappings: [
|
|
{k: new And([new Tag("name", "*"), this.sellsBikes]), txt: Translations.t.cyclofix.shop.titleShopNamed},
|
|
{
|
|
k: new And([new Tag("name", "*"), new Tag("service:bicycle:retail", "")]),
|
|
txt: Translations.t.cyclofix.shop.titleShop
|
|
},
|
|
{
|
|
k: new And([new Tag("name", "*"), new Tag("service:bicycle:retail", "no")]),
|
|
txt: Translations.t.cyclofix.shop.titleRepairNamed
|
|
},
|
|
{k: this.sellsBikes, txt: Translations.t.cyclofix.shop.titleShop},
|
|
{k: new Tag("service:bicycle:retail", " "), txt: Translations.t.cyclofix.shop.title},
|
|
{k: new Tag("service:bicycle:retail", "no"), txt: Translations.t.cyclofix.shop.titleRepair},
|
|
]
|
|
})
|
|
|
|
this.elementsToShow = [
|
|
new ImageCarouselWithUploadConstructor(),
|
|
new ShopName(),
|
|
new Website("{name}"),
|
|
new PhoneNumberQuestion("{name}"),
|
|
new EmailQuestion("{name}"),
|
|
new ShopRetail(),
|
|
new ShopRental(),
|
|
new ShopRepair(),
|
|
new ShopPump(),
|
|
new ShopDiy(),
|
|
new ShopSecondHand()
|
|
]
|
|
}
|
|
|
|
private generateStyleFunction() {
|
|
const self = this;
|
|
return function (tags: any) {
|
|
let icon = "assets/bike/repair_shop.svg";
|
|
|
|
if (self.sellsBikes.matchesProperties(tags)) {
|
|
icon = "assets/bike/shop.svg";
|
|
}
|
|
|
|
return {
|
|
color: "#00bb00",
|
|
icon: {
|
|
iconUrl: icon,
|
|
iconSize: [50, 50],
|
|
iconAnchor: [25, 50]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|