forked from MapComplete/MapComplete
Merge latest master
This commit is contained in:
commit
63b4fe0ee1
24 changed files with 324 additions and 171 deletions
|
@ -10,7 +10,7 @@ import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWi
|
|||
export default class BikeParkings extends LayerDefinition {
|
||||
constructor() {
|
||||
super();
|
||||
this.name = "bike_parking";
|
||||
this.name = "bike parking";
|
||||
this.icon = "./assets/bike/parking.svg";
|
||||
this.overpassFilter = new Tag("amenity", "bicycle_parking");
|
||||
this.newElementTags = [
|
||||
|
@ -20,10 +20,10 @@ export default class BikeParkings extends LayerDefinition {
|
|||
|
||||
this.minzoom = 13;
|
||||
this.style = this.generateStyleFunction();
|
||||
this.title = new FixedText("Fietsparking");
|
||||
this.title = new FixedText("Bicycle parking");
|
||||
this.elementsToShow = [
|
||||
new ImageCarouselWithUploadConstructor(),
|
||||
new OperatorTag(),
|
||||
// new OperatorTag(),
|
||||
new ParkingType()
|
||||
];
|
||||
|
||||
|
@ -36,7 +36,8 @@ export default class BikeParkings extends LayerDefinition {
|
|||
color: "#00bb00",
|
||||
icon: L.icon({
|
||||
iconUrl: self.icon,
|
||||
iconSize: [50, 50]
|
||||
iconSize: [50, 50],
|
||||
iconAnchor: [25,50]
|
||||
})
|
||||
};
|
||||
};
|
||||
|
|
112
Customizations/Layers/BikeShop.ts
Normal file
112
Customizations/Layers/BikeShop.ts
Normal file
|
@ -0,0 +1,112 @@
|
|||
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]
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -73,14 +73,19 @@ export default class BikeStations extends LayerDefinition {
|
|||
}
|
||||
}
|
||||
} else {
|
||||
iconName = "repair_station.svg"
|
||||
if (!self.pump.matchesProperties(properties)) {
|
||||
iconName = "repair_station.svg"
|
||||
} else {
|
||||
iconName = "repair_station.svg"
|
||||
}
|
||||
}
|
||||
const iconUrl = `./assets/bike/${iconName}`
|
||||
return {
|
||||
color: "#00bb00",
|
||||
icon: L.icon({
|
||||
iconUrl: iconUrl,
|
||||
iconSize: [50, 50]
|
||||
iconSize: [50, 50],
|
||||
iconAnchor: [25,50]
|
||||
})
|
||||
};
|
||||
};
|
||||
|
|
|
@ -10,8 +10,8 @@ export class DrinkingWater extends LayerDefinition {
|
|||
|
||||
constructor() {
|
||||
super();
|
||||
this.name = "drinking_water";
|
||||
this.icon = "./assets/bug.svg";
|
||||
this.name = "drinking water";
|
||||
this.icon = "./assets/bike/drinking_water.svg";
|
||||
|
||||
this.overpassFilter = new Or([
|
||||
new And([
|
||||
|
@ -52,7 +52,8 @@ export class DrinkingWater extends LayerDefinition {
|
|||
color: "#00bb00",
|
||||
icon: new L.icon({
|
||||
iconUrl: self.icon,
|
||||
iconSize: [40, 40]
|
||||
iconSize: [50, 50],
|
||||
iconAnchor: [25,50]
|
||||
})
|
||||
};
|
||||
};
|
||||
|
|
|
@ -2,7 +2,8 @@ import {Layout} from "../Layout";
|
|||
import BikeParkings from "../Layers/BikeParkings";
|
||||
import BikeServices from "../Layers/BikeStations";
|
||||
import {GhostBike} from "../Layers/GhostBike";
|
||||
import {DrinkingWater, DrinkingWaterLayer} from "../Layers/DrinkingWater";
|
||||
import {DrinkingWater} from "../Layers/DrinkingWater";
|
||||
import {BikeShop} from "../Layers/BikeShop";
|
||||
|
||||
|
||||
export default class Cyclofix extends Layout {
|
||||
|
@ -10,7 +11,7 @@ export default class Cyclofix extends Layout {
|
|||
super(
|
||||
"pomp",
|
||||
"Cyclofix bicycle infrastructure",
|
||||
[new GhostBike(), new BikeServices(), new BikeParkings(), new DrinkingWater()],
|
||||
[new BikeServices(), new BikeShop(), new DrinkingWater(), new BikeParkings()],
|
||||
16,
|
||||
50.8465573,
|
||||
4.3516970,
|
||||
|
|
|
@ -18,7 +18,7 @@ export default class BikeStationOperator extends TagRenderingOptions {
|
|||
{k: new Tag("operator", "Stad Halle"), txt: "Stad Halle"},
|
||||
{k: new Tag("operator", "Saint Gilles - Sint Gillis"), txt: "Saint Gilles - Sint Gillis"},
|
||||
{k: new Tag("operator", "Jette"), txt: "Jette"},
|
||||
{k: new Tag("operator", "private"), txt: "Beheer door een privépersoon"}
|
||||
{k: new Tag("operator", "private"), txt: "Operated by a private individual"}
|
||||
]
|
||||
});
|
||||
}
|
||||
|
|
|
@ -6,7 +6,7 @@ export default class BikeStationPumpTools extends TagRenderingOptions {
|
|||
constructor() {
|
||||
super({
|
||||
priority: 15,
|
||||
question: "Which services are available at this bike station?",
|
||||
question: "Which services are available here?",
|
||||
mappings: [
|
||||
{k: new And([new Tag("service:bicycle:tools", "no"), new Tag("service:bicycle:pump", "yes")]), txt: "There is only a pump available."},
|
||||
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "no")]), txt: "There are only tools (screwdrivers, pliers...) available."},
|
||||
|
|
|
@ -270,9 +270,9 @@ class TagRendering extends UIElement implements TagDependantUIElement {
|
|||
|
||||
const cancelContents = this._editMode.map((isEditing) => {
|
||||
if (isEditing) {
|
||||
return "<span class='skip-button'>Annuleren</span>";
|
||||
return "<span class='skip-button'>Cancel</span>";
|
||||
} else {
|
||||
return "<span class='skip-button'>Overslaan (Ik weet het niet zeker...)</span>";
|
||||
return "<span class='skip-button'>Skip this question</span>";
|
||||
}
|
||||
});
|
||||
// And at last, set up the skip button
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue