diff --git a/CHANGELOG.md b/CHANGELOG.md index 25d854f..d180a37 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ + +# [1.1.1](https://github.com/flextype-plugins/form/compare/v1.1.0...v1.1.1) (2020-06-10) + +### Bug Fixes + +* **fieldsets:** fix translating titles for form submit button. + # [1.1.0](https://github.com/flextype-plugins/form/compare/v1.0.6...v1.1.0) (2020-06-10) @@ -16,8 +23,8 @@ ### Features -* **feat(fields):** add new fields `email` and `password` -* **feat(fields):** add basic html validation for fields `text, email, password, textarea` +* **fields:** add new fields `email` and `password` +* **fields:** add basic html validation for fields `text, email, password, textarea` Usage: diff --git a/fieldsets/base.html b/fieldsets/base.html new file mode 100644 index 0000000..49f31c0 --- /dev/null +++ b/fieldsets/base.html @@ -0,0 +1,33 @@ +{% set sizes = + { + '1/12': 'form-col form-w-1/12', + '2/12': 'form-col form-w-2/12', + '3/12': 'form-col form-w-3/12', + '4/12': 'form-col form-w-4/12', + '5/12': 'form-col form-w-5/12', + '6/12': 'form-col form-w-6/12', + '7/12': 'form-col form-w-7/12', + '8/12': 'form-col form-w-8/12', + '9/12': 'form-col form-w-9/12', + '10/12': 'form-col form-w-10/12', + '12/12': 'form-col form-w-full', + '12': 'form-col form-w-full' + } +%} + +
+ {% if fieldset.form.tabs %} + +
+ {% include "plugins/form/fieldsets/multi-form.html" %} +
+ {% else %} + {% include "plugins/form/fieldsets/single-form.html" %} + {% endif %} +
diff --git a/fieldsets/multi-form.html b/fieldsets/multi-form.html new file mode 100644 index 0000000..1ad613f --- /dev/null +++ b/fieldsets/multi-form.html @@ -0,0 +1,25 @@ +
+ {{ csrf() }} + + {% for key, tab in fieldset.form.tabs %} +
+
+ {% for element, properties in fieldset['form']['tabs'][key]['fields'] %} + + {% set field_name = form.getElementName(element) %} + {% set field_id = form.getElementID(element) %} + {% set field_value = form.getElementValue(element, values, properties) %} + + {% include "plugins/form/fieldsets/fields/fields.html" %} + + {% endfor %} +
+
+ {% endfor %} + {% if fieldset.form.submit %} + + {% endif %} +
diff --git a/fieldsets/single-form.html b/fieldsets/single-form.html new file mode 100644 index 0000000..48dc70a --- /dev/null +++ b/fieldsets/single-form.html @@ -0,0 +1,20 @@ +
+ {{ csrf() }} + +
+ {% for element, properties in fieldset.form.fields %} + + {% set field_name = form.getElementName(element) %} + {% set field_id = form.getElementID(element) %} + {% set field_value = form.getElementValue(element, values, properties) %} + + {% include "plugins/form/fieldsets/fields/fields.html" %} + {% endfor %} +
+ {% if fieldset.form.submit %} + + {% endif %} +
diff --git a/package.json b/package.json index 9d36468..381a7b8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Form", - "version": "1.1.0", + "version": "1.1.1", "description": "Form Plugin to render user forms for Flextype.", "homepage": "https://flextype.org", "author": "Sergey Romanenko", diff --git a/plugin.yaml b/plugin.yaml index 0378721..bed037a 100755 --- a/plugin.yaml +++ b/plugin.yaml @@ -1,5 +1,5 @@ name: Form -version: 1.1.0 +version: 1.1.1 description: Form Plugin to render user forms for Flextype. icon: fas fa-check-circle author: