mapcomplete/Customizations/Layers/Park.ts

110 lines
3.6 KiB
TypeScript
Raw Normal View History

2020-06-24 00:35:19 +02:00
import {LayerDefinition} from "../LayerDefinition";
import {Or, Tag} from "../../Logic/Tags";
2020-07-05 18:59:47 +02:00
import {NameQuestion} from "../Questions/NameQuestion";
import {NameInline} from "../Questions/NameInline";
import {DescriptionQuestion} from "../Questions/DescriptionQuestion";
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
2020-07-31 17:38:03 +02:00
import {TagRenderingOptions} from "../TagRenderingOptions";
2020-06-24 00:35:19 +02:00
export class Park extends LayerDefinition {
2020-07-08 16:11:40 +02:00
2020-07-08 11:23:36 +02:00
private accessByDefault = new TagRenderingOptions({
question: "Is dit park publiek toegankelijk?",
mappings: [
2020-07-08 16:11:40 +02:00
{k: new Tag("access", "yes"), txt: "Publiek toegankelijk"},
2020-09-09 18:42:13 +02:00
{k: new Tag("access", ""), txt: "Publiek toegankelijk", hideInAnswer: true},
2020-07-08 16:11:40 +02:00
{k: new Tag("access", "no"), txt: "Niet publiek toegankelijk"},
{k: new Tag("access", "private"), txt: "Niet publiek toegankelijk, want privaat"},
{k: new Tag("access", "guided"), txt: "Enkel toegankelijk met een gids of op een activiteit"},
],
freeform: {
key: "access",
renderTemplate: "Dit park is niet toegankelijk: {access}",
template: "De toegankelijkheid van dit park is: $$$"
},
priority: 20
2020-07-08 11:23:36 +02:00
})
2020-07-08 16:11:40 +02:00
private operatorByDefault = new
TagRenderingOptions({
question: "Wie beheert dit park?",
freeform: {
key: "operator",
renderTemplate: "Dit park wordt beheerd door {operator}",
template: "$$$",
},
mappings: [{
k: null, txt: "De gemeente beheert dit park"
}],
priority: 15
2020-07-08 16:11:40 +02:00
});
2020-06-24 00:35:19 +02:00
constructor() {
2020-07-31 04:58:58 +02:00
super("park");
this.name = "Park";
this.icon = undefined;
2020-07-05 18:59:47 +02:00
this.overpassFilter =
new Or([new Tag("leisure", "park"), new Tag("landuse", "village_green")]);
this.presets = [{
title: "Park",
description: "Voeg een ontbrekend park toe. Een park is een groene ruimte die openbaar is." +
"Typisch vind je er banken, vuilbakken, standbeelden, ... ",
tags: [new Tag("leisure", "park"),
new Tag("fixme", "Toegevoegd met MapComplete, geometry nog uit te tekenen")]
}];
2020-06-28 23:33:48 +02:00
this.maxAllowedOverlapPercentage = 25;
2020-06-24 00:35:19 +02:00
this.minzoom = 13;
this.style = this.generateStyleFunction();
2020-09-09 18:42:13 +02:00
this.title = new NameInline("Park");
this.elementsToShow = [
new ImageCarouselWithUploadConstructor(),
new NameQuestion(),
2020-07-08 16:11:40 +02:00
this.accessByDefault,
this.operatorByDefault,
new DescriptionQuestion("park"),
2020-07-08 16:07:16 +02:00
2020-07-08 11:23:36 +02:00
];
2020-06-24 00:35:19 +02:00
}
2020-06-24 00:35:19 +02:00
private generateStyleFunction() {
const self = this;
return function (properties: any) {
let questionSeverity = 0;
2020-07-05 18:59:47 +02:00
for (const qd of self.elementsToShow) {
if (qd instanceof DescriptionQuestion) {
continue;
}
2020-07-05 18:59:47 +02:00
if (qd.IsQuestioning(properties)) {
questionSeverity = Math.max(questionSeverity, qd.Priority() ?? 0);
2020-06-24 00:35:19 +02:00
}
}
let colormapping = {
0: "#00bb00",
1: "#00ff00",
10: "#dddd00",
20: "#ff0000"
};
let colour = colormapping[questionSeverity];
while (colour == undefined) {
questionSeverity--;
2020-07-05 18:59:47 +02:00
colour = colormapping[questionSeverity];
2020-06-24 00:35:19 +02:00
}
return {
color: colour,
icon: undefined
2020-06-24 00:35:19 +02:00
};
};
}
}