@eeacms/volto-clms-theme 1.1.223 → 1.1.224

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.1.224](https://github.com/eea/volto-clms-theme/compare/1.1.223...1.1.224) - 23 March 2025
+
+#### :rocket: New Features
+
+- feat: add a message about the range of the time series datasets in the Download tab of the dataset -refs #283619 [ana-oprea - [`abddead`](https://github.com/eea/volto-clms-theme/commit/abddeadc7b5c276c46341aa0fa5712648f483fcb)]
+
 ### [1.1.223](https://github.com/eea/volto-clms-theme/compare/1.1.222...1.1.223) - 19 March 2025
 
 #### :bug: Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.223",
+  "version": "1.1.224",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/components/CLMSDatasetDetailView/DownloadDataSetContent.jsx

@@ -10,7 +10,9 @@ import {
   sanitizedHTML,
 } from '@eeacms/volto-clms-theme/components/CclUtils';
 
-const DownloadDataSetContent = (data, token) => {
+import InfoDownloadDataSet from './InfoDownloadDataSet';
+
+const DownloadDataSetContent = (data, token, fontAwesomeSolid) => {
   const user = useSelector((state) => state?.users?.user);
   const locale = useSelector((state) => state?.intl?.locale);
   let download_other_ways_access_dataset = sanitizedHTML(
@@ -26,7 +28,16 @@ const DownloadDataSetContent = (data, token) => {
   return (
     <div>
       {data?.downloadable_full_dataset && (
-        <div className="dataset-download-area">
+        <div
+          className={
+            data.download_limit_temporal_extent &&
+            user?.['@id'] &&
+            (data.mapviewer_istimeseries ||
+              data.download_show_auxiliary_calendar)
+              ? ''
+              : 'dataset-download-area'
+          }
+        >
           {data.mapviewer_istimeseries ||
           data.download_show_auxiliary_calendar ? (
             <>
@@ -49,11 +60,18 @@ const DownloadDataSetContent = (data, token) => {
           {user?.['@id'] ? (
             data.mapviewer_istimeseries ||
             data.download_show_auxiliary_calendar ? (
-              <CclButton
-                url={'/' + locale + '/map-viewer?dataset=' + data?.UID}
-              >
-                Go to download by area and time
-              </CclButton>
+              <>
+                <CclButton
+                  url={'/' + locale + '/map-viewer?dataset=' + data?.UID}
+                >
+                  Go to download by area and time
+                </CclButton>
+                {data.download_limit_temporal_extent && (
+                  <InfoDownloadDataSet
+                    temporalLimitExtent={data.download_limit_temporal_extent}
+                  />
+                )}
+              </>
             ) : (
               <CclButton
                 url={'/' + locale + '/map-viewer?dataset=' + data?.UID}
@@ -98,7 +116,7 @@ const DownloadDataSetContent = (data, token) => {
 
       {download_other_ways_access_dataset !== '' && (
         <div className="dataset-access-container">
-          <h2>You can also access this dataset</h2>
+          <h2>Access data on external site(s)</h2>
           <StringToHTML
             string={data?.download_other_ways_access_dataset?.data || ''}
           />

package/src/components/CLMSDatasetDetailView/InfoDownloadDataSet.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import { FontAwesomeIcon } from '@eeacms/volto-clms-utils/components';
+import { withFontAwesomeLibs } from '@eeacms/volto-clms-utils/helpers';
+
+function InfoDownloadDataSet({ temporalLimitExtent, fontAwesomeSolid }) {
+  return (
+    <div className="info-download-dataset-container">
+      <span className="info-download-icon" direction="up">
+        <FontAwesomeIcon icon={fontAwesomeSolid.faInfoCircle} />
+      </span>
+      <div className="info-download-dataset-description">
+        For this product the maximum download period is{' '}
+        <span className="info-download-days">{temporalLimitExtent} days.</span>
+      </div>
+    </div>
+  );
+}
+
+export default withFontAwesomeLibs(InfoDownloadDataSet);

package/theme/site/extras/custom.overrides

@@ -26,4 +26,5 @@
 @import 'order-documents-widget';
 @import 'column-product-card';
 @import 'product-tab-toggle';
-@import 'clms-table';
+@import 'clms-table';
+@import 'dataset-info-section';

package/theme/site/extras/dataset-info-section.less

@@ -0,0 +1,22 @@
+.info-download-dataset-container {
+  background-color: #f5f5f5;
+  padding: 0.5rem;
+  width: fit-content;
+  color: #262626;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 5px;
+
+  .info-download-icon {
+    color: #262626;
+    margin-right: 0.5rem;
+  }
+
+  .info-download-dataset-description {
+    display: inline-block;
+
+    .info-download-days {
+      font-weight: bold;
+    }
+  }
+}