Groups and Order of Fields in Layer Editor

[lukasmartinelli]

The layer editor is a very crucial part.

How it works now is that I just take all the fields from the spec for the layer type and then just displays the fields.
This does not work well for many fields.

Also properties can depend on each other! So some properties are not relevant if an other is active.

Given the different importance of properties and that they are related to each other means

• Specify an order for the fields per layer type
• Specify groups for fields per layer type

This order and groups can be declared in a JSON file and used together with the spec.

{
  "layerTypes": {
    "line": {
      "groups": [
        {
          "title": "Essentials",
          "fields": [
            "line-color",
            ...
          ]
        },
        {
          "title": "Options",
          "fields": [
            "line-dasharray",
            "line-gap-width",
            ...
          ]
        }
      ]
    },
    "fill": {
      "groups": [
        {
          "title": "Essentials",
          "fields": [
            "fill-color",
            "fill-pattern",
            "fill-opacity",
            "fill-translate"
          ]
        },
        {
          "title": "Stroke",
          "fields": [
            "fill-antialias",
            "fill-outline-color"
          ]
        }
      ]
    },
    ...
  }
}

[lukasmartinelli]

Fields per layer type and how they are grouped is configurable via a JSON file. https://github.com/maputnik/editor/blob/master/src/config/layout.json
This also allows creating custom configs to exclude properties that don't work e.g. with OpenLayers3.