feat: add new widget for event luoghi_correlati with custom form vali…

…dation

RELEASE.md

@@ -41,6 +41,12 @@
 - ...
 -->
 
+## Versione X.X.X (dd/mm/yyyy)
+
+### Novità
+
+- Ora per gli eventi è obbligatorio inserire il campo "Luoghi correlati" oppure compilare i campi dell'indirizzo.
+
 ## Versione 11.2.1 (15/01/2024)
 
 ### Migliorie

locales/de/LC_MESSAGES/volto.po

@@ -2420,6 +2420,11 @@ msgstr ""
 msgid "luoghi_correlati"
 msgstr ""
 
+#: components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget
+# defaultMessage: Luogo dell'evento
+msgid "luoghi_correlati_evento_widget_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/NewsItemView/NewsItemLuoghiCorrelati
 # defaultMessage: Luoghi
 msgid "luoghi_notizia"

locales/en/LC_MESSAGES/volto.po

@@ -2405,6 +2405,11 @@ msgstr ""
 msgid "luoghi_correlati"
 msgstr ""
 
+#: components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget
+# defaultMessage: Luogo dell'evento
+msgid "luoghi_correlati_evento_widget_title"
+msgstr "Event location"
+
 #: components/ItaliaTheme/View/NewsItemView/NewsItemLuoghiCorrelati
 # defaultMessage: Luoghi
 msgid "luoghi_notizia"

locales/es/LC_MESSAGES/volto.po

@@ -2414,6 +2414,11 @@ msgstr ""
 msgid "luoghi_correlati"
 msgstr ""
 
+#: components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget
+# defaultMessage: Luogo dell'evento
+msgid "luoghi_correlati_evento_widget_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/NewsItemView/NewsItemLuoghiCorrelati
 # defaultMessage: Luoghi
 msgid "luoghi_notizia"

locales/fr/LC_MESSAGES/volto.po

@@ -2422,6 +2422,11 @@ msgstr ""
 msgid "luoghi_correlati"
 msgstr ""
 
+#: components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget
+# defaultMessage: Luogo dell'evento
+msgid "luoghi_correlati_evento_widget_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/NewsItemView/NewsItemLuoghiCorrelati
 # defaultMessage: Luoghi
 msgid "luoghi_notizia"

locales/it/LC_MESSAGES/volto.po

@@ -2405,6 +2405,11 @@ msgstr "Logo"
 msgid "luoghi_correlati"
 msgstr "Luoghi correlati"
 
+#: components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget
+# defaultMessage: Luogo dell'evento
+msgid "luoghi_correlati_evento_widget_title"
+msgstr "Luogo dell'evento"
+
 #: components/ItaliaTheme/View/NewsItemView/NewsItemLuoghiCorrelati
 # defaultMessage: Luoghi
 msgid "luoghi_notizia"

locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-01-11T13:44:40.490Z\n"
+"POT-Creation-Date: 2024-01-15T16:05:18.583Z\n"
 "Last-Translator: Plone i18n <[email protected]>\n"
 "Language-Team: Plone i18n <[email protected]>\n"
 "MIME-Version: 1.0\n"
@@ -2407,6 +2407,11 @@ msgstr ""
 msgid "luoghi_correlati"
 msgstr ""
 
+#: components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget
+# defaultMessage: Luogo dell'evento
+msgid "luoghi_correlati_evento_widget_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/NewsItemView/NewsItemLuoghiCorrelati
 # defaultMessage: Luoghi
 msgid "luoghi_notizia"

src/components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget.jsx

@@ -0,0 +1,64 @@
+import { defineMessages, useIntl } from 'react-intl';
+import { Form } from 'semantic-ui-react';
+import cx from 'classnames';
+import config from '@plone/volto/registry';
+
+const messages = defineMessages({
+  luoghi_correlati_evento_widget_title: {
+    id: 'luoghi_correlati_evento_widget_title',
+    defaultMessage: "Luogo dell'evento",
+  },
+});
+
+const LuoghiCorrelatiEventoWidget = (props) => {
+  const Widget = config.widgets.factory['Relation List'];
+  const intl = useIntl();
+
+  return (
+    <Form.Field
+      inline
+      required={false}
+      className={cx(
+        'help',
+        'luoghi-correlati-evento-widget',
+        `field-wrapper-${props.id}`,
+        props?.multilingual_options?.language_independent
+          ? 'language-independent-field'
+          : null,
+      )}
+    >
+      <div className="introduction-helper-wrapper">
+        <h3 className="field-title">
+          {intl.formatMessage(messages.luoghi_correlati_evento_widget_title)}
+        </h3>
+        <p className="help">
+          Sezione obbligatoria secondo il{' '}
+          <a
+            target="_blank"
+            href="https://docs.italia.it/italia/designers-italia/design-comuni-docs/it/versione-corrente/conformita/buone-pratiche-asseverazione.html"
+            rel="noopener noreferrer"
+          >
+            documento di buone pratiche per l&apos;asseverazione dei siti
+          </a>
+          . Per confermare la presenza in pagina della relativa sezione devono
+          essere presenti:
+          <ul>
+            <li>
+              «Luoghi correlati» che è un campo con un riferimento ad un oggetto
+              di tipo Luogo già presente sul sito. Se compilato, questo campo è
+              sufficiente per la validazione della compilazione del modulo.
+            </li>
+            <li>
+              Se non è possibile compilare il campo «Luoghi correlati», è
+              necessario compilare almeno i campi «Nome sede», «Via», «Città» e
+              «Nazione» sottostanti.
+            </li>
+          </ul>
+        </p>
+      </div>
+      <Widget {...props} />
+    </Form.Field>
+  );
+};
+
+export default LuoghiCorrelatiEventoWidget;

src/config/Widgets/widgets.js

@@ -17,6 +17,7 @@ import {
   LocationFiltersWidget,
   CanaleDigitaleWidget,
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import LuoghiCorrelatiEventoWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget';
 
 const getItaliaWidgets = (config) => {
   config.registerComponent({
@@ -86,6 +87,7 @@ const getItaliaWidgets = (config) => {
       color_list: ColorListWidget,
       path_filters: PathFiltersWidget,
       location_filter: LocationFiltersWidget,
+      luoghi_correlati_evento: LuoghiCorrelatiEventoWidget,
     },
   };
 };