@eeacms/volto-clms-theme 1.0.80 → 1.0.81

package/CHANGELOG.md

@@ -4,8 +4,27 @@ 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.0.81](https://github.com/eea/volto-clms-theme/compare/1.0.80...1.0.81)
+
+- new status [`#230`](https://github.com/eea/volto-clms-theme/pull/230)
+- Dataset extra formats [`#229`](https://github.com/eea/volto-clms-theme/pull/229)
+- Prepackaged table columns [`#228`](https://github.com/eea/volto-clms-theme/pull/228)
+- fix tests [`326f571`](https://github.com/eea/volto-clms-theme/commit/326f57114023154467af0357f56aa35feb21f66a)
+- add new values to initial state [`2c2bff9`](https://github.com/eea/volto-clms-theme/commit/2c2bff92440565e9f5fe8ccb173a5f8f73ccc175)
+- fix [`f91ae0b`](https://github.com/eea/volto-clms-theme/commit/f91ae0b9b4c041c865fde9cad1462c9d770454ee)
+- tests [`2f6d48e`](https://github.com/eea/volto-clms-theme/commit/2f6d48ed551df5b1620b69f440d6c802216ab38b)
+- Cart modifications for extra formats [`7406959`](https://github.com/eea/volto-clms-theme/commit/74069598e41d40ccfb411a166040be151829c970)
+- new widget for extra formats [`0b8ed19`](https://github.com/eea/volto-clms-theme/commit/0b8ed19faba3bbe24fdb1ad9b29685d2ac7dc101)
+- remove some fields [`fad800e`](https://github.com/eea/volto-clms-theme/commit/fad800e836686c847e5afbdfa8fc4c4729a9e8ff)
+- conditioned columns [`e0c1126`](https://github.com/eea/volto-clms-theme/commit/e0c1126ce17359037d7e1ac8b7132006a242845f)
+- widget modification [`17e991c`](https://github.com/eea/volto-clms-theme/commit/17e991ceed4b832fe8dc7292c20b8c6c33f2da1f)
+- prepackaged cart modifications [`f9c72f0`](https://github.com/eea/volto-clms-theme/commit/f9c72f0b0893baaf6985cce4bfe623e1cb29e8af)
+
 #### [1.0.80](https://github.com/eea/volto-clms-theme/compare/1.0.79...1.0.80)
 
+> 7 March 2022
+
+- New release [`#227`](https://github.com/eea/volto-clms-theme/pull/227)
 - Card image border [`#226`](https://github.com/eea/volto-clms-theme/pull/226)
 - pre-download modal [`d91209f`](https://github.com/eea/volto-clms-theme/commit/d91209f1b01f47217eb7ca330f5bfdcae0d10c74)
 - hide text when not logged in [`c4b88e5`](https://github.com/eea/volto-clms-theme/commit/c4b88e5d4960d5b3d752d9d8852bfe1bb0911bca)

package/package.json

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

package/src/components/CLMSDownloadCartView/CLMSCartContent.jsx

@@ -199,13 +199,45 @@ const CLMSCartContent = (props) => {
 
   const AreaNaming = (areaProps) => {
     const { item } = areaProps;
-    function nutsName(nItem) {
-      return nItem.area?.type === 'nuts'
-        ? 'NUTS: ' + (nItem.area.valueName || nItem.area.value)
-        : '-';
+    switch (item.area?.type) {
+      case 'polygon':
+        return 'Bounding Box';
+      case 'nuts':
+        return 'NUTS: ' + (item.area.valueName || item.area.value);
+      case undefined:
+        return item.area || '-';
+      default:
+        return '-';
     }
+  };
+
+  const TypeNaming = (typeProps) => {
+    const { item } = typeProps;
+    if (item.file_id) {
+      return (
+        <span className={'tag tag-' + item?.type?.toLowerCase()}>
+          {contentOrDash(item.type)}
+        </span>
+      );
+    } else if (!item.type) {
+      return '-';
+    }
+
     return (
-      <>{item.area?.type === 'polygon' ? 'Bounding Box' : nutsName(item)}</>
+      <Select
+        placeholder="Select type"
+        value={item.type_options.length > 0 && item.type_options[0].id}
+        options={item.type_options.map((option) => {
+          return { key: option.id, value: option.id, text: option.name };
+        })}
+        onChange={(e, data) => {
+          const objIndex = cartItems.findIndex(
+            (obj) => obj.unique_id === item.unique_id,
+          );
+          cartItems[objIndex].type = data.value;
+          setCartItems([...cartItems]);
+        }}
+      />
     );
   };
 
@@ -243,8 +275,6 @@ const CLMSCartContent = (props) => {
                   <th>Type</th>
                   <th>Format</th>
                   <th>Projection</th>
-                  <th>Version</th>
-                  <th>Size</th>
                   <th></th>
                 </tr>
               </thead>
@@ -285,17 +315,19 @@ const CLMSCartContent = (props) => {
                           </div>
                         </div>
                       </td>
-                      <td>{contentOrDash(item.name)}</td>
+                      {item.title ? (
+                        <td>
+                          {item.title} ({contentOrDash(item.name)})
+                        </td>
+                      ) : (
+                        <td>{contentOrDash(item.name)}</td>
+                      )}
                       <td>{contentOrDash(item.source)}</td>
                       <td>
                         <AreaNaming item={item} />
                       </td>
                       <td>
-                        <span
-                          className={'tag tag-' + item?.type?.toLowerCase()}
-                        >
-                          {contentOrDash(item.type)}
-                        </span>
+                        <TypeNaming item={item} />
                       </td>
                       <td className="table-td-format">
                         {!item.file_id ? (
@@ -335,11 +367,9 @@ const CLMSCartContent = (props) => {
                             }}
                           />
                         ) : (
-                          item.projection
+                          '-'
                         )}
                       </td>
-                      <td>{item.version}</td>
-                      <td>{item.size}</td>
                       <td>
                         {item.task_in_progress ? (
                           <FontAwesomeIcon icon="spinner" spin />

package/src/components/CLMSDownloadCartView/cartUtils.js

@@ -19,9 +19,12 @@ export const getDownloadToolPostBody = (selectedItems) => {
       if (item.format) {
         body_extras['OutputFormat'] = item.format;
       }
-      if (item.format) {
+      if (item.projection) {
         body_extras['OutputGCS'] = item.projection;
       }
+      if (item.type) {
+        body_extras['DatasetDownloadInformationID'] = item.type;
+      }
     }
     return { DatasetID: item.dataset_uid, ...body_extras };
   });
@@ -33,6 +36,7 @@ export const getDownloadToolPostBody = (selectedItems) => {
 export const getCartObjectFromPrepackaged = (file_data, dataset_data) => {
   return {
     name: dataset_data.title,
+    title: file_data.title,
     area: file_data.area,
     format: file_data.format?.token || file_data.format,
     resolution: file_data.resolution,
@@ -59,6 +63,12 @@ export const getCartObjectFromMapviewer = (
   if (area?.type === 'nuts' && Object.keys(nutsnames).includes(area.value)) {
     area.valueName = nutsnames[area.value];
   }
+  const type_options = [];
+  if (dataset_data.dataset_download_information?.items.length > 0) {
+    dataset_data.dataset_download_information.items.forEach((item) => {
+      type_options.push({ id: item['@id'], name: item.name });
+    });
+  }
   return {
     name: dataset_data.dataResourceTitle || '-',
     area: area || '-',
@@ -69,7 +79,8 @@ export const getCartObjectFromMapviewer = (
     resolution: dataset_data.resolution || '-',
     size: dataset_data.size || '-',
     source: 'Map viewer',
-    type: dataset_data.dataResourceType || '-',
+    type: type_options.length > 0 ? type_options[0].id : null,
+    type_options: type_options,
     version: dataset_data.version || '-',
     year: dataset_data.year || '-',
     id: local_cart_data.id,

package/src/components/CLMSDownloadsView/CLMSDownloadTasks.jsx

@@ -13,13 +13,14 @@ import { Grid } from 'semantic-ui-react';
 
 const CLMSDownloadTasks = (props) => {
   const dispatch = useDispatch();
+  const [queued, setQueued] = useState([]);
   const [taskInProgress, setTaskInProgress] = useState([]);
   const [finishedOKTasks, setFinishedOKTasks] = useState([]);
   const [finishedNOKTasks, setFinishedNOKTasks] = useState([]);
   const [rejectedTasks, setRejectedTasks] = useState([]);
+  const [cancelled, setCancelled] = useState([]);
   const [showDeleteTaskLoading, setShowDeleteTaskLoading] = useState(false);
   const downloadtool = useSelector((state) => state.downloadtool);
-
   const user_id = useSelector((state) => state.users.user.id);
   const datasets = useSelector((state) => state.datasetsByUid.datasets.items);
   const nutsnames = useSelector((state) => state.nutsnames.nutsnames);
@@ -29,28 +30,34 @@ const CLMSDownloadTasks = (props) => {
   }, [dispatch]);
 
   useEffect(() => {
+    setQueued(downloadtool.download_queued);
     setTaskInProgress(downloadtool.download_in_progress);
     setFinishedOKTasks(downloadtool.download_finished_ok);
     setFinishedNOKTasks(downloadtool.download_finished_nok);
     setRejectedTasks(downloadtool.download_rejected);
+    setCancelled(downloadtool.download_cancelled);
   }, [downloadtool]);
 
   useEffect(() => {
     if (datasets?.length > 0) {
+      addDatasetName(queued, setQueued);
       addDatasetName(taskInProgress, setTaskInProgress);
       addDatasetName(finishedOKTasks, setFinishedOKTasks);
       addDatasetName(finishedNOKTasks, setFinishedNOKTasks);
       addDatasetName(rejectedTasks, setRejectedTasks);
+      addDatasetName(cancelled, setCancelled);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [datasets]);
 
   useEffect(() => {
     if (Object.keys(nutsnames).length > 0) {
+      addNutsName(queued, setQueued);
       addNutsName(taskInProgress, setTaskInProgress);
       addNutsName(finishedOKTasks, setFinishedOKTasks);
       addNutsName(finishedNOKTasks, setFinishedNOKTasks);
       addNutsName(rejectedTasks, setRejectedTasks);
+      addNutsName(cancelled, setCancelled);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [nutsnames]);
@@ -111,6 +118,25 @@ const CLMSDownloadTasks = (props) => {
   };
   return (
     <Grid columns={1} stackable padded="vertically">
+      <Grid.Column>
+        <h2>
+          <FormattedMessage id="queued" defaultMessage="Queued" />
+        </h2>
+        {queued?.length !== 0 ? (
+          <MapTasks
+            tasks={queued}
+            showDel={showDeleteTaskLoading}
+            delTask={deleteTaskInProgress}
+          />
+        ) : (
+          <p>
+            <FormattedMessage
+              id="There are no tasks queued"
+              defaultMessage="There are no tasks queued"
+            />
+          </p>
+        )}
+      </Grid.Column>
       <Grid.Column>
         <h2>
           <FormattedMessage id="In progress" defaultMessage="In progress" />
@@ -190,6 +216,21 @@ const CLMSDownloadTasks = (props) => {
           </p>
         )}
       </Grid.Column>
+      <Grid.Column>
+        <h2>
+          <FormattedMessage id="Cancelled" defaultMessage="Cancelled" />
+        </h2>
+        {cancelled?.length !== 0 ? (
+          <MapTasks tasks={cancelled} showDel={showDeleteTaskLoading} />
+        ) : (
+          <p>
+            <FormattedMessage
+              id="There are no cancelled tasks"
+              defaultMessage="There are no cancelled tasks"
+            />
+          </p>
+        )}
+      </Grid.Column>
     </Grid>
   );
 };

package/src/components/CLMSDownloadsView/CLMSDownloadsView.jsx

@@ -71,22 +71,30 @@ const CLMSDownloadsView = (props) => {
 
   useEffect(() => {
     if (
+      downloadtool?.download_queued &&
       downloadtool?.download_in_progress &&
       downloadtool?.download_finished_ok &&
       downloadtool?.download_finished_nok &&
-      downloadtool?.download_rejected
+      downloadtool?.download_rejected &&
+      downloadtool?.download_cancelled
     ) {
+      let queuedUidsList = getUIDList(downloadtool.download_queued);
       let downloadInProgressUidsList = getUIDList(
         downloadtool?.download_in_progress,
       );
       let finishedOKUidsList = getUIDList(downloadtool?.download_finished_ok);
       let finishedNOKUidsList = getUIDList(downloadtool?.download_finished_nok);
       let rejectedUidsList = getUIDList(downloadtool?.download_rejected);
+      let cancelledUidsList = getUIDList(downloadtool?.download_cancelled);
       let uidsList = [
         ...new Set(
           rejectedUidsList.concat(
             finishedNOKUidsList.concat(
-              finishedOKUidsList.concat(downloadInProgressUidsList),
+              finishedOKUidsList.concat(
+                downloadInProgressUidsList.concat(
+                  queuedUidsList.concat(cancelledUidsList),
+                ),
+              ),
             ),
           ),
         ),

package/src/components/CLMSDownloadsView/FileCard.jsx

@@ -64,15 +64,15 @@ const FileCard = (props) => {
       <Grid
         divided
         centered
-        columns={item?.Status !== 'In_progress' ? 2 : 3}
+        columns={['In_progress', 'Queued'].includes(item?.Status) ? 2 : 3}
         padded
         className="filecard"
       >
         <Grid.Row>
           <Grid.Column verticalAlign="middle" textAlign="center" width={2}>
-            {item?.Status === 'In_progress' && (
+            {['In_progress', 'Queued'].includes(item?.Status) && (
               <Popup
-                content="In progress"
+                content="Preparing download files"
                 size="small"
                 trigger={<Loader active inline indeterminate size="medium" />}
               />
@@ -120,7 +120,9 @@ const FileCard = (props) => {
               />
             )}
           </Grid.Column>
-          <Grid.Column width={item?.Status === 'In_progress' ? 8 : 10}>
+          <Grid.Column
+            width={['In_progress', 'Queued'].includes(item?.Status) ? 8 : 10}
+          >
             <Header as="h3">{`Task ID: ${item?.TaskID}`}</Header>
             <Segment basic className="file-datetimes">
               Start date:{' '}
@@ -176,7 +178,7 @@ const FileCard = (props) => {
               </Segment>
             )}
           </Grid.Column>
-          {item?.Status === 'In_progress' && (
+          {['In_progress', 'Queued'].includes(item?.Status) && (
             <Grid.Column
               width={2}
               verticalAlign="middle"
@@ -193,7 +195,7 @@ const FileCard = (props) => {
                 />
               ) : (
                 <Popup
-                  content="Remove in progress task"
+                  content="Remove task"
                   size="small"
                   trigger={
                     <button
@@ -214,7 +216,7 @@ const FileCard = (props) => {
                         name={removeSVG}
                         size={30}
                         color="#e40166"
-                        title={'Remove in progress task'}
+                        title={'Remove task'}
                       />
                     </button>
                   }

package/src/components/CclDownloadTable/CclDownloadTable.jsx

@@ -128,6 +128,7 @@ function CclDownloadTable(props) {
       .map((item) => ({
         UID: item.UID,
         file_id: item['@id'],
+        area: item.area,
         unique_id: item.unique_id,
       }));
     addCartItem(selectedCartItems);
@@ -151,6 +152,27 @@ function CclDownloadTable(props) {
     );
   };
 
+  const contentOrDash = (content) => {
+    return content || '-';
+  };
+
+  const hasSome = (field) => {
+    return prePackagedCollection.filter((ppItem) => ppItem[field]).length > 0
+      ? field
+      : '';
+  };
+
+  const columns = [
+    hasSome('title'),
+    hasSome('area'),
+    hasSome('year'),
+    hasSome('version'),
+    hasSome('resolution'),
+    hasSome('type'),
+    hasSome('format'),
+    hasSome('size'),
+  ];
+
   return (
     <div className="dataset-download-table">
       <Toast message="Added to cart" time={5000}></Toast>
@@ -203,12 +225,14 @@ function CclDownloadTable(props) {
                   <HeaderCheckbox />{' '}
                 </th>
               )}
-              <th>Year</th>
-              <th>Resolution</th>
-              <th>Type</th>
-              <th>Format</th>
-              <th>Version</th>
-              <th>Size</th>
+              {columns.includes('title') && <th>Title</th>}
+              {columns.includes('area') && <th>Area of interest</th>}
+              {columns.includes('year') && <th>Year</th>}
+              {columns.includes('version') && <th>Version</th>}
+              {columns.includes('resolution') && <th>Resolution</th>}
+              {columns.includes('type') && <th>Type</th>}
+              {columns.includes('format') && <th>Format</th>}
+              {columns.includes('size') && <th>Size</th>}
             </tr>
           </thead>
           <tbody>
@@ -229,21 +253,39 @@ function CclDownloadTable(props) {
                           />
                         </td>
                       )}
-                      <td>{dataset_file?.year || 'YYYY'}</td>
-                      <td>{dataset_file?.resolution || '000m'}</td>
-                      <td>
-                        <span
-                          className={
-                            'tag tag-' +
-                            (dataset_file?.type?.toLowerCase() || 'raster')
-                          }
-                        >
-                          {dataset_file?.type || 'Raster'}
-                        </span>
-                      </td>
-                      <td>{dataset_file?.format || 'Format'}</td>
-                      <td>{dataset_file?.version || 'v0.0'}</td>
-                      <td>{dataset_file?.size || '000.0MB'}</td>
+                      {columns.includes('title') && (
+                        <td>{contentOrDash(dataset_file?.title)}</td>
+                      )}
+                      {columns.includes('area') && (
+                        <td>{contentOrDash(dataset_file?.area)}</td>
+                      )}
+                      {columns.includes('year') && (
+                        <td>{contentOrDash(dataset_file?.year)}</td>
+                      )}
+                      {columns.includes('version') && (
+                        <td>{contentOrDash(dataset_file?.version)}</td>
+                      )}
+                      {columns.includes('resolution') && (
+                        <td>{contentOrDash(dataset_file?.resolution)}</td>
+                      )}
+                      {columns.includes('type') && (
+                        <td>
+                          <span
+                            className={
+                              'tag tag-' +
+                              (dataset_file?.type?.toLowerCase() || 'raster')
+                            }
+                          >
+                            {contentOrDash(dataset_file?.type)}
+                          </span>
+                        </td>
+                      )}
+                      {columns.includes('format') && (
+                        <td>{contentOrDash(dataset_file?.format)}</td>
+                      )}
+                      {columns.includes('size') && (
+                        <td>{contentOrDash(dataset_file?.size)}</td>
+                      )}
                     </tr>
                   );
                 })

package/src/components/Widgets/DatasetDownloadInformationWidget.jsx

@@ -0,0 +1,75 @@
+import React from 'react';
+import ObjectListWidget from '@plone/volto/components/manage/Widgets/ObjectListWidget';
+
+const ItemSchema = () => ({
+  title: 'Dataset Download Information',
+  properties: {
+    name: {
+      title: 'Name',
+      description: '',
+      type: 'string',
+    },
+    full_path: {
+      title: 'Enter the path to the full dataset download file',
+      description:
+        'This is used when requesting the download from the map viewer',
+      type: 'string',
+    },
+    full_format: {
+      title: 'Enter the format of the full dataset file',
+      description: '',
+      choices: [
+        ['Shapefile', 'Shapefile'],
+        ['GDB', 'GDB'],
+        ['GPKG', 'GPKG'],
+        ['Geojson', 'Geojson'],
+        ['Geotiff', 'Geotiff'],
+        ['Netcdf', 'Netcdf'],
+        ['GML', 'GML'],
+        ['WFS', 'WFS'],
+      ],
+    },
+    full_source: {
+      title: 'Enter the source of the full dataset file',
+      description: '',
+      choices: [
+        ['WEKEO', 'WEKEO'],
+        ['EEA', 'EEA'],
+        ['LANDCOVER', 'LANDCOVER'],
+        ['LEGACY', 'LEGACY'],
+      ],
+    },
+    wekeo_choices: {
+      title: 'WEKEO choices',
+      description: '',
+      type: 'string',
+    },
+  },
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'File',
+      fields: [
+        'name',
+        'full_path',
+        'full_format',
+        'full_source',
+        'wekeo_choices',
+      ],
+    },
+  ],
+  required: [],
+});
+
+const DatasetDownloadInformationWidget = (props) => {
+  return (
+    <ObjectListWidget
+      schema={ItemSchema()}
+      {...props}
+      value={props.value?.items || props.default?.items || []}
+      onChange={(id, value) => props.onChange(id, { items: value })}
+    />
+  );
+};
+
+export default DatasetDownloadInformationWidget;

package/src/components/Widgets/DownloadableFilesWidget.jsx

@@ -1,14 +1,16 @@
-import { getFormatConversionTable, getProjections } from '../../actions';
-import { useDispatch, useSelector } from 'react-redux';
-
-import ObjectListWidget from '@plone/volto/components/manage/Widgets/ObjectListWidget';
 import React from 'react';
+import ObjectListWidget from '@plone/volto/components/manage/Widgets/ObjectListWidget';
 
-const ItemSchema = (format_choices, projection_choices) => ({
+const ItemSchema = () => ({
   title: 'Downloadable File',
   properties: {
+    title: {
+      title: 'Title',
+      description: 'Enter the title of this file.',
+      type: 'string',
+    },
     area: {
-      title: 'Area',
+      title: 'Area of interest',
       description: 'Enter the area of this file.',
       type: 'string',
     },
@@ -17,6 +19,11 @@ const ItemSchema = (format_choices, projection_choices) => ({
       description: 'Enter the year of this file.',
       type: 'number',
     },
+    version: {
+      title: 'Version',
+      description: 'Enter the version of this file.',
+      type: 'string',
+    },
     resolution: {
       title: 'Resolution',
       description: 'Enter the resolution of this file. Ex.: 100m',
@@ -35,16 +42,6 @@ const ItemSchema = (format_choices, projection_choices) => ({
     format: {
       title: 'Format',
       description: 'Enter the format of this file.',
-      choices: format_choices,
-    },
-    projection: {
-      title: 'Projection',
-      description: 'Enter the projection of this file.',
-      choices: projection_choices,
-    },
-    version: {
-      title: 'Version',
-      description: 'Enter the version of this file.',
       type: 'string',
     },
     size: {
@@ -52,12 +49,6 @@ const ItemSchema = (format_choices, projection_choices) => ({
       description: 'Enter the size of this file. Ex.: 3.5 GB',
       type: 'string',
     },
-    source: {
-      title: 'Source',
-      description: 'Enter the source of this file.',
-      type: 'string',
-      // controlled vocabulary: values to be provided by the user
-    },
     path: {
       title: 'Path',
       description: 'Enter the absolute path of this file in the storage',
@@ -69,15 +60,14 @@ const ItemSchema = (format_choices, projection_choices) => ({
       id: 'default',
       title: 'File',
       fields: [
+        'title',
         'area',
         'year',
+        'version',
         'resolution',
         'type',
         'format',
-        'projection',
-        'version',
         'size',
-        'source',
         'path',
       ],
     },
@@ -86,28 +76,9 @@ const ItemSchema = (format_choices, projection_choices) => ({
 });
 
 const DownloadableFilesWidget = (props) => {
-  // format_conversion_table_in_progress
-  const dispatch = useDispatch();
-  React.useEffect(() => {
-    dispatch(getFormatConversionTable());
-    dispatch(getProjections());
-  }, [dispatch]);
-  const format_conversion_table_in_progress = useSelector(
-    (state) => state.downloadtool.format_conversion_table_in_progress,
-  );
-  const projections_in_progress = useSelector(
-    (state) => state.downloadtool.projections_in_progress,
-  );
-  let format_choices = Object.keys(
-    format_conversion_table_in_progress,
-  ).map((key) => [key, key]);
-  let projection_choices = [];
-  if (projections_in_progress.length > 0) {
-    projection_choices = projections_in_progress.map((key) => [key, key]);
-  }
   return (
     <ObjectListWidget
-      schema={ItemSchema(format_choices, projection_choices)}
+      schema={ItemSchema()}
       {...props}
       value={props.value?.items || props.default?.items || []}
       onChange={(id, value) => props.onChange(id, { items: value })}

package/src/index.js

@@ -30,6 +30,7 @@ import DownloadableFilesWidget from './components/Widgets/DownloadableFilesWidge
 import GeonetworkIdentifiersWidget from './components/Widgets/GeonetworkIdentifiersWidget';
 import MapLayersWidget from './components/Widgets/MapLayersWidget';
 import TaxonomyWidget from './components/Widgets/TaxonomyWidget';
+import DatasetDownloadInformationWidget from './components/Widgets/DatasetDownloadInformationWidget';
 // CUSTOM REDUCERS IMPORT
 import reducers from './reducers';
 
@@ -67,6 +68,7 @@ const applyConfig = (config) => {
     distribution_info_widget: DistributionInfoWidget,
     geonetwork_identifiers_widget: GeonetworkIdentifiersWidget,
     text_link_widget: TextLinkWidget,
+    dataset_download_information_widget: DatasetDownloadInformationWidget,
   };
   config.widgets.id = {
     ...config.widgets.id,

package/src/reducers/downloadtool/downloadtool_reducer.js

@@ -15,10 +15,12 @@ const getInitialState = {
   error: null,
   loaded: false,
   loading: false,
+  download_queued: {},
   download_in_progress: {},
   download_finished_ok: {},
   download_finished_nok: {},
   download_rejected: {},
+  download_cancelled: {},
   delete_download_in_progress: {},
   post_download_in_progress: {},
   format_conversion_table_in_progress: {},
@@ -59,6 +61,7 @@ export const downloadtoolReducer = (state = getInitialState, action = {}) => {
           TaskID: progress_key,
         });
       });
+      var queued = tasks_array.filter((task) => task.Status === 'Queued');
       var in_progress = tasks_array.filter(
         (task) => task.Status === 'In_progress',
       );
@@ -69,15 +72,18 @@ export const downloadtoolReducer = (state = getInitialState, action = {}) => {
         (task) => task.Status === 'Finished_nok',
       );
       var rejected = tasks_array.filter((task) => task.Status === 'Rejected');
+      var cancelled = tasks_array.filter((task) => task.Status === 'Cancelled');
       return {
         ...state,
         error: null,
         loaded: true,
         loading: false,
+        download_queued: queued,
         download_in_progress: in_progress,
         download_finished_ok: finished_ok,
         download_finished_nok: finished_nok,
         download_rejected: rejected,
+        download_cancelled: cancelled,
       };
     case `${POST_DOWNLOADTOOL}_SUCCESS`:
       return {

package/src/reducers/downloadtool/downloadtool_reducer.test.js

@@ -14,8 +14,10 @@ describe('downloadtoolReducer', () => {
       error: null,
       loaded: false,
       loading: false,
+      download_queued: {},
       download_in_progress: {},
       download_finished_ok: {},
+      download_cancelled: {},
       download_finished_nok: {},
       download_rejected: {},
       delete_download_in_progress: {},
@@ -32,6 +34,7 @@ describe('downloadtoolReducer', () => {
           error: null,
           loaded: false,
           loading: false,
+          download_queued: {},
           download_in_progress: {},
           download_finished_ok: {
             '1': {
@@ -47,6 +50,7 @@ describe('downloadtoolReducer', () => {
           },
           download_finished_nok: {},
           download_rejected: {},
+          download_cancelled: {},
           delete_download_in_progress: {},
           post_download_in_progress: {},
           format_conversion_table_in_progress: {},
@@ -72,8 +76,10 @@ describe('downloadtoolReducer', () => {
       error: null,
       loaded: true,
       loading: false,
+      download_queued: [],
       download_in_progress: [],
       download_finished_ok: [],
+      download_cancelled: [],
       download_finished_nok: [],
       download_rejected: [],
       delete_download_in_progress: {},
@@ -122,6 +128,7 @@ describe('downloadtoolReducer', () => {
           error: null,
           loaded: false,
           loading: false,
+          download_queued: {},
           download_in_progress: {},
           download_finished_ok: {},
           download_finished_nok: {},
@@ -152,6 +159,7 @@ describe('downloadtoolReducer', () => {
       error: null,
       loaded: true,
       loading: false,
+      download_queued: {},
       download_in_progress: {},
       download_finished_ok: {},
       download_finished_nok: {},