From 5295e931a5628be4a9734c1f649518eb7143c9ba Mon Sep 17 00:00:00 2001 From: David Larlet Date: Fri, 1 Mar 2024 11:07:28 -0500 Subject: [PATCH] wip(forms): remove defaultOptions from builder --- umap/static/umap/js/umap.features.js | 14 +++--- umap/static/umap/js/umap.forms.js | 65 +++++++++++++++------------- 2 files changed, 45 insertions(+), 34 deletions(-) diff --git a/umap/static/umap/js/umap.features.js b/umap/static/umap/js/umap.features.js index 16ea166d..94958370 100644 --- a/umap/static/umap/js/umap.features.js +++ b/umap/static/umap/js/umap.features.js @@ -103,11 +103,15 @@ U.FeatureMixin = { L._('Feature properties') ) - let builder = new U.FormBuilder(this, ['datalayer'], { - callback: function () { - this.edit(e) - }, // removeLayer step will close the edit panel, let's reopen it - }) + let builder = new U.FormBuilder( + this, + [['datalayer', { handler: 'DataLayerSwitcher' }]], + { + callback: function () { + this.edit(e) + }, // removeLayer step will close the edit panel, let's reopen it + } + ) container.appendChild(builder.build()) const properties = [] diff --git a/umap/static/umap/js/umap.forms.js b/umap/static/umap/js/umap.forms.js index ab960169..5031e152 100644 --- a/umap/static/umap/js/umap.forms.js +++ b/umap/static/umap/js/umap.forms.js @@ -977,37 +977,44 @@ U.FormBuilder = L.FormBuilder.extend({ className: 'umap-form', }, - defaultOptions: { - color: { handler: 'ColorPicker' }, - fillColor: { handler: 'ColorPicker' }, - iconUrl: { handler: 'IconUrl' }, - datalayer: { handler: 'DataLayerSwitcher' }, - datalayersControl: { handler: 'DataLayersControl' }, - licence: { handler: 'LicenceChooser' }, - }, - computeDefaultOptions: function () { for (let [key, schema] of Object.entries(U.SCHEMA)) { - schema = L.Util.extend({}, schema, this.defaultOptions[key]) - if (!schema.handler) { - if (schema.type === Boolean) { - if (schema.nullable) schema.handler = 'NullableChoices' - else schema.handler = 'Switch' - } else if (schema.type === 'Text') { - schema.handler = 'Textarea' - } else if (schema.type === Number) { - if (schema.step) schema.handler = 'Range' - else schema.handler = 'IntInput' - } else if (schema.choices) { - const text_length = schema.choices.reduce((acc, [value, label]) => acc + label.length, 0) - // Try to be smart and use MultiChoice only - // for choices where labels are shorts… - if (text_length < 40) { - schema.handler = 'MultiChoice' - } else { - schema.handler = 'Select' - schema.selectOptions = schema.choices - } + if (schema.type === Boolean) { + if (schema.nullable) schema.handler = 'NullableChoices' + else schema.handler = 'Switch' + } else if (schema.type === 'Text') { + schema.handler = 'Textarea' + } else if (schema.type === Number) { + if (schema.step) schema.handler = 'Range' + else schema.handler = 'IntInput' + } else if (schema.choices) { + const text_length = schema.choices.reduce( + (acc, [value, label]) => acc + label.length, + 0 + ) + // Try to be smart and use MultiChoice only + // for choices where labels are shorts… + if (text_length < 40) { + schema.handler = 'MultiChoice' + } else { + schema.handler = 'Select' + schema.selectOptions = schema.choices + } + } else { + switch (key) { + case 'color': + case 'fillColor': + schema.handler = 'ColorPicker' + break + case 'iconUrl': + schema.handler = 'IconUrl' + break + case 'datalayersControl': + schema.handler = 'DataLayersControl' + break + case 'licence': + schema.handler = 'LicenceChooser' + break } } // FormBuilder use this key for the input type itself