io-sanita-theme 2.23.2 → 2.24.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [2.24.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.23.2...2.24.0) (2026-04-10)
+
+### Features
+
+* create new component for badge service status ([#122](https://github.com/RedTurtle/io-sanita-theme/issues/122)) ([2452d1e](https://github.com/RedTurtle/io-sanita-theme/commit/2452d1e26fa963b3043695b4e99a6f59108e1f38))
+* video block added in grid block ([#121](https://github.com/RedTurtle/io-sanita-theme/issues/121)) ([a08d2a2](https://github.com/RedTurtle/io-sanita-theme/commit/a08d2a2a893e109e2f0135670a7cf4652865dbf6))
+
+### Maintenance
+
+* preparing release 2.24.0 ([6332b72](https://github.com/RedTurtle/io-sanita-theme/commit/6332b72f23634f305e1be5050b8b1555fe251377))
+
+### Documentation
+
+* test ([65db9b9](https://github.com/RedTurtle/io-sanita-theme/commit/65db9b93b686c6a422ea437144a085ce540ab164))
+
 ## [2.23.2](https://github.com/RedTurtle/io-sanita-theme/compare/2.23.0...2.23.2) (2026-03-20)
 
 ### Bug Fixes

package/RELEASE.md

@@ -41,12 +41,23 @@
 - ...
  -->
 
+## Versione 2.24.0 (10/04/2026)
+
+### Fix
+
+- Sistemata l'etichetta relativa allo stato del Servizio nelle card. Ora mostra correttamente "Attivo" o "Non attivo" a seconda dello stato del servizio, invece di mostrare sempre "Servizio Online".
+
+### Novità
+
+- Aggiunta la possibilità di inserire il blocco Video all'interno del blocco Griglia.
+
 ## Versione 2.23.2 (20/03/2026)
 
 ### Fix
 
 - Sistemata l'altezza del blocco "Alert" in visualizzaizone.
 - Sistemata la visualizzazione dei nomi dei file che in alcuni casi contenevano caratteri speciali.
+-
 
 ## Versione 2.23.0 (19/03/2026)
 

package/locales/de/LC_MESSAGES/volto.po

@@ -3433,12 +3433,12 @@ msgid "select_risultato"
 msgstr ""
 
 #. Default: "Servizio non attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_off"
 msgstr ""
 
 #. Default: "Servizio attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_on"
 msgstr ""
 
@@ -3502,12 +3502,6 @@ msgstr ""
 msgid "servizio_modulistica"
 msgstr ""
 
-#. Default: "Servizio online"
-#: components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault
-#: components/Cards/CardSimple/CardSimple
-msgid "servizio_online_chip"
-msgstr ""
-
 #. Default: "Orari del servizio"
 #: components/View/Servizio/ServizioOrari
 msgid "servizio_orari"

package/locales/en/LC_MESSAGES/volto.po

@@ -3428,12 +3428,12 @@ msgid "select_risultato"
 msgstr "result"
 
 #. Default: "Servizio non attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_off"
 msgstr "Service not available"
 
 #. Default: "Servizio attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_on"
 msgstr "Service available"
 
@@ -3497,12 +3497,6 @@ msgstr "Where"
 msgid "servizio_modulistica"
 msgstr "Forms"
 
-#. Default: "Servizio online"
-#: components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault
-#: components/Cards/CardSimple/CardSimple
-msgid "servizio_online_chip"
-msgstr "Online service"
-
 #. Default: "Orari del servizio"
 #: components/View/Servizio/ServizioOrari
 msgid "servizio_orari"

package/locales/es/LC_MESSAGES/volto.po

@@ -3435,12 +3435,12 @@ msgid "select_risultato"
 msgstr ""
 
 #. Default: "Servizio non attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_off"
 msgstr ""
 
 #. Default: "Servizio attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_on"
 msgstr ""
 
@@ -3504,12 +3504,6 @@ msgstr ""
 msgid "servizio_modulistica"
 msgstr ""
 
-#. Default: "Servizio online"
-#: components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault
-#: components/Cards/CardSimple/CardSimple
-msgid "servizio_online_chip"
-msgstr ""
-
 #. Default: "Orari del servizio"
 #: components/View/Servizio/ServizioOrari
 msgid "servizio_orari"

package/locales/fr/LC_MESSAGES/volto.po

@@ -3435,12 +3435,12 @@ msgid "select_risultato"
 msgstr ""
 
 #. Default: "Servizio non attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_off"
 msgstr ""
 
 #. Default: "Servizio attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_on"
 msgstr ""
 
@@ -3504,12 +3504,6 @@ msgstr ""
 msgid "servizio_modulistica"
 msgstr ""
 
-#. Default: "Servizio online"
-#: components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault
-#: components/Cards/CardSimple/CardSimple
-msgid "servizio_online_chip"
-msgstr ""
-
 #. Default: "Orari del servizio"
 #: components/View/Servizio/ServizioOrari
 msgid "servizio_orari"

package/locales/it/LC_MESSAGES/volto.po

@@ -3428,12 +3428,12 @@ msgid "select_risultato"
 msgstr ""
 
 #. Default: "Servizio non attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_off"
 msgstr "Servizio non attivo"
 
 #. Default: "Servizio attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_on"
 msgstr "Servizio attivo"
 
@@ -3497,12 +3497,6 @@ msgstr ""
 msgid "servizio_modulistica"
 msgstr ""
 
-#. Default: "Servizio online"
-#: components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault
-#: components/Cards/CardSimple/CardSimple
-msgid "servizio_online_chip"
-msgstr ""
-
 #. Default: "Orari del servizio"
 #: components/View/Servizio/ServizioOrari
 msgid "servizio_orari"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-09-19T13:15:59.811Z\n"
+"POT-Creation-Date: 2026-04-10T09:33:51.894Z\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"
@@ -3430,12 +3430,12 @@ msgid "select_risultato"
 msgstr ""
 
 #. Default: "Servizio non attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_off"
 msgstr ""
 
 #. Default: "Servizio attivo"
-#: components/View/commons/PageHeader/PageHeaderStatoServizio
+#: components/View/Servizio/BadgeStatusServizio
 msgid "service_on"
 msgstr ""
 
@@ -3499,12 +3499,6 @@ msgstr ""
 msgid "servizio_modulistica"
 msgstr ""
 
-#. Default: "Servizio online"
-#: components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault
-#: components/Cards/CardSimple/CardSimple
-msgid "servizio_online_chip"
-msgstr ""
-
 #. Default: "Orari del servizio"
 #: components/View/Servizio/ServizioOrari
 msgid "servizio_orari"

package/package.json

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

package/publiccode.yml

@@ -12,14 +12,15 @@ categories:
 dependsOn:
   open:
     - name: nodejs
-      versionMin: '20'
+      versionMin: "20"
     - name: Python
-      versionMin: '3.11'
+      versionMin: "3.11"
     - name: Docker
-      versionMin: '18.03'
+      versionMin: "18.03"
       optional: true
 usedBy:
   - AUSL Ferrara
+  - IRST
 developmentStatus: stable
 softwareType: standalone/web
 description:

package/src/components/Blocks/Listing/SimpleCard/Card/SimpleCardDefault.jsx

@@ -9,7 +9,6 @@ import {
   CardTitle,
   CardText,
   CardReadMore,
-  Badge,
 } from 'design-react-kit';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
@@ -22,6 +21,7 @@ import {
 } from 'io-sanita-theme/helpers';
 import { CardCategoryBottom } from 'io-sanita-theme/components';
 import { ListingText } from 'io-sanita-theme/components/Blocks';
+import { BadgeStatusServizio } from 'io-sanita-theme/components/View/Servizio';
 
 import { CardCategoryTop } from 'io-sanita-theme/components';
 import 'io-sanita-theme/components/Cards/CardSimple/cardSimple.scss';
@@ -36,10 +36,6 @@ const messages = defineMessages({
     id: 'update_date',
     defaultMessage: 'Data di aggiornamento',
   },
-  servizioOnline: {
-    id: 'servizio_online_chip',
-    defaultMessage: 'Servizio online',
-  },
 });
 
 const SimpleCardDefault = (props) => {
@@ -92,8 +88,6 @@ const SimpleCardDefault = (props) => {
   const listingText = show_description ? <ListingText item={item} /> : null;
 
   const type = item['@type'];
-  const isServizioOnline =
-    item['@type'] === 'Servizio' && item?.servizio_attivo;
 
   const BlockExtraTags = getComponentWithFallback({
     name: 'BlockExtraTags',
@@ -127,13 +121,7 @@ const SimpleCardDefault = (props) => {
           </CardTitle>
 
           {/* Chip servizio attivo */}
-          {isServizioOnline && (
-            <div className="mb-3">
-              <Badge color="info">
-                {intl.formatMessage(messages.servizioOnline)}
-              </Badge>
-            </div>
-          )}
+          <BadgeStatusServizio item={item} wrapperClassName="mb-3" />
           {listingText && (
             <CardText className={cx('', { 'mb-5': eventRecurrenceMore })}>
               {listingText}

package/src/components/Cards/CardSimple/CardSimple.jsx

@@ -7,20 +7,14 @@ del modello dei siti ASL, la prop che va a leggere è: 'servizio_attivo'
 */
 
 import React from 'react';
-import { useIntl, defineMessages } from 'react-intl';
+import { useIntl } from 'react-intl';
 import Highlighter from 'react-highlight-words';
 import { Card, CardBody, CardTitle, CardText, Badge } from 'design-react-kit';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import { CardCategoryBottom } from 'io-sanita-theme/components';
+import { BadgeStatusServizio } from 'io-sanita-theme/components/View/Servizio';
 import { viewDate } from 'io-sanita-theme/helpers';
 import './cardSimple.scss';
-
-const messages = defineMessages({
-  servizioOnline: {
-    id: 'servizio_online_chip',
-    defaultMessage: 'Servizio online',
-  },
-});
 export const CardSimple = ({
   showDescription = true,
   showCategory = true,
@@ -38,8 +32,7 @@ export const CardSimple = ({
       ? viewDate(intl.locale, item.effective, 'DD MMMM YYYY')
       : null;
 
-  const isServizioOnline =
-    item['@type'] === 'Servizio' && item?.servizio_attivo;
+  const isServizio = item['@type'] === 'Servizio';
 
   const title = highlight ? (
     <Highlighter
@@ -63,7 +56,7 @@ export const CardSimple = ({
     item.description
   );
 
-  const display_badge = isServizioOnline || badgeText?.length > 0;
+  const display_badge = isServizio || badgeText?.length > 0;
   return (
     <Card className={`shadow rounded no-after card-simple ${className ?? ''}`}>
       <CardBody>
@@ -86,11 +79,11 @@ export const CardSimple = ({
           {/* Chip badge: servizio attivo per servizi o badge con badgeText */}
           {display_badge && (
             <div className={showDescription ? 'mb-3' : ''}>
-              <Badge color="info">
-                {isServizioOnline
-                  ? intl.formatMessage(messages.servizioOnline)
-                  : badgeText}
-              </Badge>
+              {isServizio ? (
+                <BadgeStatusServizio item={item} />
+              ) : (
+                <Badge color="info">{badgeText}</Badge>
+              )}
             </div>
           )}
 

package/src/components/View/Servizio/BadgeStatusServizio.jsx

@@ -0,0 +1,37 @@
+import { defineMessages, useIntl } from 'react-intl';
+import { Badge } from 'design-react-kit';
+
+const messages = defineMessages({
+  service_on: {
+    id: 'service_on',
+    defaultMessage: 'Servizio attivo',
+  },
+  service_off: {
+    id: 'service_off',
+    defaultMessage: 'Servizio non attivo',
+  },
+});
+
+const BadgeStatusServizio = ({ item, wrapperClassName = null }) => {
+  const intl = useIntl();
+
+  if (item?.['@type'] !== 'Servizio') {
+    return null;
+  }
+
+  const badge = (
+    <Badge color={item.servizio_attivo ? 'info' : 'danger'}>
+      {item.servizio_attivo
+        ? intl.formatMessage(messages.service_on)
+        : intl.formatMessage(messages.service_off)}
+    </Badge>
+  );
+
+  return wrapperClassName ? (
+    <div className={wrapperClassName}>{badge}</div>
+  ) : (
+    badge
+  );
+};
+
+export default BadgeStatusServizio;

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

@@ -108,3 +108,9 @@ export const ServizioSchemaOrg = loadable(
       /* webpackChunkName: "ISServizioView" */ 'io-sanita-theme/components/View/Servizio/ServizioSchemaOrg'
     ),
 );
+export const BadgeStatusServizio = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "ISBadgeStatusServizio" */ 'io-sanita-theme/components/View/Servizio/BadgeStatusServizio'
+    ),
+);

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

@@ -1,19 +1,11 @@
 import { defineMessages, useIntl } from 'react-intl';
-import { Badge } from 'design-react-kit';
+import { BadgeStatusServizio } from 'io-sanita-theme/components/View/Servizio';
 
 const messages = defineMessages({
   service_available: {
     id: 'Service available',
     defaultMessage: 'Servizio disponibile e prenotabile',
   },
-  service_on: {
-    id: 'service_on',
-    defaultMessage: 'Servizio attivo',
-  },
-  service_off: {
-    id: 'service_off',
-    defaultMessage: 'Servizio non attivo',
-  },
 });
 
 const PageHeaderServizio = ({ content }) => {
@@ -21,11 +13,7 @@ const PageHeaderServizio = ({ content }) => {
 
   return content['@type'] === 'Servizio' ? (
     <div className="mb-3">
-      <Badge color={content.servizio_attivo ? 'info' : 'danger'}>
-        {content.servizio_attivo
-          ? intl.formatMessage(messages.service_on)
-          : intl.formatMessage(messages.service_off)}
-      </Badge>
+      <BadgeStatusServizio item={content} />
       {content.servizio_attivo && (
         <span className="px-2">
           {intl.formatMessage(messages.service_available)}

package/src/config/blocks/index.js

@@ -205,9 +205,12 @@ export const applyIoSanitaBlocksConfig = (config) => {
     },
     gridBlock: {
       ...config.blocks.blocksConfig.gridBlock,
-      allowedBlocks: config.blocks.blocksConfig.gridBlock.allowedBlocks.filter(
-        (item) => !['teaser'].includes(item),
-      ),
+      allowedBlocks: [
+        ...config.blocks.blocksConfig.gridBlock.allowedBlocks.filter(
+          (item) => !['teaser'].includes(item),
+        ),
+        'video',
+      ],
     },
     hero: {
       id: 'hero',
@@ -288,7 +291,9 @@ export const applyIoSanitaBlocksConfig = (config) => {
     search: {
       ...config.blocks.blocksConfig.search,
       // filtro top non personalizzato / non funzionante con layout agid
-      variations: config.blocks.blocksConfig.search.variations.filter((v) => v.id !== 'facetsTopSide'), 
+      variations: config.blocks.blocksConfig.search.variations.filter(
+        (v) => v.id !== 'facetsTopSide',
+      ),
       templates: [
         ...listingVariations.map((v) => v.id).filter((v) => v !== 'carousel'),
       ],