Added pietervdv's bike shop questions

Customizations/Layers/BikeShops.ts

@@ -8,22 +8,37 @@ 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";
 
 
 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.cylofix.shop.name.txt;
-        this.icon = "./assets/bike/shop.svg";
-        this.overpassFilter = new Tag("shop", "bicycle");
+        super()
+        this.name = Translations.t.cylofix.shop.name.txt
+        this.icon = "./assets/bike/repair_shop.svg"
+        this.overpassFilter = new Tag("shop", "bicycle")
         this.newElementTags = [
             new Tag("shop", "bicycle"),
-        ];
-        this.maxAllowedOverlapPercentage = 10;
+        ]
+        this.maxAllowedOverlapPercentage = 10
 
-        this.minzoom = 13;
-        this.style = this.generateStyleFunction();
-        this.title = new FixedText(Translations.t.cylofix.shop.title.txt)
+        this.minzoom = 13
+        this.style = this.generateStyleFunction()
+        this.title = new TagRenderingOptions({
+            mappings: [
+                {k: this.sellsBikes, txt: "Bicycle shop"},
+                {k: new Tag("service:bicycle:retail", "no"), txt: Translations.t.cylofix.shop.titleRepair.txt},
+                {k: new Tag("service:bicycle:retail", ""), txt: Translations.t.cylofix.shop.title.txt},
+            ]
+        })
+        
+        new FixedText(Translations.t.cylofix.shop.title.txt)
         this.elementsToShow = [
             new ImageCarouselWithUploadConstructor(),
             //new ParkingOperator(),
@@ -31,20 +46,29 @@ export default class BikeShops extends LayerDefinition {
             new ShopRental(),
             new ShopRepair(),
             new ShopPump(),
-        ];
-
+            new ShopDiy(),
+            new ShopName(),
+            new ShopSecondHand()
+        ]
     }
 
     private generateStyleFunction() {
         const self = this;
-        return function (properties: any) {
+        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: L.icon({
                     iconUrl: self.icon,
-                    iconSize: [50, 50]
+                    iconSize: [50, 50],
+                    iconAnchor: [25, 50]
                 })
-            };
-        };
+            }
+        }
     }
 }

Customizations/Questions/bike/ShopDiy.ts

@@ -0,0 +1,19 @@
+import {TagRenderingOptions} from "../../TagRendering";
+import {Tag} from "../../../Logic/TagsFilter";
+import Translations from "../../../UI/i18n/Translations";
+
+
+export default class ShopPump extends TagRenderingOptions {
+    constructor() {
+        const key = 'service:bicycle:diy'
+        const to = Translations.t.cylofix.shop.diy
+        super({
+            priority: 5,
+            question: to.question.Render(),
+            mappings: [
+                {k: new Tag(key, "yes"), txt: to.yes.Render()},
+                {k: new Tag(key, "no"), txt: to.no.Render()},
+            ]
+        });
+    }
+}

Customizations/Questions/bike/ShopName.ts

@@ -0,0 +1,18 @@
+import {TagRenderingOptions} from "../../TagRendering";
+import Translations from "../../../UI/i18n/Translations";
+
+
+export default class ShopPump extends TagRenderingOptions {
+    constructor() {
+        const to = Translations.t.cylofix.shop.qName
+        super({
+            priority: 5,
+            question: to.question.Render(),
+            freeform: {
+                key: "name",
+                renderTemplate: to.render.txt,
+                template: to.template.txt
+            }
+        })
+    }
+}

Customizations/Questions/bike/ShopRepair.ts

@@ -12,6 +12,8 @@ export default class ShopRepair extends TagRenderingOptions {
             question: to.question.Render(),
             mappings: [
                 {k: new Tag(key, "yes"), txt: to.yes.Render()},
+                {k: new Tag(key, "only_sold"), txt: to.sold.Render()},
+                {k: new Tag(key, "brand"), txt: to.brand.Render()},
                 {k: new Tag(key, "no"), txt: to.no.Render()},
             ]
         });

Customizations/Questions/bike/ShopSecondHand.ts

@@ -0,0 +1,20 @@
+import {TagRenderingOptions} from "../../TagRendering";
+import {Tag} from "../../../Logic/TagsFilter";
+import Translations from "../../../UI/i18n/Translations";
+
+
+export default class ShopPump extends TagRenderingOptions {
+    constructor() {
+        const key = 'service:bicycle:second_hand'
+        const to = Translations.t.cylofix.shop.secondHand
+        super({
+            priority: 5,
+            question: to.question.Render(),
+            mappings: [
+                {k: new Tag(key, "yes"), txt: to.yes.Render()},
+                {k: new Tag(key, "no"), txt: to.no.Render()},
+                {k: new Tag(key, "only"), txt: to.only.Render()},
+            ]
+        });
+    }
+}