@eeacms/volto-clms-theme 1.0.40 → 1.0.41

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
   msgstr ""
   "Project-Id-Version: Plone\n"
-  "POT-Creation-Date: 2021-07-14T06:49:06.709Z\n"
+  "POT-Creation-Date: 2021-11-25T09:38:45.965Z\n"
   "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
   "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
   "MIME-Version: 1.0\n"
@@ -24,7 +24,11 @@ msgstr ""
 msgid "Add"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: API Tokens
+msgid "ApiTokens"
+msgstr ""
+
 #: customizations/volto/components/manage/Toolbar/Toolbar
 # defaultMessage: Back
 msgid "Back"
@@ -35,7 +39,12 @@ msgstr ""
 msgid "Breadcrumbs"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSDownloadCartView/CLMSDownloadCartView
+# defaultMessage: Cart
+msgid "Cart"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Changes saved
 msgid "Changes saved"
 msgstr ""
@@ -65,12 +74,52 @@ msgstr ""
 msgid "Copernicus Site"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Copy to clipboard
+msgid "Copy created token button"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Create
+msgid "Create token"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Use this form to create a new token and name it in a way that you can recognize it.
+msgid "Create token description"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Name
+msgid "Create token name"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: This is your new token. Please note its value, because it will only be shown one. If you lose access to this token, you will need to delete it and create a new one
+msgid "Created token description"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Token
+msgid "Created token name"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Default
 msgid "Default"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Delete
+msgid "Delete the token"
+msgstr ""
+
+#: components/CLMSMapViewerView/CLMSMapViewerView
+# defaultMessage: Download by area
+msgid "DownloadByArea"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: E-mail
 msgid "E-mail"
 msgstr ""
@@ -96,7 +145,7 @@ msgstr ""
 msgid "Edit or remove image"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Enter full name, e.g. John Smith.
 msgid "Enter full name, e.g. John Smith."
 msgstr ""
@@ -106,11 +155,16 @@ msgstr ""
 msgid "File"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Full Name
 msgid "Full Name"
 msgstr ""
 
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Go back to the token list
+msgid "Go back button"
+msgstr ""
+
 #: customizations/volto/components/theme/Breadcrumbs/Breadcrumbs
 # defaultMessage: Home
 msgid "Home"
@@ -126,11 +180,17 @@ msgstr ""
 msgid "Link"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Location
 msgid "Location"
 msgstr ""
 
+#: components/CLMSDownloadCartView/CLMSDownloadCartView
+# defaultMessage: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus
+        mauris ante, a iaculis leo placerat quis.
+msgid "Lorem"
+msgstr ""
+
 #: customizations/volto/components/manage/Toolbar/Toolbar
 # defaultMessage: More
 msgid "More"
@@ -146,7 +206,6 @@ msgstr ""
 msgid "Page"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
 #: customizations/volto/components/manage/Toolbar/Toolbar
 # defaultMessage: Personal Information
 msgid "Personal Information"
@@ -162,11 +221,16 @@ msgstr ""
 msgid "Personal tools"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Portrait
 msgid "Portrait"
 msgstr ""
 
+#: components/Blocks/CustomTemplates/VoltoListingBlock/CclListingWorkOpportunities
+# defaultMessage: Procurement No:
+msgid "ProcurementNo"
+msgstr ""
+
 #: components/Blocks/CclHomeBgImageBlock/CclHomeImageEditor
 #: components/Blocks/CclHomeUsersBlock/CclHomeUsersBlockEdit
 # defaultMessage: Remove
@@ -199,12 +263,17 @@ msgstr ""
 msgid "Shrink toolbar"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/Blocks/CustomTemplates/VoltoListingBlock/CclListingWorkOpportunities
+# defaultMessage: Submission deadline:
+msgid "SubmissionDeadline"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Success
 msgid "Success"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: The user portrait/avatar
 msgid "The user portrait/avatar"
 msgstr ""
@@ -226,17 +295,22 @@ msgstr ""
 msgid "Uploading file"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: User Profile
 msgid "UserProfile"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/Blocks/CustomTemplates/VoltoTabsBlock/CclProductTabsView
+# defaultMessage: View in the map viewer
+msgid "View in the map viewer"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: We will use this address if you need to recover your password
 msgid "We will use this address if you need to recover your password"
 msgstr ""
 
