design-comuni-plone-theme 8.7.12 → 8.8.1

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 
 
+## [8.8.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.8.0...v8.8.1) (2023-11-03)
+
+
+### Bug Fixes
+
+* fix gallery preview image ([f2ddb87](https://github.com/redturtle/design-comuni-plone-theme/commit/f2ddb8798fcdd88cc003791c483240f4d95e3880))
+* fix slider dr dots margin ([8e24914](https://github.com/redturtle/design-comuni-plone-theme/commit/8e2491430c7951cbc87fcf30cb860c1ae0f55460))
+* RSS template div source moved inside condition and changed release.md ([#386](https://github.com/redturtle/design-comuni-plone-theme/issues/386)) ([200fefa](https://github.com/redturtle/design-comuni-plone-theme/commit/200fefad7b0c7596cdcb3109ef5962d53b643626))
+* source added for rss single card ([#384](https://github.com/redturtle/design-comuni-plone-theme/issues/384)) ([669f165](https://github.com/redturtle/design-comuni-plone-theme/commit/669f16575e93944a354119aff4a6dd4ba9cf58b8))
+
+
+### Maintenance
+
+* preparing release 8.8.1 ([d12c618](https://github.com/redturtle/design-comuni-plone-theme/commit/d12c61899c0cd5b658e6fa38234f90a029b1786c))
+
+## [8.8.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.7.12...v8.8.0) (2023-10-31)
+
+
+### Features
+
+* added id and title_it adttrs and handled h2 title_type in  Gallery component ([4d5949e](https://github.com/redturtle/design-comuni-plone-theme/commit/4d5949eb2393f442e6541637e89123153606279e))
+
+
+### Bug Fixes
+
+* fixed image url in Photogallery listing popup ([#383](https://github.com/redturtle/design-comuni-plone-theme/issues/383)) ([b8d2e20](https://github.com/redturtle/design-comuni-plone-theme/commit/b8d2e207cdefd018824229975ac0f5ac0bdb8d0c))
+
+
+### Maintenance
+
+* preparing release ([2e6d0a5](https://github.com/redturtle/design-comuni-plone-theme/commit/2e6d0a56ddd96ecbf48e68e03fcc3caf061ceb55))
+
 ## [8.7.12](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.7.11...v8.7.12) (2023-10-27)
 
 

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
 -->
 
+## Versione 8.8.1 (03/11/2023)
+
+### Fix
+
+- Nei template dei feed RSS ora viene mostrata la sorgente se presente.
+
 ## Versione 8.7.12 (27/10/2023)
 
 ### Fix

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.7.12",
+  "version": "8.8.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-10-27'
+releaseDate: '2023-11-03'
 softwareType: standalone/web
-softwareVersion: 8.7.12
+softwareVersion: 8.8.1
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Listing/PhotogalleryTemplate.jsx

@@ -10,8 +10,6 @@ import {
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import React, { useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-
-import DefaultImageSVG from '@plone/volto/components/manage/Blocks/Listing/default-image.svg';
 import { GalleryPreview } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import PropTypes from 'prop-types';
@@ -139,12 +137,14 @@ const PhotogalleryTemplate = ({
 
   const getCaption = (item) => item.description ?? item.rights ?? null;
 
-  const figure = (image, item) => (
-    <figure className="img-wrapper">
-      {image ? <>{image}</> : <img src={DefaultImageSVG} alt="" />}
-      {getCaption(item) && <figcaption>{getCaption(item)}</figcaption>}
-    </figure>
-  );
+  const figure = (image, item) => {
+    return (
+      <figure className="img-wrapper">
+        {image}
+        {getCaption(item) && <figcaption>{getCaption(item)}</figcaption>}
+      </figure>
+    );
+  };
 
   return (
     <div className="photogallery">

package/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx

@@ -83,6 +83,11 @@ const CardWithImageRssTemplate = ({
                       </span>{' '}
                     </div>
                     <CardTitle tag="h6">{item.title}</CardTitle>
+                    {item?.source?.length > 0 && (
+                      <div className="source-title">
+                        <span className="source">{item.source}</span>
+                      </div>
+                    )}
                   </CardBody>
                   <CardReadMore
                     iconName="it-arrow-right"

package/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx

@@ -71,6 +71,11 @@ const CardWithoutImageRssTemplate = ({
                       )}
                     </div>
                     <CardTitle tag="h5">{item.title}</CardTitle>
+                    {item?.source?.length > 0 && (
+                      <div className="source-title">
+                        <span className="source">{item.source}</span>
+                      </div>
+                    )}
                     <CardText tag="p" className="font-serif">
                       {item.contentSnippet}
                     </CardText>

package/src/components/ItaliaTheme/GalleryPreview/GalleryPreview.jsx

@@ -3,7 +3,6 @@ import { defineMessages, useIntl } from 'react-intl';
 import { flattenToAppURL } from '@plone/volto/helpers';
 
 import PropTypes from 'prop-types';
-
 import { Modal, ModalBody, Button, ModalHeader } from 'design-react-kit';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import DefaultImageSVG from '@plone/volto/components/manage/Blocks/Listing/default-image.svg';
@@ -33,6 +32,16 @@ const messages = defineMessages({
 const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
   const intl = useIntl();
   const [modalIsOpen, setModalIsOpen] = useState(false);
+  const image = items[viewIndex];
+
+  let checkUrlImage = image.image_field
+    ? image.image_scales?.[image.image_field]?.[0]?.scales?.larger?.download
+    : image?.image?.scales?.larger?.download ||
+      image?.image_scales?.image[0]?.scales?.larger?.download;
+
+  if (checkUrlImage?.startsWith('@@')) {
+    checkUrlImage = image['@id'] + '/' + checkUrlImage;
+  }
 
   const closeModal = () => {
     setViewIndex(null);
@@ -69,12 +78,10 @@ const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
             closeAriaLabel={intl.formatMessage(messages.close_preview)}
             toggle={closeModal}
           >
-            {items[viewIndex].title}
+            {image.title}
           </ModalHeader>
           <ModalBody>
-            {items[viewIndex].description && (
-              <p className="pb-3">{items[viewIndex].description}</p>
-            )}
+            {image.description && <p className="pb-3">{image.description}</p>}
             <div className="item-preview">
               {items.length > 1 && (
                 <Button
@@ -92,13 +99,11 @@ const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
                 </Button>
               )}
               <div className="image">
-                {items[viewIndex].image ? (
+                {checkUrlImage ? (
                   <img
-                    src={flattenToAppURL(
-                      items[viewIndex].image.scales.larger.download,
-                    )}
+                    src={flattenToAppURL(checkUrlImage)}
                     loading="lazy"
-                    alt={items[viewIndex].title}
+                    alt={image.title}
                   />
                 ) : (
                   <img src={DefaultImageSVG} alt="" />

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

@@ -36,8 +36,10 @@ const messages = defineMessages({
 const Gallery = ({
   content,
   folder_name,
+  id = '',
   title,
   title_type = 'h4',
+  title_id = 'galleria',
   title_video,
   className = '',
   reactSlick,
@@ -121,12 +123,23 @@ const Gallery = ({
       {images?.length > 0 ? (
         <div
           className={`it-carousel-wrapper it-carousel-landscape-abstract-three-cols ${className}`}
+          id={id}
         >
           <div className="slider-container">
             <div className="it-header-block">
               <div className="it-header-block-title">
-                {title_type === 'h4' && <h4 id="galleria">{gallery_title}</h4>}
-                {title_type === 'h5' && <h5 id="galleria">{gallery_title}</h5>}
+                {title_type === 'h2' && (
+                  <h2 id={title_id} className="mb-3 h4">
+                    {gallery_title}
+                  </h2>
+                )}
+                {title_type === 'h3' && (
+                  <h3 id={title_id} className="h5">
+                    {gallery_title}
+                  </h3>
+                )}
+                {title_type === 'h4' && <h4 id={title_id}>{gallery_title}</h4>}
+                {title_type === 'h5' && <h5 id={title_id}>{gallery_title}</h5>}
               </div>
             </div>
             <div className="it-carousel-all it-card-bg">

package/src/theme/ItaliaTheme/Blocks/_rssBlock.scss

@@ -1,3 +1,20 @@
+.rssBlock {
+  .card {
+    .card-body {
+      .source-title {
+        font-size: $card-category-size;
+        text-transform: uppercase;
+        color: $card-p-color;
+        margin-bottom: $card-category-m-bottom;
+        .source {
+          font-weight: bold;
+          letter-spacing: $card-category-l-spacing;
+        }
+      }
+    }
+  }
+}
+
 #text-body {
   .rssBlock {
     .row > * {

package/src/theme/ItaliaTheme/Views/_common.scss

@@ -294,6 +294,11 @@ div.sticky-wrapper {
   }
 }
 
+#view .it-carousel-wrapper .it-header-block .it-header-block-title h2.h4 {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+
 form.ui.form.vertical-form fieldset.invisible {
   min-width: 0;
 }

package/src/theme/ItaliaTheme/Views/_slider.scss

@@ -25,7 +25,7 @@
   ul.slick-dots {
     bottom: unset;
     padding: 0;
-    margin: 1.5rem 0 0;
+    margin: 0 0 0;
 
     li {
       button:before {