io-sanita-theme 2.24.0 → 2.25.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [2.25.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.24.0...2.25.0) (2026-04-21)
+
+### Features
+
+* argument icon added, same pattern in io-comune ([#127](https://github.com/RedTurtle/io-sanita-theme/issues/127)) ([4f97960](https://github.com/RedTurtle/io-sanita-theme/commit/4f979605f275d87495d068efd2a1d370f1442fcf))
+
+### Bug Fixes
+
+* badge of status Servizio - removed unused message ([#123](https://github.com/RedTurtle/io-sanita-theme/issues/123)) ([0b80cd9](https://github.com/RedTurtle/io-sanita-theme/commit/0b80cd92c7b1cc0739155e73b5e546676cb21acf))
+* badge styles in folderContent for programmato and scaduto ([#130](https://github.com/RedTurtle/io-sanita-theme/issues/130)) ([2e25c73](https://github.com/RedTurtle/io-sanita-theme/commit/2e25c736b4d14952792d563c51c6696a382cf059))
+* changed icon Struttura in folder content ([#129](https://github.com/RedTurtle/io-sanita-theme/issues/129)) ([e69b30d](https://github.com/RedTurtle/io-sanita-theme/commit/e69b30d6d438b9c2032ff60a4c0ef97553aee20c))
+* show pdc description inside contact card ([#128](https://github.com/RedTurtle/io-sanita-theme/issues/128)) ([b9854c8](https://github.com/RedTurtle/io-sanita-theme/commit/b9854c8620059372b3feac7a56ba45d1bc4ad1ac))
+* show related documents in ComeFarePer ([#131](https://github.com/RedTurtle/io-sanita-theme/issues/131)) ([e268b22](https://github.com/RedTurtle/io-sanita-theme/commit/e268b22f4f1ed87faa33c04aa7dbb952d4c3ad1e))
+* title in contact card now is not clickable ([#125](https://github.com/RedTurtle/io-sanita-theme/issues/125)) ([8514127](https://github.com/RedTurtle/io-sanita-theme/commit/851412702cb60e6bbe8ce9cf0e312da014941913))
+* video not cropped when aligned right/left ([#126](https://github.com/RedTurtle/io-sanita-theme/issues/126)) ([887ad5b](https://github.com/RedTurtle/io-sanita-theme/commit/887ad5bbdac253e227610c1de7cb082399d8edbb))
+* z-index of toolbar ([#124](https://github.com/RedTurtle/io-sanita-theme/issues/124)) ([8456b1f](https://github.com/RedTurtle/io-sanita-theme/commit/8456b1ff82a9ccac24267325b77908c76826baad))
+
+### Maintenance
+
+* i18n ([de9b9bb](https://github.com/RedTurtle/io-sanita-theme/commit/de9b9bb35323ebd3e3ab7b6555685df17f9266b2))
+* preparing release 2.25.0 ([ab6a8e0](https://github.com/RedTurtle/io-sanita-theme/commit/ab6a8e06798d41fdc5f7a48c8bda96fd278cf7b9))
+
 ## [2.24.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.23.2...2.24.0) (2026-04-10)
 
 ### Features

package/RELEASE.md

@@ -41,6 +41,20 @@
 - ...
  -->
 
+## Versione 2.25.0 (21/04/2026)
+
+### Fix
+
+- Aggiunta la visualizzazione dell'icona nell'header delle pagine che hanno un campo icona (es. Cartella FAQ).
+- Sistemata l'altezza del blocco Video quando è allineato a destra o sinistra: il video non si riduce più in altezza quando viene riprodotto.
+- Rimossa la scritta "Servizio disponibile e prenotabile" dalla vista dettaglio del Servizio.
+- Creato componente dedicato per il badge di stato del Servizio, riutilizzato in tutte le viste (dettaglio, card, listing).
+- Rimosso il link dal titolo della card del Punto di contatto nei CT. Il titolo ora non è più cliccabile.
+- Mostrare il testo della descrizione del Punto di contatto all'interno della card Contatti
+- Modifica icona Struttura in Folder Content
+- Sistemata la visualizzazione dell'etichetta "Programmato" accanto al titolo dei contenuti in Folder Content: ora viene mostrata come badge ben distinguibile dal titolo.
+- Aggiunta la sezione Documenti correlati in ComeFarePer CT
+
 ## Versione 2.24.0 (10/04/2026)
 
 ### Fix

package/locales/de/LC_MESSAGES/volto.po

@@ -721,11 +721,6 @@ msgstr ""
 msgid "Seleziona un'icona"
 msgstr ""
 
-#. Default: "Servizio disponibile e prenotabile"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
-msgid "Service available"
-msgstr ""
-
 #. Default: "Sono occorsi degli errori"
 #: components/Search/Search
 msgid "Sono occorsi degli errori"
@@ -1462,11 +1457,26 @@ msgstr ""
 msgid "come_fare_per_a_chi_si_rivolge"
 msgstr ""
 
+#. Default: "Allegati"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_allegati"
+msgstr ""
+
 #. Default: "Come fare"
 #: components/View/ComeFarePer/ComeFarePerComeFare
 msgid "come_fare_per_come_fare"
 msgstr ""
 
+#. Default: "Documenti"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_documenti"
+msgstr ""
+
+#. Default: "Modulistica"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_modulistica"
+msgstr ""
+
 #. Default: "Panoramica"
 #: components/View/ComeFarePer/ComeFarePerDescrizione
 msgid "come_fare_per_panoramica"
@@ -1487,11 +1497,6 @@ msgstr ""
 msgid "comefareper_approfondimenti"
 msgstr ""
 
-#. Default: "Documenti"
-#: components/View/ComeFarePer/ComeFarePerAllegati
-msgid "comefareper_documenti"
-msgstr ""
-
 #. Default: "Contatti"
 #: components/Blocks/Contacts/schema
 msgid "contacts_block_title"
@@ -2060,6 +2065,11 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#. Default: "Icona per {topic_title}"
+#: components/View/commons/PageHeader/HeaderIcon
+msgid "icon_title"
+msgstr ""
+
 #. Default: "Blocco con icone"
 #: components/Blocks/Icons/Sidebar
 msgid "icons_blocks"

package/locales/en/LC_MESSAGES/volto.po

@@ -716,11 +716,6 @@ msgstr "Select a file"
 msgid "Seleziona un'icona"
 msgstr ""
 
-#. Default: "Servizio disponibile e prenotabile"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
-msgid "Service available"
-msgstr "Available and bookable service"
-
 #. Default: "Sono occorsi degli errori"
 #: components/Search/Search
 msgid "Sono occorsi degli errori"
@@ -1457,11 +1452,26 @@ msgstr ""
 msgid "come_fare_per_a_chi_si_rivolge"
 msgstr "Who is it for"
 
+#. Default: "Allegati"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_allegati"
+msgstr ""
+
 #. Default: "Come fare"
 #: components/View/ComeFarePer/ComeFarePerComeFare
 msgid "come_fare_per_come_fare"
 msgstr "How to do"
 
+#. Default: "Documenti"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_documenti"
+msgstr ""
+
+#. Default: "Modulistica"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_modulistica"
+msgstr ""
+
 #. Default: "Panoramica"
 #: components/View/ComeFarePer/ComeFarePerDescrizione
 msgid "come_fare_per_panoramica"
@@ -1482,11 +1492,6 @@ msgstr "More informations"
 msgid "comefareper_approfondimenti"
 msgstr "Insights"
 
-#. Default: "Documenti"
-#: components/View/ComeFarePer/ComeFarePerAllegati
-msgid "comefareper_documenti"
-msgstr "Documents"
-
 #. Default: "Contatti"
 #: components/Blocks/Contacts/schema
 msgid "contacts_block_title"
@@ -2055,6 +2060,11 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#. Default: "Icona per {topic_title}"
+#: components/View/commons/PageHeader/HeaderIcon
+msgid "icon_title"
+msgstr "Icon for {topic_title}"
+
 #. Default: "Blocco con icone"
 #: components/Blocks/Icons/Sidebar
 msgid "icons_blocks"

package/locales/es/LC_MESSAGES/volto.po

@@ -723,11 +723,6 @@ msgstr "Seleccione un archivo"
 msgid "Seleziona un'icona"
 msgstr ""
 
-#. Default: "Servizio disponibile e prenotabile"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
-msgid "Service available"
-msgstr ""
-
 #. Default: "Sono occorsi degli errori"
 #: components/Search/Search
 msgid "Sono occorsi degli errori"
@@ -1464,11 +1459,26 @@ msgstr ""
 msgid "come_fare_per_a_chi_si_rivolge"
 msgstr ""
 
+#. Default: "Allegati"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_allegati"
+msgstr ""
+
 #. Default: "Come fare"
 #: components/View/ComeFarePer/ComeFarePerComeFare
 msgid "come_fare_per_come_fare"
 msgstr ""
 
+#. Default: "Documenti"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_documenti"
+msgstr ""
+
+#. Default: "Modulistica"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_modulistica"
+msgstr ""
+
 #. Default: "Panoramica"
 #: components/View/ComeFarePer/ComeFarePerDescrizione
 msgid "come_fare_per_panoramica"
@@ -1489,11 +1499,6 @@ msgstr ""
 msgid "comefareper_approfondimenti"
 msgstr ""
 
-#. Default: "Documenti"
-#: components/View/ComeFarePer/ComeFarePerAllegati
-msgid "comefareper_documenti"
-msgstr ""
-
 #. Default: "Contatti"
 #: components/Blocks/Contacts/schema
 msgid "contacts_block_title"
@@ -2062,6 +2067,11 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#. Default: "Icona per {topic_title}"
+#: components/View/commons/PageHeader/HeaderIcon
+msgid "icon_title"
+msgstr ""
+
 #. Default: "Blocco con icone"
 #: components/Blocks/Icons/Sidebar
 msgid "icons_blocks"

package/locales/fr/LC_MESSAGES/volto.po

@@ -723,11 +723,6 @@ msgstr "Sélectionner un fichier"
 msgid "Seleziona un'icona"
 msgstr ""
 
-#. Default: "Servizio disponibile e prenotabile"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
-msgid "Service available"
-msgstr ""
-
 #. Default: "Sono occorsi degli errori"
 #: components/Search/Search
 msgid "Sono occorsi degli errori"
@@ -1464,11 +1459,26 @@ msgstr ""
 msgid "come_fare_per_a_chi_si_rivolge"
 msgstr ""
 
+#. Default: "Allegati"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_allegati"
+msgstr ""
+
 #. Default: "Come fare"
 #: components/View/ComeFarePer/ComeFarePerComeFare
 msgid "come_fare_per_come_fare"
 msgstr ""
 
+#. Default: "Documenti"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_documenti"
+msgstr ""
+
+#. Default: "Modulistica"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_modulistica"
+msgstr ""
+
 #. Default: "Panoramica"
 #: components/View/ComeFarePer/ComeFarePerDescrizione
 msgid "come_fare_per_panoramica"
@@ -1489,11 +1499,6 @@ msgstr ""
 msgid "comefareper_approfondimenti"
 msgstr ""
 
-#. Default: "Documenti"
-#: components/View/ComeFarePer/ComeFarePerAllegati
-msgid "comefareper_documenti"
-msgstr ""
-
 #. Default: "Contatti"
 #: components/Blocks/Contacts/schema
 msgid "contacts_block_title"
@@ -2062,6 +2067,11 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#. Default: "Icona per {topic_title}"
+#: components/View/commons/PageHeader/HeaderIcon
+msgid "icon_title"
+msgstr ""
+
 #. Default: "Blocco con icone"
 #: components/Blocks/Icons/Sidebar
 msgid "icons_blocks"

package/locales/it/LC_MESSAGES/volto.po

@@ -716,11 +716,6 @@ msgstr "Seleziona un file"
 msgid "Seleziona un'icona"
 msgstr ""
 
-#. Default: "Servizio disponibile e prenotabile"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
-msgid "Service available"
-msgstr ""
-
 #. Default: "Sono occorsi degli errori"
 #: components/Search/Search
 msgid "Sono occorsi degli errori"
@@ -1457,11 +1452,26 @@ msgstr "Giallo"
 msgid "come_fare_per_a_chi_si_rivolge"
 msgstr ""
 
+#. Default: "Allegati"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_allegati"
+msgstr ""
+
 #. Default: "Come fare"
 #: components/View/ComeFarePer/ComeFarePerComeFare
 msgid "come_fare_per_come_fare"
 msgstr ""
 
+#. Default: "Documenti"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_documenti"
+msgstr ""
+
+#. Default: "Modulistica"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_modulistica"
+msgstr ""
+
 #. Default: "Panoramica"
 #: components/View/ComeFarePer/ComeFarePerDescrizione
 msgid "come_fare_per_panoramica"
@@ -1482,11 +1492,6 @@ msgstr ""
 msgid "comefareper_approfondimenti"
 msgstr ""
 
-#. Default: "Documenti"
-#: components/View/ComeFarePer/ComeFarePerAllegati
-msgid "comefareper_documenti"
-msgstr ""
-
 #. Default: "Contatti"
 #: components/Blocks/Contacts/schema
 msgid "contacts_block_title"
@@ -2055,6 +2060,11 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#. Default: "Icona per {topic_title}"
+#: components/View/commons/PageHeader/HeaderIcon
+msgid "icon_title"
+msgstr ""
+
 #. Default: "Blocco con icone"
 #: components/Blocks/Icons/Sidebar
 msgid "icons_blocks"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2026-04-10T09:33:51.894Z\n"
+"POT-Creation-Date: 2026-04-21T07:20:20.069Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -718,11 +718,6 @@ msgstr ""
 msgid "Seleziona un'icona"
 msgstr ""
 
-#. Default: "Servizio disponibile e prenotabile"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
-msgid "Service available"
-msgstr ""
-
 #. Default: "Sono occorsi degli errori"
 #: components/Search/Search
 msgid "Sono occorsi degli errori"
@@ -1459,11 +1454,26 @@ msgstr ""
 msgid "come_fare_per_a_chi_si_rivolge"
 msgstr ""
 
+#. Default: "Allegati"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_allegati"
+msgstr ""
+
 #. Default: "Come fare"
 #: components/View/ComeFarePer/ComeFarePerComeFare
 msgid "come_fare_per_come_fare"
 msgstr ""
 
+#. Default: "Documenti"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_documenti"
+msgstr ""
+
+#. Default: "Modulistica"
+#: components/View/ComeFarePer/ComeFarePerDocumenti
+msgid "come_fare_per_modulistica"
+msgstr ""
+
 #. Default: "Panoramica"
 #: components/View/ComeFarePer/ComeFarePerDescrizione
 msgid "come_fare_per_panoramica"
@@ -1484,11 +1494,6 @@ msgstr ""
 msgid "comefareper_approfondimenti"
 msgstr ""
 
-#. Default: "Documenti"
-#: components/View/ComeFarePer/ComeFarePerAllegati
-msgid "comefareper_documenti"
-msgstr ""
-
 #. Default: "Contatti"
 #: components/Blocks/Contacts/schema
 msgid "contacts_block_title"
@@ -2057,6 +2062,11 @@ msgstr ""
 msgid "iconDescription"
 msgstr ""
 
+#. Default: "Icona per {topic_title}"
+#: components/View/commons/PageHeader/HeaderIcon
+msgid "icon_title"
+msgstr ""
+
 #. Default: "Blocco con icone"
 #: components/Blocks/Icons/Sidebar
 msgid "icons_blocks"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.24.0",
+  "version": "2.25.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

package/src/components/Cards/CardContatti/CardContatti.jsx

@@ -6,7 +6,6 @@ import cx from 'classnames';
 import { Card, CardBody, CardText, CardTitle } from 'design-react-kit';
 
 import VoltoIcon from '@plone/volto/components/theme/Icon/Icon';
-import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 import { PuntoDiContattoValue } from 'io-sanita-theme/helpers';
 
 import telephoneIcon from 'io-sanita-theme/icons/telephone_icon.svg';
@@ -19,8 +18,6 @@ const CardContatti = ({
   className,
   ...rest
 }) => {
-  const contactUrl = item['@id'];
-
   return (
     <Card
       className={cx('shadow rounded card-contatti no-after', className)}
@@ -33,13 +30,7 @@ const CardContatti = ({
               className="me-2 icon-sm icon-svg-telephone"
               name={telephoneIcon}
             />
-            <ConditionalLink
-              to={contactUrl}
-              condition={contactUrl != null}
-              className="text-decoration-none"
-            >
-              {item.title}
-            </ConditionalLink>
+            {item.title}
           </CardTitle>
         )}
         {item?.contatti?.length > 0 && (
@@ -48,10 +39,10 @@ const CardContatti = ({
               return pdc.valore ? (
                 <span key={index}>
                   <span className="pdc-type">{pdc.tipo_label || pdc.tipo}</span>
-                  {/* <span className="pdc-desc">
-                    {pdc.descrizione ? ` - ${pdc.descrizione}` : ''}:{' '}
-                  </span> */}
                   : <PuntoDiContattoValue value={pdc} />
+                  <span className="pdc-desc">
+                    {pdc.descrizione ? ` - ${pdc.descrizione}` : ''}
+                  </span>
                 </span>
               ) : (
                 <></>

package/src/components/Cards/CardContatti/cardContatti.scss

@@ -12,10 +12,11 @@
     span {
       flex: 1 1 100%;
       font-size: 0.8886rem;
+      word-break: break-word;
     }
 
     .pdc-type {
       text-transform: capitalize;
     }
   }
-}
+}

package/src/components/View/ComeFarePer/ComeFarePerDocumenti.jsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import { contentFolderHasItems } from 'io-sanita-theme/helpers';
+import {
+  BackReferences,
+  Attachments,
+} from 'io-sanita-theme/components/View/commons';
+
+const messages = defineMessages({
+  allegati: {
+    id: 'come_fare_per_allegati',
+    defaultMessage: 'Allegati',
+  },
+  modulistica: { id: 'come_fare_per_modulistica', defaultMessage: 'Modulistica' },
+  documenti: {
+    id: 'come_fare_per_documenti',
+    defaultMessage: 'Documenti',
+  },
+});
+
+const ComeFarePerDocumenti = ({ content }) => {
+  const intl = useIntl();
+
+  return (
+    <>
+      {contentFolderHasItems(content, 'modulistica') && (
+        <Attachments
+          content={content}
+          folder_name={'modulistica'}
+          title={intl.formatMessage(messages.modulistica)}
+        />
+      )}
+      {contentFolderHasItems(content, 'allegati') && (
+        <Attachments
+          content={content}
+          folder_name={'allegati'}
+          title={intl.formatMessage(messages.allegati)}
+        />
+      )}
+
+      <BackReferences
+        type="Documento"
+        content={content}
+        id={'documenti_correlati'}
+        title={intl.formatMessage(messages.documenti)}
+      />
+    </>
+  );
+};
+
+ComeFarePerDocumenti.propTypes = {
+  content: PropTypes.object.isRequired,
+};
+
+export default ComeFarePerDocumenti;

package/src/components/View/ComeFarePer/ComeFarePerView.jsx

@@ -22,23 +22,23 @@ import {
 import {
   ComeFarePerDescrizione,
   ComeFarePerAChiSiRivolge,
-  ComeFarePerAllegati,
   ComeFarePerComeFare,
   ComeFarePerApprofondimenti,
   ComeFarePerUlterioriInformazioni,
+  ComeFarePerDocumenti,
   ComeFarePerSchemaOrg,
 } from 'io-sanita-theme/components/View/ComeFarePer';
 
 export const ComeFarePerViewSectionsOrder = [
   { /* DESCRIZIONE ESTESA (Panoramica) */ component: ComeFarePerDescrizione },
   { /* A CHI SI RIVOLGE */ component: ComeFarePerAChiSiRivolge },
-  { /* ALLEGATI */ component: ComeFarePerAllegati },
   { /* COME FARE */ component: ComeFarePerComeFare },
   { /* APPROFONDIMENTI */ component: ComeFarePerApprofondimenti },
   {
     /* ULTERIORI INFORMAZIONI (e Parliamo di) */ component:
       ComeFarePerUlterioriInformazioni,
   },
+  { /* DOCUMENTI & ALLEGATI */ component: ComeFarePerDocumenti },
   { /* METADATA */ component: Metadata },
   { /* SCHEMA ORG*/ component: ComeFarePerSchemaOrg },
 ];

package/src/components/View/ComeFarePer/index.js

@@ -10,11 +10,7 @@ export const ComeFarePerAChiSiRivolge = loadable(() =>
     /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerAChiSiRivolge'
   ),
 );
-export const ComeFarePerAllegati = loadable(() =>
-  import(
-    /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerAllegati'
-  ),
-);
+
 export const ComeFarePerComeFare = loadable(() =>
   import(
     /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerComeFare'
@@ -26,6 +22,11 @@ export const ComeFarePerDescrizione = loadable(() =>
     /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerDescrizione'
   ),
 );
+export const ComeFarePerDocumenti = loadable(() =>
+  import(
+    /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerDocumenti'
+  ),
+);
 export const ComeFarePerUlterioriInformazioni = loadable(() =>
   import(
     /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerUlterioriInformazioni'

package/src/components/View/commons/PageHeader/HeaderIcon.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { useIntl, defineMessages } from 'react-intl';
+import PropTypes from 'prop-types';
+import { Icon } from 'io-sanita-theme/components';
+
+const messages = defineMessages({
+  iconTitle: {
+    id: 'icon_title',
+    defaultMessage: 'Icona per {topic_title}',
+  },
+});
+
+const HeaderIcon = ({ icon, title }) => {
+  const intl = useIntl();
+
+  return icon ? (
+    <div className="icon-argument-container mb-2">
+      <Icon
+        icon={icon}
+        {...(title
+          ? {
+              title: intl.formatMessage(messages.iconTitle, {
+                topic_title: title,
+              }),
+            }
+          : { 'aria-hidden': true })}
+      />
+    </div>
+  ) : null;
+};
+
+export default HeaderIcon;
+
+HeaderIcon.propTypes = {
+  icon: PropTypes.string,
+};

package/src/components/View/commons/PageHeader/PageHeader.jsx

@@ -18,6 +18,7 @@ import {
   PageHeaderPersona,
   Sharing,
 } from 'io-sanita-theme/components/View/commons';
+import HeaderIcon from 'io-sanita-theme/components/View/commons/PageHeader/HeaderIcon';
 
 const messages = defineMessages({
   reading_time: {
@@ -57,6 +58,9 @@ const PageHeader = (props) => {
     <div className="PageHeaderWrapper mb-4">
       <div className="row mb-2 mb-lg-0 page-header">
         <div className="py-lg-2 col-lg-10 page-header-left">
+          {(content.icon || content.icona) && (
+            <HeaderIcon icon={content.icon || content.icona} />
+          )}
           <h1
             data-element={
               content['@type'] === 'Servizio' ? 'service-title' : 'page-name'

package/src/components/View/commons/PageHeader/PageHeaderStatoServizio.jsx

@@ -1,25 +1,8 @@
-import { defineMessages, useIntl } from 'react-intl';
 import { BadgeStatusServizio } from 'io-sanita-theme/components/View/Servizio';
 
-const messages = defineMessages({
-  service_available: {
-    id: 'Service available',
-    defaultMessage: 'Servizio disponibile e prenotabile',
-  },
-});
-
 const PageHeaderServizio = ({ content }) => {
-  const intl = useIntl();
-
   return content['@type'] === 'Servizio' ? (
-    <div className="mb-3">
-      <BadgeStatusServizio item={content} />
-      {content.servizio_attivo && (
-        <span className="px-2">
-          {intl.formatMessage(messages.service_available)}
-        </span>
-      )}
-    </div>
+    <BadgeStatusServizio item={content} wrapperClassName="mb-3" />
   ) : null;
 };
 

package/src/config/ioSanitaConfig.js

@@ -25,6 +25,7 @@ import faUserSVG from 'io-sanita-theme/icons/user.svg';
 import faCogSVG from 'io-sanita-theme/icons/cog.svg';
 import faSitemapSVG from 'io-sanita-theme/icons/sitemap.svg';
 import faBuildingSVG from 'io-sanita-theme/icons/building.svg';
+import faAslSVG from 'io-sanita-theme/icons/asl.svg';
 import faFileDownloadSVG from 'io-sanita-theme/icons/file-download.svg';
 import faQuestionSVG from 'io-sanita-theme/icons/question-solid.svg';
 import bandoSVG from 'io-sanita-theme/icons/bando.svg';
@@ -141,6 +142,7 @@ export default function applyConfig(config) {
       Image: faImageSVG,
       File: faFileSVG,
       Link: faLinkSVG,
+      Struttura: faAslSVG,
 
       Argomento: faBoxOpenSVG,
       CartellaModulistica: faArchiveSVG,

package/src/theme/_cms-ui.scss

@@ -613,6 +613,28 @@ body.cms-ui {
       .icon.icon-margin {
         width: 20px !important;
       }
+
+      .future,
+      .expired {
+        display: inline-block;
+        padding: 2px 8px;
+        margin-left: 0.5em;
+        border-radius: 4px;
+        font-size: 0.8em;
+        font-weight: 600;
+        text-decoration: none;
+        white-space: nowrap;
+      }
+
+      .future {
+        background-color: #0066cc;
+        color: white;
+      }
+
+      .expired {
+        background-color: rgb(228, 1, 102);
+        color: white;
+      }
     }
   }
   #page-contents.ui.container.folder-contents {
@@ -750,7 +772,7 @@ body.cms-ui {
 body.has-toolbar {
   #toolbar {
     .toolbar-content.show {
-      z-index: 9;
+      z-index: 501;
     }
     .personal-tools {
       .avatar {

package/src/theme/io-sanita/components/blocks/_video.scss

@@ -52,7 +52,7 @@
     }
   }
 
-  &.align.center iframe,
+  .video-inner iframe,
   &.full .video-inner.full-width iframe {
     position: absolute;
     top: 0;

package/src/theme/io-sanita/components/view/commons/_pageHeader.scss

@@ -1,3 +1,23 @@
+.icon-argument-container {
+  display: flex;
+  width: 44px;
+  min-width: 44px;
+  height: 44px;
+  min-height: 44px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 44px;
+  background-color: #f5f6f7;
+
+  .icon,
+  svg {
+    width: 24px;
+    height: 24px;
+    color: $primary;
+    fill: $primary;
+  }
+}
+
 .PageHeaderWrapper {
   h1 {
     margin-bottom: 0.67em;

package/src/components/View/ComeFarePer/ComeFarePerAllegati.jsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { defineMessages, useIntl } from 'react-intl';
-import { Attachments } from 'io-sanita-theme/components/View/commons';
-import { contentFolderHasItems } from 'io-sanita-theme/helpers';
-
-const messages = defineMessages({
-  documenti: {
-    id: 'comefareper_documenti',
-    defaultMessage: 'Documenti',
-  },
-});
-
-const ComeFarePerAllegati = ({ content }) => {
-  const intl = useIntl();
-
-  return (
-    contentFolderHasItems(content, 'allegati') && (
-      <Attachments
-        content={content}
-        folder_name={'allegati'}
-        title={intl.formatMessage(messages.documenti)}
-      />
-    )
-  );
-};
-
-ComeFarePerAllegati.propTypes = {
-  content: PropTypes.object.isRequired,
-};
-
-export default ComeFarePerAllegati;