@eeacms/volto-clms-theme 1.0.63 → 1.0.67

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/AccordionCheckboxFacet.jsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Checkbox } from 'semantic-ui-react';
-
-const AccordionCheckboxFacet = (props) => {
-  const { facet, choices, isMulti, onChange, value, isEditMode } = props;
-  const facetValue = value;
-  var [open, setOpen] = React.useState(false);
-
-  return (
-    <fieldset className="ccl-fieldset">
-      <div
-        className="ccl-expandable__button"
-        aria-expanded={open}
-        onClick={() => setOpen(!open)}
-        onKeyDown={() => setOpen(!open)}
-        tabIndex={0}
-        role={'button'}
-      >
-        <legend className="ccl-form-legend">{facet.title}</legend>
-      </div>
-      <div className="ccl-form">
-        {choices.map(({ label, value }, i) => (
-          <div className="ccl-form-group" key={value}>
-            <Checkbox
-              disabled={isEditMode}
-              label={label}
-              radio={!isMulti}
-              checked={
-                isMulti
-                  ? !!facetValue?.find((f) => f.value === value)
-                  : facetValue && facetValue.value === value
-              }
-              onChange={(e, { checked }) =>
-                onChange(
-                  facet.field.value,
-                  isMulti
-                    ? [
-                        ...facetValue
-                          .filter((f) => f.value !== value)
-                          .map((f) => f.value),
-                        ...(checked ? [value] : []),
-                      ]
-                    : checked
-                    ? value
-                    : null,
-                )
-              }
-            />
-          </div>
-        ))}
-      </div>
-    </fieldset>
-  );
-};
-
-export default AccordionCheckboxFacet;

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/AccordionLabelFacet.jsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { Checkbox } from 'semantic-ui-react';
-
-const AccordionLabelFacet = (props) => {
-  const { facet, choices, isMulti, onChange, value, isEditMode } = props;
-  const facetValue = value;
-  var [open, setOpen] = React.useState(false);
-
-  return (
-    <fieldset className="ccl-fieldset">
-      <div
-        className="ccl-expandable__button"
-        aria-expanded={open}
-        onClick={() => setOpen(!open)}
-        onKeyDown={() => setOpen(!open)}
-        tabIndex={0}
-        role={'button'}
-      >
-        <legend className="ccl-form-legend">{facet.title}</legend>
-      </div>
-      <div>
-        <div className="filters-tag-container">
-          {choices.map(({ label, value }, i) => (
-            <div className="filters-tag" key={value}>
-              <Checkbox
-                disabled={isEditMode}
-                label={label}
-                radio={!isMulti}
-                checked={
-                  isMulti
-                    ? !!facetValue?.find((f) => f.value === value)
-                    : facetValue && facetValue.value === value
-                }
-                onChange={(e, { checked }) =>
-                  onChange(
-                    facet.field.value,
-                    isMulti
-                      ? [
-                          ...facetValue
-                            .filter((f) => f.value !== value)
-                            .map((f) => f.value),
-                          ...(checked ? [value] : []),
-                        ]
-                      : checked
-                      ? value
-                      : null,
-                  )
-                }
-              />
-            </div>
-          ))}
-        </div>
-      </div>
-    </fieldset>
-  );
-};
-
-export default AccordionLabelFacet;

package/src/components/CLMSDatasetDetailView/MetadataContent.jsx

