leaflet-styleeditor/src/javascript/FormElements/SizeElement.js

Edit the style of features drawn within Leaflet.

import 'leaflet'

/**
 * FormElement to set style of an icon
 */
export default function setupSizeElement () {
  L.StyleEditor.formElements.SizeElement = L.StyleEditor.formElements.FormElement.extend({

    /** create the 3 standard icon sizes */
    createContent: function () {
      let uiElement = this.options.uiElement
      let select = L.DomUtil.create('div', 'leaflet-styleeditor-sizeicon sizeicon-small', uiElement)
      L.DomEvent.addListener(select, 'click', function () {
        this.setStyle(this.options.styleEditorOptions.markerType.options.size.small)
      }, this)

      select = L.DomUtil.create('div', 'leaflet-styleeditor-sizeicon sizeicon-medium', uiElement)
      L.DomEvent.addListener(select, 'click', function () {
        this.setStyle(this.options.styleEditorOptions.markerType.options.size.medium)
      }, this)

      select = L.DomUtil.create('div', 'leaflet-styleeditor-sizeicon sizeicon-large', uiElement)
      L.DomEvent.addListener(select, 'click', function () {
        this.setStyle(this.options.styleEditorOptions.markerType.options.size.large)
      }, this)
    }
  })
}