Add some helper routes and functionalities for Volto sites with form blocks provided by volto-form-block Volto plugin.
Endpoint that the frontend should call as a submit action.
You can call it with a POST on the context where the block form is stored like this:
> curl -i -X POST http://localhost:8080/Plone/my-form/@submit-form -H 'Accept: application/json' -H 'Content-Type: application/json' --data-raw '{"block_id": "123456789", "data": [{"field_id": "foo", "value":"foo", "label": "Foo"},{"field_id": "from", "value": "[email protected]"}, {"field_id":"name", "value": "John Doe", "label": "Name"}]}'
where:
my-formis the context where we have a form blockblock_idis the id of the blockdatacontains the submitted form data
Calling this endpoint, it will do some actions (based on block settings) and returns a 204 response.
This is an expansion component.
There is a rule that returns a form-data item into "components" slot if the user can edit the
context (Modify portal content permission) and there is a block that can store data.
Calling with "expand=true", this endpoint returns the stored data:
> curl -i -X GET http://localhost:8080/Plone/my-form/@form-data -H 'Accept: application/json' -H 'Content-Type: application/json' --user admin:admin
And replies with something similar:
{
"@id": "http://localhost:8080/Plone/my-form/@form-data",
"items": [
{
"block_id": "123456789",
"date": "2021-03-10T12:25:24",
"from": "[email protected]",
"id": 912078826,
"name": "John Doe"
},
...
],
"items_total": 42
}
Returns a csv file with all data (only for users that have Modify portal content permission):
> curl -i -X GET http://localhost:8080/Plone/my-form/@form-data-export -H 'Accept: application/json' -H 'Content-Type: application/json' --user admin:admin
If form fields changed between some submissions, you will see also columns related to old fields.
Reset the store (only for users that have Modify portal content permission):
> curl -i -X GET http://localhost:8080/Plone/my-form/@form-data-clear -H 'Accept: application/json' -H 'Content-Type: application/json' --user admin:admin
Using volto-form-block you can set if the form submit should send data to an email address or store it into an internal catalog (or both).
If block is set to send data, an email with form data will be sent to the recipient set in block settings or (if not set) to the site address.
If there is an attachments field in the POST data, these files will be attached to the email sent.
An XML copy of the data can be optionally attached to the sent email by configuring the volto block's attachXml option.
The sent XML follows the same format as the feature in [collective.easyform](https://github.com/collective/collective.easyform). An example is shown below:
`xml
<?xml version='1.0' encoding='utf-8'?><form><field name="Custom field label">My value</field></form>
`
The field names in the XML will utilise the Data ID Mapping feature if it is used. Read more about this feature in the following Store section of the documentation.
It is possible to also send an email to the user who filled in the form.
Set the 'Send to' value to include acknowledgement to enable this behaviour. The additional block field acknowledgementMessage can then be used to write the message being sent to the user and the acknowledgementFields block field used to choose the field that will contain the email address the acknowledgement will be sent to.
If block is set to store data, we store it into the content that has that block (with a souper.plone catalog).
The store is an adapter registered for IFormDataStore interface, so you can override it easily.
Only fields that are also in block settings are stored. Missing ones will be skipped.
Each Record stores also two service attributes:
- fields_labels: a mapping of field ids to field labels. This is useful when we export csv files, so we can labels for the columns.
- fields_order: sorted list of field ids. This can be used in csv export to keep the order of fields.
We store these attributes because the form can change over time and we want to have a snapshot of the fields in the Record.
The exported CSV file may need to be used by further processes which require specific values for the columns of the CSV. In such a case, the Data ID Mapping feature can be used to change the column name to custom text for each field.
There is a custom block serializer for type form.
This serializer removes all fields that start with "**default_**" if the user can't edit the current context.
This is useful because we don't want to expose some internals configurations (for example the recipient email address) to external users that should only fill the form.
If the block has a field captcha, an additional property captcha_props is serialized by the serialize
method provided by the ICaptchaSupport named adapter, the result contains useful metadata for the client, as the
captcha public_key, ie:
{
"subblocks": [
...
],
"captcha": "recaptcha",
"captcha_props": {
"provider": "recaptcha",
"public_key": "aaaaaaaaaaaaa"
}
}
Captcha support requires a specific name adapter that implements ICaptchaSupport.
This product contains implementations for:
- HCaptcha (plone.formwidget.hcaptcha)
- Google ReCaptcha (plone.formwidget.recaptcha)
- Custom questions and answers (collective.z3cform.norobots)
- Honeypot (collective.honeypot)
Each implementation must be included, installed and configured separately.
To include one implementation, you need to install the egg with the needed extras_require:
- collective.volto.formsupport[recaptcha]
- collective.volto.formsupport[hcaptcha]
- collective.volto.formsupport[norobots]
- collective.volto.formsupport[honeypot]
During the form post, the token captcha will be verified with the defined captcha method.
For captcha support volto-form-block version >= 2.4.0 is required.
If honeypot dependency is available in the buildout, the honeypot validation is enabled and selectable in forms.
Default field name is protected_1 and you can change it with an environment variable. See collective.honeypot for details.
Forms can have one or more attachment field to allow users to upload some files.
These files will be sent via mail, so it could be a good idea setting a limit to them. For example if you use Gmail as mail server, you can't send messages with attachments > 25MB.
There is an environment variable that you can use to set that limit (in MB):
[instance]
environment-vars =
FORM_ATTACHMENTS_LIMIT 25
By default this is not set.
The upload limit is also passed to the frontend in the form data with the attachments_limit key.
It is possible to set the content-transfer-encoding for the email body, settings the environment variable MAIL_CONTENT_TRANSFER_ENCODING:
[instance]
environment-vars =
MAIL_CONTENT_TRANSFER_ENCODING base64
This is useful for some SMTP servers that have problems with quoted-printable encoding.
By default the content-transfer-encoding is quoted-printable as overrided in https://github.com/zopefoundation/Products.MailHost/blob/master/src/Products/MailHost/MailHost.py#L65
It is possible to configure some headers from the form POST request to be included in the email's headers by configuring the httpHeaders field in your volto block.
[volto-formblock](https://github.com/collective/volto-form-block) allows the following headers to be forwarded:
- HTTP_X_FORWARDED_FOR
- HTTP_X_FORWARDED_PORT
- REMOTE_ADDR
- PATH_INFO
- HTTP_USER_AGENT
- HTTP_REFERER
This add-on can be seen in action at the following sites:
This product has been translated into
- Italian
Install collective.volto.formsupport by adding it to your buildout:
[buildout]
...
eggs =
collective.volto.formsupport
and then running bin/buildout
- Issue Tracker: https://github.com/collective/collective.volto.formsupport/issues
- Source Code: https://github.com/collective/collective.volto.formsupport
The project is licensed under the GPLv2.
This product was developed by RedTurtle Technology team.
