feat: added form state warning

RELEASE.md

@@ -43,6 +43,14 @@
 
 ## Versione X.X.X (dd/mm/yyyy)
 
+### Migliorie
+
+- ...
+
+### Novità
+
+- Il blocco form ha nuove funzionalità come il limite di iscrizioni e la possibilità di impostare un campo come univoco.
+
 ### Fix
 
 - Ripristinato l'informazione sull'ultimo aggiornamento nel CT UO

locales/de/LC_MESSAGES/volto.po

@@ -2149,6 +2149,16 @@ msgstr ""
 msgid "feedback_unclear_proceeding"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Check this box if the value entered in this field can be used only once.
+msgid "field_unique_description"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Unique field
+msgid "field_unique_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: File correlato
@@ -2183,11 +2193,31 @@ msgstr ""
 msgid "form_default_cancel_label"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Submission limit
+msgid "form_limit"
+msgstr ""
+
 #: overrideTranslations
 # defaultMessage: Ricomincia
 msgid "form_reset"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Set a submission limit
+msgid "form_set_limit"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Sei stato inserito in lista d'attesa
+msgid "form_submit_success_warning"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.
+msgid "form_submit_success_warning_description"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"

locales/en/LC_MESSAGES/volto.po

@@ -2134,6 +2134,16 @@ msgstr ""
 msgid "feedback_unclear_proceeding"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Check this box if the value entered in this field can be used only once.
+msgid "field_unique_description"
+msgstr "Check this box if the value entered in this field can be used only once."
+
+#: overrideTranslations
+# defaultMessage: Unique field
+msgid "field_unique_title"
+msgstr "Unique field"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: File correlato
@@ -2168,11 +2178,31 @@ msgstr "End of term"
 msgid "form_default_cancel_label"
 msgstr "Cancel"
 
+#: overrideTranslations
+# defaultMessage: Submission limit
+msgid "form_limit"
+msgstr "Submission limit"
+
 #: overrideTranslations
 # defaultMessage: Ricomincia
 msgid "form_reset"
 msgstr "Restart"
 
+#: overrideTranslations
+# defaultMessage: Set a submission limit
+msgid "form_set_limit"
+msgstr "Set a submission limit"
+
+#: overrideTranslations
+# defaultMessage: Sei stato inserito in lista d'attesa
+msgid "form_submit_success_warning"
+msgstr "You've been added to the waiting list"
+
+#: overrideTranslations
+# defaultMessage: I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.
+msgid "form_submit_success_warning_description"
+msgstr "Your data has been submitted, but the subscription limit has been reached and you've been added to the waiting list."
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"

locales/es/LC_MESSAGES/volto.po

@@ -2143,6 +2143,16 @@ msgstr ""
 msgid "feedback_unclear_proceeding"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Check this box if the value entered in this field can be used only once.
+msgid "field_unique_description"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Unique field
+msgid "field_unique_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: File correlato
@@ -2177,11 +2187,31 @@ msgstr "Fin de los términos"
 msgid "form_default_cancel_label"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Submission limit
+msgid "form_limit"
+msgstr ""
+
 #: overrideTranslations
 # defaultMessage: Ricomincia
 msgid "form_reset"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Set a submission limit
+msgid "form_set_limit"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Sei stato inserito in lista d'attesa
+msgid "form_submit_success_warning"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.
+msgid "form_submit_success_warning_description"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"

locales/fr/LC_MESSAGES/volto.po

@@ -2151,6 +2151,16 @@ msgstr ""
 msgid "feedback_unclear_proceeding"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Check this box if the value entered in this field can be used only once.
+msgid "field_unique_description"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Unique field
+msgid "field_unique_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: File correlato
@@ -2185,11 +2195,31 @@ msgstr "Fin du mandat"
 msgid "form_default_cancel_label"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Submission limit
+msgid "form_limit"
+msgstr ""
+
 #: overrideTranslations
 # defaultMessage: Ricomincia
 msgid "form_reset"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Set a submission limit
+msgid "form_set_limit"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Sei stato inserito in lista d'attesa
+msgid "form_submit_success_warning"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.
+msgid "form_submit_success_warning_description"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"

locales/it/LC_MESSAGES/volto.po

@@ -2134,6 +2134,16 @@ msgstr "A volte le indicazioni non erano chiare"
 msgid "feedback_unclear_proceeding"
 msgstr "A volte non capivo se stavo procedendo correttamente"
 