-#: components/CLMSProfileView/CLMSProfileView
+#: components/CLMSProfileView/CLMSUserProfileView
 # defaultMessage: Your location - either city and country - or in a company setting, where your office is located.
 msgid "Your location - either city and country - or in a company setting, where your office is located."
 msgstr ""
@@ -251,6 +325,18 @@ msgstr ""
 msgid "agreePrivacyPolicyLinkText"
 msgstr ""
 
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: All
+msgid "all"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: CC
+msgid "cc"
+msgstr ""
+
 #: customizations/volto/components/theme/Footer/Footer
 # defaultMessage: Copernicus Services
 msgid "copernicusServices"
@@ -262,13 +348,84 @@ msgstr ""
 msgid "countText"
 msgstr ""
 
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: CREATE NEW TOKEN
+msgid "create title"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: NEW TOKEN CREATED
+msgid "created title"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: API tokens are used for machine-to-machine communication with the CLMS portal API. You need to create a new API token for each application in wich you need to use the CLMS portal API. In this screen you can create a new API token, check the list of your tokens and also delete those tokens.
+msgid "descripton"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingSubscribersView
+#: components/CLMSMeetingView/CLMSMeetingSubscriberView
+# defaultMessage: Email
+msgid "email"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: All dates
+msgid "event_alldates"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Attendees
+msgid "event_attendees"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Contact Name
+msgid "event_contactname"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Contact Phone
+msgid "event_contactphone"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Website
+msgid "event_website"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: What
+msgid "event_what"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: When
+msgid "event_when"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Where
+msgid "event_where"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Existing tokens
+msgid "existing tokens"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: These are your avaliable tokens
+msgid "existing tokens description"
+msgstr ""
+
 #: customizations/volto/components/theme/Footer/Footer
 # defaultMessage: Expert support provided by
 msgid "expertSupportProvidedBy"
 msgstr ""
 
 #: customizations/volto/components/theme/Footer/Footer
-# defaultMessage: Follow Us
+# defaultMessage: Follow us
 msgid "followUs"
 msgstr ""
 
@@ -302,18 +459,29 @@ msgstr ""
 msgid "footerSecurity"
 msgstr ""
 
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: From
+msgid "from"
+msgstr ""
+
 #: customizations/volto/components/theme/Header/Header
 # defaultMessage: Hello 
 msgid "hello"
 msgstr ""
 
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Hosting organisation
+msgid "hosting_organisation"
+msgstr ""
+
 #: customizations/volto/components/theme/Footer/Footer
 # defaultMessage: DG Joint Research Center
 msgid "jointResearchCenter"
 msgstr ""
 
 #: customizations/volto/components/theme/Header/Header
-# defaultMessage: Login/Register
+# defaultMessage: Register/Login
 msgid "loginRegister"
 msgstr ""
 
@@ -322,13 +490,86 @@ msgstr ""
 msgid "logout"
 msgstr ""
 
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Level
+msgid "meetinglevel"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Type
+msgid "meetingtype"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: Modified
+msgid "modified"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingSubscribersView
+#: components/CLMSMeetingView/CLMSMeetingSubscriberView
+# defaultMessage: Name
+msgid "name"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingSubscribersView
+#: components/CLMSMeetingView/CLMSMeetingSubscriberView
+# defaultMessage: Organisation
+msgid "organisation"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: Recipients
+msgid "recipients"
+msgstr ""
+
 #: components/Blocks/CclHomeSearchBlock/CclHomeSearchBlockEdit
 #: components/Blocks/CclHomeSearchBlock/CclHomeSearchBlockView
 # defaultMessage: Search datasets
 msgid "searchDatasetsPlaceholder"
 msgstr ""
 
+#: components/CLMSMeetingView/CLMSMeetingSubscribersView
+#: components/CLMSMeetingView/CLMSMeetingSubscriberView
+# defaultMessage: State
+msgid "state"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: Subject
+msgid "subject"
+msgstr ""
+
 #: customizations/volto/components/theme/Footer/Footer
 # defaultMessage: Subscribe
 msgid "subscribe"
 msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: API Token management
+msgid "title"
+msgstr ""
+
+#: components/CLMSProfileView/CLMSApiTokensView
+# defaultMessage: Token title
+msgid "tokenTitleLabel"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingEmailsView
+#: components/CLMSMeetingView/CLMSMeetingEmailView
+# defaultMessage: Type
+msgid "type"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingSubscribersView
+#: components/CLMSMeetingView/CLMSMeetingSubscriberView
+# defaultMessage: User Name
+msgid "user_name"
+msgstr ""
+
+#: components/CLMSMeetingView/CLMSMeetingView
+# defaultMessage: Visit external website
+msgid "visit_external_website"
+msgstr ""

