midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Styling tweaks for speelplekken theme

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-04-23 12:59:09 +02:00
parent bc26805d69
commit 20386b7c0b
6 changed files with 97 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Models/Constants.ts
View file

@ -2,7 +2,7 @@ import { Utils } from "../Utils";
export default class Constants {
public static vNumber = "0.6.11";
public static vNumber = "0.6.11a";
// The user journey states thresholds when a new feature gets unlocked
public static userJourney = {

42
Svg.ts
View file

File diff suppressed because one or more lines are too long

14
assets/layers/slow_roads/slow_roads.json
View file

@ -157,7 +157,7 @@
"mappings": []
},
"width": {
"render": "4"
"render": "7"
},
"dashArray": {
"render": "",
@ -168,19 +168,15 @@
},
{
"if": "highway=path",
"then": "10 3"
"then": "0 12"
},
{
"if": "highway=footway",
"then": "10 10"
},
{
"if": "highway=pedestrian",
"then": "10 10"
"if": {"or":["highway=footway","highway=pedestrian"]},
"then": "12 18"
},
{
"if": "highway=living_street",
"then": "10 5 3 5"
"then": "12 12 0 12"
}
]
},

4
assets/themes/speelplekken/speelplekken.json
View file

@ -13,7 +13,7 @@
"nl"
],
"maintainer": "MapComplete",
"icon": "./assets/layers/play_forest/icon.svg",
"icon": "./assets/themes/speelplekken/logo.svg",
"hideFromOverview": true,
"lockLocation": true,
"version": "0",
@ -186,7 +186,7 @@
]
},
"width": {
"render": "3"
"render": "9"
}
}
],

2
package.json
View file

@ -15,7 +15,7 @@
"generate:translations": "ts-node scripts/generateTranslations.ts",
"generate:layouts": "ts-node scripts/generateLayouts.ts",
"generate:docs": "ts-node scripts/generateDocs.ts && ts-node scripts/generateTaginfoProjectFiles.ts",
"generate:cache:speelplekken": "ts-node scripts/generateCache.ts speelplekken 14 ../pietervdvn.github.io/speelplekken_cache/ 51.20 4.37 51.11 4.51",
"generate:cache:speelplekken": "ts-node scripts/generateCache.ts speelplekken 14 ../pietervdvn.github.io/speelplekken_cache/ 51.22 4.30 51.08 4.55",
"generate:layeroverview": "ts-node scripts/generateLayerOverview.ts --no-fail",
"generate:licenses": "ts-node scripts/generateLicenseInfo.ts --no-fail",
"validate:layeroverview": "ts-node scripts/generateLayerOverview.ts --report",

84
test.html
View file

@ -15,10 +15,88 @@
</head>
<body>
<div id="maindiv">'maindiv' not attached</div>
<div id="maindiv">'maindiv' not attached</div>
<div id="extradiv">'extradiv' not attached</div>
<script>
const cacheElement = {
"freshness": "2021-04-21T09:50:28.000Z",
feature:
{
"type": "Feature",
"id": "way/912515518",
"properties": {
"id": "way/912515518",
"name": "Speelbos De Reukens",
"playground": "forest",
"leisure": "playground",
"operator": "The world!"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
4.378341436386108,
51.120101600003316
],
[
4.378175139427185,
51.11954264284114
],
[
4.3786633014678955,
51.119963544947566
],
[
4.379317760467529,
51.119525806677146
],
[
4.379017353057861,
51.11997027935011
],
[
4.379714727401733,
51.12028679516189
],
[
4.379006624221802,
51.120313732577664
],
[
4.378706216812134,
51.120744729093836
],
[
4.378384351730347,
51.120306998225196
],
[
4.377686977386475,
51.120306998225196
],
[
4.378341436386108,
51.120101600003316
]
]
]
}
}
}
const cache = [cacheElement]
localStorage.setItem("cached-featuresspeelplekken", JSON.stringify(cache))
</script>
<script src="./test.ts"></script>
<iframe src="http://127.0.0.1:1234/index.html" height="500px" width="600px"></iframe>
<iframe src="http://127.0.0.1:1234/index.html?layout=bookcases&fs-userbadge=false&fs-search=false&fs-welcome-message=false&fs-layers=false&fs-geolocation=false" height="500px" width="600px"></iframe>
<iframe src="http://127.0.0.1:1234/index.html" height="500px" width="600px"></iframe>
<iframe src="http://127.0.0.1:1234/index.html?layout=bookcases&fs-userbadge=false&fs-search=false&fs-welcome-message=false&fs-layers=false&fs-geolocation=false"
height="500px" width="600px"></iframe>
</body>
</html>