@@ -1,255 +0,0 @@
-import { CclInfoContainer, CclInfoDescription } from '../CclInfoDescription';
-
-import BoundingBoxComponent from './BoundingBoxComponent';
-import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
-import ContactComponent from './ContactComponent';
-import DistributionInfoComponent from './DistributionInfoComponent';
-import { Label } from 'semantic-ui-react';
-import React from 'react';
-import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
-
-const MetadataContent = (data) => {
-  return (
-    <>
-      {data?.geonetwork_identifiers?.items.map((item, key) => {
-        return (
-          <CclButton
-            key={key}
-            className="ccl-button ccl-button--default download-dataset-metadata"
-            url={
-              item.type === 'EEA'
-                ? 'https://sdi.eea.europa.eu/catalogue/srv/api/records/' +
-                  item.id +
-                  '/formatters/xsl-view?output=pdf&language=eng&approved=true'
-                : 'https://land.copernicus.vgt.vito.be/geonetwork/srv/api/records/' +
-                  item.id +
-                  '/formatters/xsl-view?root=div&output=pdf'
-            }
-            download={true}
-          >
-            Download metadata: {item.title}
-          </CclButton>
-        );
-      })}
-
-      <CclInfoContainer>
-        <h2>Data identification</h2>
-        {data?.dataResourceTitle && (
-          <CclInfoDescription
-            title="Resource title"
-            tooltip="Name by which the cited resource is known"
-            description={data?.dataResourceTitle}
-          />
-        )}
-        {data?.resourceEffective && (
-          <CclInfoDescription
-            title="Date of publication"
-            tooltip=""
-            description={new Date(data?.resourceEffective).toLocaleDateString()}
-          />
-        )}
-        {data?.resourceModified && (
-          <CclInfoDescription
-            title="Revision date"
-            tooltip=""
-            description={new Date(data?.resourceModified).toLocaleDateString()}
-          />
-        )}
-        <CclInfoDescription
-          title="Resource abstract"
-          tooltip="Brief narrative summary of the content of the resource(s) with coverage, main attributes, data sources, important of the work, etc."
-          description={
-            <StringToHTML string={data?.dataResourceAbstract?.data || ''} />
-          }
-        />
-        <CclInfoDescription
-          title="Keywords"
-          tooltip=""
-          description={
-            data?.keywords &&
-            data?.keywords?.length > 0 && (
-              <Label.Group>
-                {data?.keywords.map((keyword, key) => {
-                  return (
-                    <Label key={key} color="olive">
-                      {keyword}
-                    </Label>
-                  );
-                })}
-              </Label.Group>
-            )
-          }
-        />
-        {data?.geographicCoverage?.geolocation && (
-          <CclInfoDescription
-            title="Geographic coverage"
-            tooltip=""
-            description={
-              <Label.Group>
-                {data?.geographicCoverage?.geolocation.map((location, key) => {
-                  return (
-                    <Label key={key} color="olive">
-                      {location.label}
-                    </Label>
-                  );
-                })}
-              </Label.Group>
-            }
-          />
-        )}
-        {data?.accessAndUseLimitationPublic_line && (
-          <CclInfoDescription
-            title="Limitation of public access"
-            tooltip=""
-            description={data?.accessAndUseLimitationPublic_line}
-          />
-        )}
-        <CclInfoDescription
-          title="Conditions applying to access and use"
-          tooltip=""
-          description={
-            <StringToHTML string={data?.accessAndUseConstraints?.data || ''} />
-          }
-        />
-        <CclInfoDescription
-          title="Spatial Resolution"
-          tooltip=""
-          description={data?.qualitySpatialResolution_line}
-        />
-        {data?.classificationTopicCategory && (
-          <CclInfoDescription
-            title="Topic of Category"
-            tooltip=""
-            description={
-              <Label.Group>
-                {data?.classificationTopicCategory &&
-                  data?.classificationTopicCategory.map((topic, key) => {
-                    return (
-                      <Label key={key} color="olive">
-                        {topic.title}
-                      </Label>
-                    );
-                  })}
-              </Label.Group>
-            }
-          />
-        )}
-        {data?.geographicBoundingBox?.items?.length > 0 && (
-          <CclInfoDescription
-            title="Bounding Boxes"
-            tooltip=""
-            description={data?.geographicBoundingBox?.items.map((bbox, key) => {
-              return <BoundingBoxComponent key={key} bbox={bbox} />;
-            })}
-          />
-        )}
-        {data?.temporalCoverage && (
-          <CclInfoDescription
-            title="Temporal Extent"
-            tooltip=""
-            description={
-              <Label.Group>
-                {data?.temporalCoverage &&
-                  data?.temporalCoverage.map((year, key) => {
-                    return (
-                      <Label key={key} color="olive">
-                        {year}
-                      </Label>
-                    );
-                  })}
-              </Label.Group>
-            }
-          />
-        )}
-      </CclInfoContainer>
-      {data?.dataResourceType && (
-        <CclInfoContainer>
-          <h2>Hierarchy Level</h2>
-          <CclInfoDescription
-            title="Resource Type"
-            tooltip=""
-            description={data?.dataResourceType}
-          />
-        </CclInfoContainer>
-      )}
-      {data?.responsiblePartyWithRole?.items &&
-        data?.responsiblePartyWithRole?.items?.length > 0 && (
-          <CclInfoContainer>
-            <h2>Contacts</h2>
-            <CclInfoDescription
-              title="Responsible Party with Role"
-              tooltip=""
-              description={data?.responsiblePartyWithRole?.items.map(
-                (item, key) => {
-                  return <ContactComponent key={key} contact={item} />;
-                },
-              )}
-            />
-          </CclInfoContainer>
-        )}
-      {data?.coordinateReferenceSystemList &&
-        data?.coordinateReferenceSystemList.length > 0 && (
-          <CclInfoContainer>
-            <h2>Reference system info</h2>
-            <CclInfoDescription
-              title="Coordinate Reference System"
-              tooltip="CRS of the resource"
-              description={
-                <Label.Group>
-                  {data?.coordinateReferenceSystemList &&
-                    data?.coordinateReferenceSystemList.map(
-                      (reference, key) => {
-                        return (
-                          <Label key={key} color="olive">
-                            {reference}
-                          </Label>
-                        );
-                      },
-                    )}
-                </Label.Group>
-              }
-            />
-          </CclInfoContainer>
-        )}
-      <CclInfoContainer>
-        <h2>Data quality info</h2>
-        <CclInfoDescription
-          title="Specification"
-          tooltip="A citation of the implementing rules adopted under Article 7(1) of Directive 2007/2/EC or other specification to which a particular resource conforms"
-          description={
-            <StringToHTML string={data?.conformitySpecification?.data} />
-          }
-        />
-        <CclInfoDescription
-          title="Pass"
-          tooltip=""
-          description={data?.conformityPass?.title}
-        />
-        <CclInfoDescription
-          title="Lineage"
-          tooltip="General explanation of the data produce knowledge's about the lineage of a dataset"
-          description={<StringToHTML string={data?.qualityLineage?.data} />}
-        />
-      </CclInfoContainer>
-      {data?.distributionInfo?.items &&
-        data?.distributionInfo?.items?.length > 0 && (
-          <CclInfoContainer>
-            <h2>Distribution info</h2>
-            <CclInfoDescription
-              title="Resource Locator and Services"
-              tooltip=""
-              description={data?.distributionInfo?.items.map(
-                (resource, key) => {
-                  return (
-                    <DistributionInfoComponent key={key} resource={resource} />
-                  );
-                },
-              )}
-            />
-          </CclInfoContainer>
-        )}
-    </>
-  );
-};
-
-export default MetadataContent;

