First draft of loading 'notes'

assets/themes/notes/notes.json

@@ -0,0 +1,93 @@
+{
+  "id": "notes",
+  "language": [
+    "en"
+  ],
+  "maintainer": "MapComplete",
+  "startLat": 0,
+  "startLon": 0,
+  "startZoom": 0,
+  "title": "Notes on OpenStreetMap",
+  "version": "0.1",
+  "description": "Notes from OpenStreetMap",
+  "icon": "./assets/themes/notes/resolved.svg",
+  "clustering": false,
+  "layers": [
+    {
+      "id": "notes",
+      "name": {
+        "en": "OpenStreetMap notes"
+      },
+      "description": "Notes on OpenStreetMap.org",
+      "source": {
+        "osmTags": "id~*",
+        "geoJson": "https://api.openstreetmap.org/api/0.6/notes.json?closed=7&bbox={x_min},{y_min},{x_max},{y_max}",
+        "geoJsonZoomLevel": 12,
+        "maxCacheAge": 0
+      },
+      "minzoom": 10,
+      "title": {
+        "render": {
+         "en": "Note"
+        },
+        "mappings": [{
+          "if": "closed_at~*",
+          "then": {
+            "en": "Closed note"
+          }
+        }]
+      },
+      "calculatedTags": [
+        "_first_comment:=feat.get('comments')[0].text",
+        "_conversation=feat.get('comments').map(c => {if(c.user_url == undefined) {return 'anonymous user, '+c.date;} return c.html+'<div class=\"subtle flex justify-end border-b border-gray-500\"><a href=\"'+c.user_url+'\" target=\"_blank\">'+c.user+'</a> &nbsp;'+c.date+'</div>'}).join('')"
+      ],
+      "titleIcons": [{
+        "render": "<a href='https://openstreetmap.org/note/{id}' target='_blank'><img src='./assets/svg/osm-logo-us.svg'></a>"
+      }],
+      "tagRenderings": [
+        {
+          "id": "conversation",
+          "render": "{_conversation}"
+        },
+        {
+          "id": "date_created",
+          "render": {
+            "en": "Opened on {date_created}"
+          }
+        },
+        {
+          "id": "close",
+          "render": "{close_note()}",
+          "condition": "closed_at="
+        }
+      ],
+      "mapRendering": [
+        {
+          "location": [
+            "point",
+            "centroid"
+          ],
+          "icon": {
+            "render": "./assets/themes/notes/note.svg",
+            "mappings": [
+              {
+                "if": "closed_at~*",
+                "then": "./assets/themes/notes/resolved.svg"
+              }
+            ]
+          },
+          
+          "iconSize": "40,40,bottom"
+        }
+      ],
+      "filter": [{
+        "id": "bookcases",
+        "options": [
+          {
+          "osmTags": "_first_comment~.*bookcase.*",
+          "question": "Should mention 'bookcase' in the first comment"
+        }]
+      }]
+    }
+  ]
+}