+#: overrideTranslations
+# defaultMessage: Check this box if the value entered in this field can be used only once.
+msgid "field_unique_description"
+msgstr "Seleziona questo checkbox se il valore inserito in questo campo può essere utilizzato solo una volta"
+
+#: overrideTranslations
+# defaultMessage: Unique field
+msgid "field_unique_title"
+msgstr "Campo univoco"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: File correlato
@@ -2168,11 +2178,31 @@ msgstr "Fine termine"
 msgid "form_default_cancel_label"
 msgstr "Annulla"
 
+#: overrideTranslations
+# defaultMessage: Submission limit
+msgid "form_limit"
+msgstr "Limite iscrizioni"
+
 #: overrideTranslations
 # defaultMessage: Ricomincia
 msgid "form_reset"
 msgstr "Ricomincia"
 
+#: overrideTranslations
+# defaultMessage: Set a submission limit
+msgid "form_set_limit"
+msgstr "Imposta un limite iscrizioni"
+
+#: overrideTranslations
+# defaultMessage: Sei stato inserito in lista d'attesa
+msgid "form_submit_success_warning"
+msgstr "Sei stato inserito in lista d'attesa"
+
+#: overrideTranslations
+# defaultMessage: I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.
+msgid "form_submit_success_warning_description"
+msgstr "I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa."
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"

locales/volto.pot

@@ -2136,6 +2136,16 @@ msgstr ""
 msgid "feedback_unclear_proceeding"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Check this box if the value entered in this field can be used only once.
+msgid "field_unique_description"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Unique field
+msgid "field_unique_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: File correlato
@@ -2170,11 +2180,31 @@ msgstr ""
 msgid "form_default_cancel_label"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Submission limit
+msgid "form_limit"
+msgstr ""
+
 #: overrideTranslations
 # defaultMessage: Ricomincia
 msgid "form_reset"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Set a submission limit
+msgid "form_set_limit"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Sei stato inserito in lista d'attesa
+msgid "form_submit_success_warning"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.
+msgid "form_submit_success_warning_description"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Foto dell'attività politica
 msgid "foto_attivita_politica"

src/customizations/volto-form-block/components/FormResult.jsx

@@ -12,6 +12,15 @@ const messages = defineMessages({
     id: 'form_submit_success',
     defaultMessage: 'Sent!',
   },
+  success_warning: {
+    id: 'form_submit_success_warning',
+    defaultMessage: "You've been added to the waiting list",
+  },
+  success_warning_description: {
+    id: 'form_submit_success_warning_description',
+    defaultMessage:
+      "Your data has been submitted, but the subscription limit has been reached and you've been added to the waiting list.",
+  },
   reset: {
     id: 'form_reset',
     defaultMessage: 'Clear',
@@ -47,20 +56,40 @@ const replaceMessage = (text, sent_data) => {
 const FormResult = ({ formState, data, resetFormState }) => {
   const intl = useIntl();
   return (
-    <Alert color="success" fade isOpen tag="div" transition={alertTransition}>
-      <h4>{intl.formatMessage(messages.success)}</h4>
+    <Alert
+      color={!formState.warning ? 'success' : 'warning'}
+      fade
+      isOpen
+      tag="div"
+      transition={alertTransition}
+    >
+      <h4>
+        {!formState.warning
+          ? intl.formatMessage(messages.success)
+          : intl.formatMessage(messages.success_warning)}
+      </h4>
       <br />
       {/* Custom message */}
-      {data.send_message && (
+      {!formState.warning ? (
+        data.send_message && (
+          <>
+            <p
+              dangerouslySetInnerHTML={{
+                __html: replaceMessage(
+                  data.send_message,
+                  formState.result.data,
+                ),
+              }}
+            />
+            <br />
+          </>
+        )
+      ) : (
         <>
-          <p
-            dangerouslySetInnerHTML={{
-              __html: replaceMessage(data.send_message, formState.result.data),
-            }}
-          />
-          <br />
+          <p>{intl.formatMessage(messages.success_warning_description)}</p>
         </>
       )}
+
       <Button
         color="primary"
         outline

src/customizations/volto-form-block/components/Sidebar.css

@@ -0,0 +1,17 @@
+[id^='blockform-fieldset'] .required.field .ui.checkbox {
+  display: flex;
+}
+[id^='blockform-fieldset'] .required.field .ui.checkbox label {
+  display: inline-block;
+  padding-right: 20px;
+}
+[id^='blockform-fieldset'] .required.field .ui.checkbox::after {
+  display: block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  margin-left: -15px;
+  margin-top: 2.5px;
+  background-color: #e40166;
+  content: '';
+}