package/src/components/CLMSDownloadCartView/CLMSTasksInProgress.jsx

@@ -1,238 +0,0 @@
-/**
- * CLMSInProgressTask container.
- * @module components/CLMSInProgressTask/CLMSInProgressTask
- */
-
-import './task_in_progress.less';
-
-// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Loader, Popup } from 'semantic-ui-react';
-import React, { useEffect, useState } from 'react';
-import { deleteDownloadtool, getDownloadtool } from '../../actions';
-import { useDispatch, useSelector } from 'react-redux';
-
-import { Icon } from '@plone/volto/components';
-import cancelledSVG from '@plone/volto/icons/spam.svg';
-import downloadSVG from '@plone/volto/icons/download.svg';
-import removeSVG from '@plone/volto/icons/delete.svg';
-
-const CLMSTasksInProgress = (props) => {
-  const dispatch = useDispatch();
-  const [taskInProgress, setTaskInProgress] = useState([]);
-  const [showDeleteTaskLoading, setShowDeleteTaskLoading] = useState(false);
-  const download_in_progress = useSelector(
-    (state) => state.downloadtool.download_in_progress,
-  );
-
-  const user_id = useSelector((state) => state.users.user.id);
-  const datasets = useSelector((state) => state.datasetsByUid.datasets.items);
-
-  useEffect(() => {
-    dispatch(getDownloadtool());
-  }, [dispatch]);
-
-  useEffect(() => {
-    let progress_keys = Object.keys(download_in_progress);
-    let tasks_in_progress = [];
-    progress_keys.forEach((progress_key) => {
-      tasks_in_progress.push({
-        ...download_in_progress[progress_key],
-        TaskID: progress_key,
-      });
-    });
-    setTaskInProgress(tasks_in_progress);
-  }, [download_in_progress]);
-
-  useEffect(() => {
-    if (datasets?.length > 0) {
-      addDatasetName();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [datasets]);
-
-  function addDatasetName() {
-    let tasks_in_progress = [...taskInProgress];
-    tasks_in_progress.forEach((task) => {
-      task.Datasets.forEach((dataset) => {
-        const requestedItem = datasets.find(
-          (requestedItem) => requestedItem.UID === dataset.DatasetID,
-        );
-        if (requestedItem) {
-          dataset.name = requestedItem.title;
-        }
-      });
-    });
-    setTaskInProgress(tasks_in_progress);
-  }
-
-  const deleteTaskInProgress = (task_id) => {
-    setShowDeleteTaskLoading(task_id);
-    dispatch(deleteDownloadtool(task_id));
-    setTimeout(() => {
-      dispatch(getDownloadtool(user_id));
-      setShowDeleteTaskLoading(false);
-    }, 1000); // We need delete response to check if remove_task request is completed successfully
-  };
-  return (
-    <>
-      {taskInProgress.length !== 0 && (
-        <div className="custom-table cart-table">
-          <h2>Tasks In Progress</h2>
-          <table>
-            <thead>
-              <tr>
-                <th>TaskID</th>
-                <th>List of datasets</th>
-                <th>OutputFormat</th>
-                <th>Status</th>
-                <th></th>
-                <th></th>
-              </tr>
-            </thead>
-            <tbody>
-              {taskInProgress &&
-                taskInProgress.map((item, key) => (
-                  <tr
-                    key={key}
-                    style={{ opacity: 0.5, backgroundColor: '#f5f5f5' }}
-                  >
-                    <td>{item.TaskID}</td>
-                    <td>
-                      {item.Datasets.length === 1 && item.Datasets[0].name}
-                      {item.Datasets.length > 1 && (
-                        <ul>
-                          {item.Datasets.map((dataset) => (
-                            <li>{dataset['name']}</li>
-                          ))}
-                        </ul>
-                      )}
-                    </td>
-                    <td>
-                      {item.Datasets.length === 1 &&
-                        item.Datasets[0].OutputFormat}
-                      {item.Datasets.length > 1 && (
-                        <ul>
-                          {item.Datasets.map((dataset) => {
-                            return dataset['OutputFormat'] ? (
-                              <li>{dataset['OutputFormat']}</li>
-                            ) : (
-                              <li>Pre-packaged</li>
-                            );
-                          })}
-                        </ul>
-                      )}
-                    </td>
-
-                    <td>
-                      {item.Status === 'In_progress' && (
-                        <Popup
-                          content="In progress"
-                          size="small"
-                          trigger={
-                            <Loader active inline indeterminate size="small" />
-                          }
-                        />
-                      )}
-                      {item.Status === 'Cancelled' && (
-                        <Popup
-                          content="Cancelled task"
-                          size="small"
-                          trigger={
-                            <Icon
-                              name={cancelledSVG}
-                              size="32px"
-                              title={'Cancelled task'}
-                            />
-                          }
-                        />
-                      )}
-                    </td>
-                    <td>
-                      {item.Status !== 'Cancelled' && (
-                        <Popup
-                          content="Download (Pending)"
-                          size="small"
-                          trigger={
-                            <button
-                              // disabled={true}
-                              onClick={() => {
-                                // deleteTaskInProgress(item.TaskID);
-                              }}
-                              style={{
-                                backgroundColor: 'none',
-                                color: 'inherit',
-                                border: 'none',
-                                padding: 0,
-                                font: 'inherit',
-                                cursor: 'pointer',
-                                outline: 'inherit',
-                              }}
-                            >
-                              <Icon
-                                name={downloadSVG}
-                                size="32px"
-                                color="#A0B128"
-                                title={'Download'}
-                              />
-                            </button>
-                          }
-                        />
-                      )}
-                    </td>
-                    <td>
-                      {item.Status !== 'Cancelled' &&
-                        (showDeleteTaskLoading === item.TaskID ? (
-                          <Loader
-                            active
-                            inline
-                            indeterminate
-                            size="small"
-                            className="red-loader"
-                          />
-                        ) : (
-                          <Popup
-                            content="Remove in progress task"
-                            size="small"
-                            trigger={
-                              <button
-                                onClick={() => {
-                                  deleteTaskInProgress(item.TaskID);
-                                }}
-                                style={{
-                                  backgroundColor: 'none',
-                                  color: 'inherit',
-                                  border: 'none',
-                                  padding: 0,
-                                  font: 'inherit',
-                                  cursor: 'pointer',
-                                  outline: 'inherit',
-                                }}
-                              >
-                                <Icon
-                                  name={removeSVG}
-                                  size="32px"
-                                  color="#e40166"
-                                  title={'Remove in progress task'}
-                                />
-                              </button>
-                            }
-                          />
-                        ))}
-                      {/* <FontAwesomeIcon
-                      icon={['fas', 'trash']}
-                      style={{ cursor: 'pointer' }}
-                      onClick={() => {
-                        deleteTaskInProgress(item.TaskID);
-                      }}
-                    /> */}
-                    </td>
-                  </tr>
-                ))}
-            </tbody>
-          </table>
-        </div>
-      )}
-    </>
-  );
-};
-export default CLMSTasksInProgress;

package/src/components/CLMSEventView/CLMSEventView.jsx

@@ -1,53 +0,0 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
-import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
-
-export const CLMSEventView = (props) => {
-  const { content } = props;
-  return (
-    <div className="ccl-container">
-      <h1 className="page-title">{content.title}</h1>
-      <div className="event-detail">
-        <div className="event-detail-date">
-          {new Date(content?.effective).toLocaleDateString()}
-        </div>
-        {content?.image && (
-          <figure className="news-detail-image">
-            <img
-              src={
-                content?.image
-                  ? content?.image?.download
-                  : 'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg'
-              }
-              alt={content?.image ? content?.image?.filename : 'Placeholder'}
-            />
-            <figcaption>{content?.image_caption}</figcaption>
-          </figure>
-        )}
-        <div className="event-detail-when">
-          <FontAwesomeIcon icon={['far', 'calendar-alt']} />
-          <div className="event-detail-when-text">
-            {content?.whole_day
-              ? new Date(content?.start).toLocaleDateString()
-              : new Date(content?.start).toLocaleDateString() +
-                ' - ' +
-                new Date(content?.end).toLocaleDateString()}
-          </div>
-        </div>
-        {content?.location ? (
-          <div className="event-detail-where">
-            <FontAwesomeIcon icon={['fas', 'map-marker-alt']} />{' '}
-            <div className="event-detail-where-text">{content?.location}</div>
-          </div>
-        ) : (
-          ''
-        )}
-        <div className="event-detail-content">
-          <StringToHTML string={content.text?.data || ''} />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default CLMSEventView;