package/package.json

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

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/CclProductTabsView.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import CclVerticalTabsView from './CclVerticalTabsView';
+import { FormattedMessage } from 'react-intl';
+
+const CclProductTabsView = (props) => {
+  const ExtraComponent = () => (
+    <div className="left-menu-detail">
+      <div className="menu-detail-image">
+        {props.metadata?.image ? (
+          <img
+            src={props.metadata?.image?.scales?.preview?.download}
+            alt={props.metadata?.title || 'Product map preview'}
+          />
+        ) : (
+          <img
+            src="https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg"
+            alt="Product map preview"
+            style={{ opacity: 0.5 }}
+          />
+        )}
+      </div>
+      <div className="menu-detail-button">
+        <a href="/" className="ccl-button ccl-button--default">
+          <FormattedMessage
+            id="View in the map viewer"
+            defaultMessage="View in the map viewer"
+          />
+        </a>
+      </div>
+    </div>
+  );
+
+  return <CclVerticalTabsView {...props} ExtraComponent={ExtraComponent} />;
+};
+
+export default CclProductTabsView;

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/CclVerticalTabsView.jsx

@@ -9,51 +9,7 @@ import cx from 'classnames';
 import { Route, NavLink } from 'react-router-dom';
 
 const CclVerticalTabsView = (props) => {
-  const [hashlinkOnMount, setHashlinkOnMount] = React.useState(false);
-  const {
-    metadata = {},
-    data = {},
-    tabsList = [],
-    activeTabIndex = 0,
-    hashlink = {},
-    setActiveTab = () => {},
-  } = props;
-
-  React.useEffect(() => {
-    const urlHash = props.location.hash.substring(1) || '';
-    if (
-      hashlink.counter > 0 ||
-      (hashlink.counter === 0 && urlHash && !hashlinkOnMount)
-    ) {
-      const id = hashlink.hash || urlHash || '';
-      const index = tabsList.indexOf(id);
-      const parentId = data.id || props.id;
-      const parent = document.getElementById(parentId);
-      const headerWrapper = document.querySelector('.header-wrapper');
-      const offsetHeight = headerWrapper?.offsetHeight || 0;
-      if (id !== parentId && index > -1 && parent) {
-        if (activeTabIndex !== index) {
-          setActiveTab(id);
-        }
-        props.scrollToTarget(parent, offsetHeight);
-      } else if (id === parentId && parent) {
-        props.scrollToTarget(parent, offsetHeight);
-      }
-    }
-    if (!hashlinkOnMount) {
-      setHashlinkOnMount(true);
-    }
-  }, [
-    activeTabIndex,
-    data.id,
-    hashlink.counter,
-    hashlink.hash,
-    hashlinkOnMount,
-    props,
-    setActiveTab,
-    tabsList,
-  ]);
-
+  const { metadata = {}, tabsList = [], ExtraComponent = null } = props;
   const PanelsComponent = () => {
     const { activeTab = null, tabs = {} } = props;
     return (
@@ -82,6 +38,7 @@ const CclVerticalTabsView = (props) => {
   const TabsComponent = () => {
     return (
       <div className="left-content cont-w-25">
+        {ExtraComponent ? <ExtraComponent /> : ''}
         <nav className="left-menu">
           {tabsList.map((tab, index) => {
             const {
@@ -99,10 +56,9 @@ const CclVerticalTabsView = (props) => {
                 className={cx('card', tab === activeTab && 'active')}
               >
                 <NavLink
-                  to={'#' + title}
+                  to={'#tab' + tabIndex}
                   className="collapsed"
                   onClick={(e) => {
-                    e.preventDefault();
                     if (activeTab !== tab) {
                       setActiveTab(tab);
                     }

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/RoutingHOC.jsx

@@ -0,0 +1,63 @@
+import React from 'react';
+
+const RoutingHOC = (TabView) =>
+  function Component(props) {
+    const [hashlinkOnMount, setHashlinkOnMount] = React.useState(false);
+    const {
+      data = {},
+      tabsList = [],
+      activeTabIndex = 0,
+      hashlink = {},
+      setActiveTab = () => {},
+    } = props;
+    React.useEffect(() => {
+      const urlHash = window.location.hash.substring(1) || '';
+      if (
+        hashlink.counter > 0 ||
+        (hashlink.counter === 0 && urlHash && !hashlinkOnMount)
+      ) {
+        const id = hashlink.hash || urlHash || '';
+        const index = tabsList.indexOf(id);
+        const parentId = data.id || props.id;
+        const parent = document.getElementById(parentId);
+        const headerWrapper = document.querySelector('.header-wrapper');
+        const offsetHeight = headerWrapper?.offsetHeight || 0;
+        if (id !== parentId && index > -1 && parent) {
+          if (activeTabIndex !== index) {
+            setActiveTab(id);
+          }
+          props.scrollToTarget(parent, offsetHeight);
+        } else if (id === parentId && parent) {
+          props.scrollToTarget(parent, offsetHeight);
+        }
+      }
+      if (!hashlinkOnMount) {
+        setHashlinkOnMount(true);
+      }
+      if (
+        String(window.performance.getEntriesByType('navigation')[0].type) ===
+          'navigate' ||
+        String(window.performance.getEntriesByType('navigation')[0].type) ===
+          'reload'
+      ) {
+        if (window.location.hash.length === 0) {
+          setActiveTab(tabsList[0]);
+        } else {
+          setActiveTab(tabsList[window.location.hash.substring(4) - 1]);
+        }
+      }
+    }, [
+      activeTabIndex,
+      data.id,
+      hashlink.counter,
+      hashlink.hash,
+      hashlinkOnMount,
+      props,
+      setActiveTab,
+      tabsList,
+    ]);
+
+    return <TabView {...props} />;
+  };
+
+export default RoutingHOC;

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/index.js

@@ -1,13 +1,15 @@
 import CclTabsView from './CclTabsView';
 import CclVerticalTabsView from './CclVerticalTabsView';
-import CclRouteTabsView from './VerticalRouteTabsView';
 import CclVerticalFaqTabsView from './CclVerticalFaqTabsView';
 import CclCarouselView from './CclCarouselView';
+import RoutingHOC from './RoutingHOC';
+import CclProductTabsView from './CclProductTabsView';
 
 export {
   CclTabsView,
   CclVerticalTabsView,
   CclVerticalFaqTabsView,
   CclCarouselView,
-  CclRouteTabsView,
+  RoutingHOC,
+  CclProductTabsView,
 };

package/src/components/Blocks/customBlocks.js

@@ -33,9 +33,10 @@ import { TABS_BLOCK } from '@eeacms/volto-tabs-block/constants';
 import {
   CclTabsView,
   CclVerticalTabsView,
-  CclRouteTabsView,
   CclVerticalFaqTabsView,
   CclCarouselView,
+  RoutingHOC,
+  CclProductTabsView,
 } from '@eeacms/volto-clms-theme/components/Blocks/CustomTemplates/VoltoTabsBlock';
 
 import {
@@ -94,36 +95,35 @@ const customBlocks = (config) => ({
     ...config.blocks.blocksConfig[TABS_BLOCK],
     templates: {
       CCLTabs: {
-        title: 'CCL Tabs (Copernicus Style Guide)',
+        title: 'Horizontal Tabs',
         edit: DefaultEdit,
         view: CclTabsView,
         schema: defaultSchema,
       },
       CCLVerticalTabs: {
-        title: 'CCL Vertical Tabs',
+        title: 'Vertical Tabs',
         edit: DefaultEdit,
-        view: CclVerticalTabsView,
+        view: RoutingHOC(CclVerticalTabsView),
         schema: defaultSchema,
       },
-      CclRouteTabsView: {
-        title: 'CCL Route Tabs',
+      CCLProductTabs: {
+        title: 'Vertical Product Tabs',
         edit: DefaultEdit,
-        view: CclRouteTabsView,
+        view: CclProductTabsView,
         schema: defaultSchema,
       },
       CCLVerticalFaqTabs: {
-        title: 'CCL Vertical FAQ Tabs',
+        title: 'Vertical FAQ Tabs',
         edit: DefaultEdit,
         view: CclVerticalFaqTabsView,
         schema: defaultSchema,
       },
       CCLCarousel: {
-        title: 'CCL Carousel (Copernicus Style Guide)',
+        title: 'Carousel',
         edit: DefaultEdit,
         view: CclCarouselView,
         schema: defaultSchema,
       },
-      ...(config.blocks.blocksConfig[TABS_BLOCK]?.templates || {}),
     },
   },
   listing: {