design-comuni-plone-theme 10.1.1 → 10.2.1

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 
 
+## [10.2.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.2.0...v10.2.1) (2023-11-06)
+
+
+### Bug Fixes
+
+* fix id for gallery video title ([5d35058](https://github.com/redturtle/design-comuni-plone-theme/commit/5d35058308c04eaa416146a3966a9cfb4915bbab))
+* sidemenu by titles work only with h2 and not items with id #header-* ([71ca592](https://github.com/redturtle/design-comuni-plone-theme/commit/71ca5921f68ade764e9aaab47b529342befe51d3))
+
+
+### Maintenance
+
+* updated publiccode ([3041114](https://github.com/redturtle/design-comuni-plone-theme/commit/3041114b59fced1d47ea05812f19006daf55eb0b))
+
+## [10.2.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.1.1...v10.2.0) (2023-11-06)
+
+
+### Features
+
+* added pager-link data-element to search block pagination ([#389](https://github.com/RedTurtle/design-comuni-plone-theme/issues/389)) ([fbc32a3](https://github.com/RedTurtle/design-comuni-plone-theme/commit/fbc32a32ffc04054b39eb623584aadd1dc517beb))
+* added title param to SideMenuByTitle ([d6718b4](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d6718b41ef0ce61959ca884ad0012825c09701bf))
+
+
+### Bug Fixes
+
+* messages in EventoView contatti ([348469f](https://github.com/RedTurtle/design-comuni-plone-theme/commit/348469fcbe63136dc9bfa3fcbfe04ea1728ab953))
+* missing locales update ([633be45](https://github.com/RedTurtle/design-comuni-plone-theme/commit/633be45a7ea425ebfa1a5e9bf7cf3c0b44d6250c))
+
+
+### Maintenance
+
+* split EventoVView Contatti in different components ([5abf0d8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5abf0d85d101fd2c67f663c8eb68ddce698d6c2d))
+
+
+### Documentation
+
+* updated publiccode and release log ([0a09061](https://github.com/RedTurtle/design-comuni-plone-theme/commit/0a090616afffd574822c8d3874e7de9abb90242a))
+
 ## [10.1.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v10.1.0...v10.1.1) (2023-11-06)
 
 

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
 -->
 
+## Versione 10.2.0 (06/11/2023)
+
+### Novità
+
+- Aggiunto data-element pager-link al paginatore per il blocco Cerca per i quali viene impostata l'opzione service-link.
+
 ## Versione 9.0.1 (03/11/2023)
 
 ### Migliorie

package/locales/de/LC_MESSAGES/volto.po

@@ -164,7 +164,6 @@ msgid "Content in evidence"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
-#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Contenuto
 msgid "Contenuto"
 msgstr ""
@@ -1264,11 +1263,6 @@ msgstr ""
 msgid "contatti"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr ""
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -2613,7 +2607,7 @@ msgstr ""
 msgid "order_by"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3700,7 +3694,7 @@ msgstr ""
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -149,7 +149,6 @@ msgid "Content in evidence"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
-#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Contenuto
 msgid "Contenuto"
 msgstr "Content"
@@ -1249,11 +1248,6 @@ msgstr ""
 msgid "contatti"
 msgstr "Contacts"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Internal contacts"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -2598,7 +2592,7 @@ msgstr "Opening time"
 msgid "order_by"
 msgstr "Order by"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3685,7 +3679,7 @@ msgstr "Tags"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""

package/locales/es/LC_MESSAGES/volto.po

@@ -158,7 +158,6 @@ msgid "Content in evidence"
 msgstr "Contenido destacado"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
-#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Contenuto
 msgid "Contenuto"
 msgstr "Contenido"
@@ -1258,11 +1257,6 @@ msgstr "Contactos"
 msgid "contatti"
 msgstr "Contactos"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Contactos internos"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -2607,7 +2601,7 @@ msgstr "Hora de apertura"
 msgid "order_by"
 msgstr "Ordenado por"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3694,7 +3688,7 @@ msgstr "Etiquetas"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr "Con el apoyo de"

package/locales/fr/LC_MESSAGES/volto.po

@@ -166,7 +166,6 @@ msgid "Content in evidence"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
-#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Contenuto
 msgid "Contenuto"
 msgstr "Contenu"
@@ -1266,11 +1265,6 @@ msgstr ""
 msgid "contatti"
 msgstr "Contacts"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Contacts internes"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -2615,7 +2609,7 @@ msgstr "Horaire d'ouverture"
 msgid "order_by"
 msgstr "Trier par"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3702,7 +3696,7 @@ msgstr "Sujettes"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -149,7 +149,6 @@ msgid "Content in evidence"
 msgstr "Contenuto in primo piano"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
-#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Contenuto
 msgid "Contenuto"
 msgstr "Contenuto"
@@ -1249,11 +1248,6 @@ msgstr "Contatti"
 msgid "contatti"
 msgstr "Contatti"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr "Contatti interni"
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -2598,7 +2592,7 @@ msgstr "Orario per il pubblico"
 msgid "order_by"
 msgstr "Ordina per"
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr "Organizzato da"
@@ -3685,7 +3679,7 @@ msgstr "Tags"
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr "Con il supporto di"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-11-06T09:06:10.531Z\n"
+"POT-Creation-Date: 2023-11-06T11:52:47.601Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -151,7 +151,6 @@ msgid "Content in evidence"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
-#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Contenuto
 msgid "Contenuto"
 msgstr ""
@@ -1251,11 +1250,6 @@ msgstr ""
 msgid "contatti"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
-# defaultMessage: Contatti interni
-msgid "contatti_interni"
-msgstr ""
-
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
 # defaultMessage: Copertura geografica del servizio
 msgid "copertura_geografica"
@@ -2600,7 +2594,7 @@ msgstr ""
 msgid "order_by"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno
 # defaultMessage: Organizzato da
 msgid "organizzato_da"
 msgstr ""
@@ -3687,7 +3681,7 @@ msgstr ""
 msgid "successivo"
 msgstr ""
 
-#: components/ItaliaTheme/View/EventoView/EventoContatti
+#: components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa
 # defaultMessage: Con il supporto di
 msgid "supported_by"
 msgstr ""

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "10.1.1",
+  "version": "10.2.1",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-11-03'
+releaseDate: '2023-11-06'
 softwareType: standalone/web
-softwareVersion: 9.0.1
+softwareVersion: 10.2.1
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/View/Commons/Gallery.jsx

@@ -202,8 +202,18 @@ const Gallery = ({
             {title_video && (
               <div className="it-header-block">
                 <div className="it-header-block-title">
-                  {title_type === 'h4' && <h4 id="galleria">{title_video}</h4>}
-                  {title_type === 'h5' && <h5 id="galleria">{title_video}</h5>}
+                  {title_type === 'h2' && (
+                    <h2 className="h4" id={title_id}>
+                      {title_video}
+                    </h2>
+                  )}
+                  {title_type === 'h3' && (
+                    <h3 className="h5" id={title_id}>
+                      {title_video}
+                    </h3>
+                  )}
+                  {title_type === 'h4' && <h4 id={title_id}>{title_video}</h4>}
+                  {title_type === 'h5' && <h5 id={title_id}>{title_video}</h5>}
                 </div>
               </div>
             )}

package/src/components/ItaliaTheme/View/Commons/SideMenuByTitles.jsx

@@ -18,11 +18,7 @@ import cx from 'classnames';
 const messages = defineMessages({
   index: {
     id: 'index',
-    defaultMessage: 'Indice',
-  },
-  contenuto: {
-    id: 'Contenuto',
-    defaultMessage: 'Contenuto',
+    defaultMessage: 'Indice della pagina',
   },
 });
 
@@ -32,25 +28,14 @@ const extractHeaders = (elements, intl) => {
   for (var index = 0; index < elements.length; index++) {
     item = elements[index];
 
-    if (item.id === 'text-body') {
-      const h = item.getElementsByTagName('h2');
+    const h = item.getElementsByTagName('h2');
 
-      for (var hi = 0; hi < h.length; hi++) {
-        headers.push({
-          id: h[hi].id,
-          title: h[hi].innerText,
-          item: h[hi],
-        });
-      }
-    } else {
-      let item_header = item.querySelector('#header-' + item.id);
-      if (item_header) {
-        headers.push({
-          id: item.id,
-          title: item_header.textContent,
-          item: item,
-        });
-      }
+    for (var hi = 0; hi < h.length; hi++) {
+      headers.push({
+        id: h[hi].id,
+        title: h[hi].innerText,
+        item: h[hi],
+      });
     }
   }
   return headers;
@@ -62,7 +47,7 @@ const extractHeaders = (elements, intl) => {
  * @params {object} content: Content object.
  * @returns {string} Markup of the component.
  */
-const SideMenuByTitles = ({ data, content_uid }) => {
+const SideMenuByTitles = ({ data, content_uid, index_title }) => {
   const intl = useIntl();
 
   const [headers, setHeaders] = useState([]);
@@ -166,7 +151,7 @@ const SideMenuByTitles = ({ data, content_uid }) => {
                     setIsNavOpen(!isNavOpen);
                   }}
                 >
-                  <h3>{intl.formatMessage(messages.index)}</h3>
+                  <h3>{index_title ?? intl.formatMessage(messages.index)}</h3>
                 </AccordionHeader>
                 <div className="mb-3">
                   <Progress

package/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx

@@ -1,37 +1,19 @@
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
-import { Card, CardBody, CardTitle } from 'design-react-kit';
-import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import {
-  RichText,
   richTextHasContent,
   RichTextSection,
-  ContactLink,
-  OfficeCard,
   ContactsCard,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import EventoContattiOrganizzatoreEsterno from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno';
+import EventoContattiOrganizzatoreInterno from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno';
+import EventoContattiSupportatoDa from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa';
 
 const messages = defineMessages({
-  supported_by: {
-    id: 'supported_by',
-    defaultMessage: 'Con il supporto di',
-  },
   contatti: {
     id: 'Contatti',
     defaultMessage: 'Contatti',
   },
-  // event_web_site: {
-  //   id: 'event_web_site',
-  //   defaultMessage: "Sito web dell'evento",
-  // },
-  contatti_interni: {
-    id: 'contatti_interni',
-    defaultMessage: 'Contatti interni',
-  },
-  organizzato_da: {
-    id: 'organizzato_da',
-    defaultMessage: 'Organizzato da',
-  },
 });
 
 const EventoContatti = ({ content }) => {
@@ -48,79 +30,15 @@ const EventoContatti = ({ content }) => {
       {content.contact_info.map((contact) => (
         <ContactsCard contact={contact} key={contact['@id']} />
       ))}
+
       {/* ---organizzato da esterno */}
-      {richTextHasContent(content?.organizzato_da_esterno) ||
-      content?.telefono ||
-      content?.email ||
-      content?.fax ? (
-        <div className="mb-5">
-          <Card
-            className="card card-teaser rounded shadow mt-3"
-            noWrapper={true}
-            tag="div"
-          >
-            <Icon icon="it-telephone" />
+      <EventoContattiOrganizzatoreEsterno content={content} />
 
-            <CardBody tag="div" className={'card-body pe-3'}>
-              <RichText data={content.organizzato_da_esterno} />
-              {content?.telefono && (
-                <p className="card-text mt-3">
-                  <ContactLink tel={content.telefono} label={true} />
-                </p>
-              )}
-              {content?.fax && (
-                <p className="card-text mt-3">
-                  <ContactLink fax={content.fax} label={true} />
-                </p>
-              )}
-              {content?.reperibilita?.replace(/(<([^>]+)>)/g, '').length >
-                0 && (
-                <p className="card-text mt-3">
-                  {content?.reperibilita?.replace(/(<([^>]+)>)/g, '')}
-                </p>
-              )}
-              {content?.email && (
-                <p className="card-text mt-3">
-                  <ContactLink email={content.email} label={true} />
-                </p>
-              )}
-            </CardBody>
-          </Card>
-        </div>
-      ) : null}
       {/* ---contatti interno */}
-      {content?.organizzato_da_interno?.length > 0 && (
-        <div className="mb-5">
-          <h3 className="h5">{intl.formatMessage(messages.organizzato_da)}</h3>
-          {content?.organizzato_da_interno?.map((item, index) => (
-            <OfficeCard
-              margin_bottom={
-                index < content?.organizzato_da_interno?.length - 1
-              }
-              key={item['@id']}
-              office={item}
-              icon={'it-telephone'}
-            >
-              {richTextHasContent(content?.contatto_reperibilita) && (
-                <p className="card-text mt-3">
-                  {content?.contatto_reperibilita?.replace(/(<([^>]+)>)/g, '')}
-                </p>
-              )}
-            </OfficeCard>
-          ))}
-        </div>
-      )}
+      <EventoContattiOrganizzatoreInterno content={content} />
+
       {/* ---supportato da */}
-      {content?.supportato_da?.length > 0 && (
-        <div className="mb-5">
-          <h3 className="mt-4 supported-by h5">
-            {intl.formatMessage(messages.supported_by)}
-          </h3>
-          {content?.supportato_da?.map((item) => (
-            <OfficeCard key={item['@id']} office={item} icon={'it-pa'} />
-          ))}
-        </div>
-      )}
+      <EventoContattiSupportatoDa content={content} />
     </RichTextSection>
   ) : null;
 };

package/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreEsterno.jsx

@@ -0,0 +1,55 @@
+import PropTypes from 'prop-types';
+import { Card, CardBody } from 'design-react-kit';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import {
+  RichText,
+  richTextHasContent,
+  ContactLink,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const EventoContattiOrganizzatoreEsterno = ({ content }) => {
+  return richTextHasContent(content?.organizzato_da_esterno) ||
+    content?.telefono ||
+    content?.email ||
+    content?.fax ? (
+    <div className="mb-5">
+      <Card
+        className="card card-teaser rounded shadow mt-3"
+        noWrapper={true}
+        tag="div"
+      >
+        <Icon icon="it-telephone" />
+
+        <CardBody tag="div" className={'card-body pe-3'}>
+          <RichText data={content.organizzato_da_esterno} />
+          {content?.telefono && (
+            <p className="card-text mt-3">
+              <ContactLink tel={content.telefono} label={true} />
+            </p>
+          )}
+          {content?.fax && (
+            <p className="card-text mt-3">
+              <ContactLink fax={content.fax} label={true} />
+            </p>
+          )}
+          {content?.reperibilita?.replace(/(<([^>]+)>)/g, '').length > 0 && (
+            <p className="card-text mt-3">
+              {content?.reperibilita?.replace(/(<([^>]+)>)/g, '')}
+            </p>
+          )}
+          {content?.email && (
+            <p className="card-text mt-3">
+              <ContactLink email={content.email} label={true} />
+            </p>
+          )}
+        </CardBody>
+      </Card>
+    </div>
+  ) : null;
+};
+
+EventoContattiOrganizzatoreEsterno.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default EventoContattiOrganizzatoreEsterno;

package/src/components/ItaliaTheme/View/EventoView/EventoContattiOrganizzatoreInterno.jsx

@@ -0,0 +1,43 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import {
+  richTextHasContent,
+  OfficeCard,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const messages = defineMessages({
+  organizzato_da: {
+    id: 'organizzato_da',
+    defaultMessage: 'Organizzato da',
+  },
+});
+
+const EventoContattiOrganizzatoreInterno = ({ content }) => {
+  const intl = useIntl();
+
+  return content?.organizzato_da_interno?.length > 0 ? (
+    <div className="mb-5">
+      <h3 className="h5">{intl.formatMessage(messages.organizzato_da)}</h3>
+      {content?.organizzato_da_interno?.map((item, index) => (
+        <OfficeCard
+          margin_bottom={index < content?.organizzato_da_interno?.length - 1}
+          key={item['@id']}
+          office={item}
+          icon={'it-telephone'}
+        >
+          {richTextHasContent(content?.contatto_reperibilita) && (
+            <p className="card-text mt-3">
+              {content?.contatto_reperibilita?.replace(/(<([^>]+)>)/g, '')}
+            </p>
+          )}
+        </OfficeCard>
+      ))}
+    </div>
+  ) : null;
+};
+
+EventoContattiOrganizzatoreInterno.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default EventoContattiOrganizzatoreInterno;

package/src/components/ItaliaTheme/View/EventoView/EventoContattiSupportatoDa.jsx

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import { OfficeCard } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const messages = defineMessages({
+  supported_by: {
+    id: 'supported_by',
+    defaultMessage: 'Con il supporto di',
+  },
+});
+
+const EventoContattiSupportatoDa = ({ content }) => {
+  const intl = useIntl();
+
+  return content?.supportato_da?.length > 0 ? (
+    <div className="mb-5">
+      <h3 className="mt-4 supported-by h5">
+        {intl.formatMessage(messages.supported_by)}
+      </h3>
+      {content?.supportato_da?.map((item) => (
+        <OfficeCard key={item['@id']} office={item} icon={'it-pa'} />
+      ))}
+    </div>
+  ) : null;
+};
+
+EventoContattiSupportatoDa.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default EventoContattiSupportatoDa;

package/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx

@@ -96,7 +96,9 @@ const ListingBody = React.memo(
 
       // Need to know if data-element is "service-link"
       // to add data-element="pager-link" to pagination links
-      const isServiceLink = data.id_lighthouse === 'service-link';
+      const isServiceLink =
+        data.id_lighthouse === 'service-link' ||
+        variation.id_lighthouse === 'service-link';
 
       return (
         <div className="public-ui">