@eeacms/volto-clms-theme 1.0.44 → 1.0.48

package/CHANGELOG.md

@@ -4,8 +4,112 @@ 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.48](https://github.com/eea/volto-clms-theme/compare/1.0.47...1.0.48)
+
+- dataset view [`38faa9d`](https://github.com/eea/volto-clms-theme/commit/38faa9d291e22c92a1c9049c7241555b2300f830)
+- tab editor [`cfbcf74`](https://github.com/eea/volto-clms-theme/commit/cfbcf742b370cc665c689a2480a09d3b640dc318)
+- remove required to description in proptypes [`9f6da1d`](https://github.com/eea/volto-clms-theme/commit/9f6da1d9c2125865c329a263d0a7b3e771baa287)
+- map keys [`6be4246`](https://github.com/eea/volto-clms-theme/commit/6be424624a61f867f85b6d914811111405ebeb98)
+- add resolutions to package.json volto-slate and react-slick [`54460ad`](https://github.com/eea/volto-clms-theme/commit/54460addb4c4644a03e6af2f94e5c75ee5154bf3)
+- check if items is not null [`26b4399`](https://github.com/eea/volto-clms-theme/commit/26b439981ca354b0f372bdf09a112a58482f2d4b)
+- fix subtab functionality and show subtab in editor [`ece4408`](https://github.com/eea/volto-clms-theme/commit/ece4408bd557a1d2f2868733e1560e2853da1822)
+
+#### [1.0.47](https://github.com/eea/volto-clms-theme/compare/1.0.46...1.0.47)
+
+> 16 December 2021
+
+- Develop [`#155`](https://github.com/eea/volto-clms-theme/pull/155)
+- use smaller images in Cards [`#147`](https://github.com/eea/volto-clms-theme/pull/147)
+- Demo modifications [`#154`](https://github.com/eea/volto-clms-theme/pull/154)
+- Geonetwork fields [`#153`](https://github.com/eea/volto-clms-theme/pull/153)
+- Sub tab option created [`#152`](https://github.com/eea/volto-clms-theme/pull/152)
+- add Role label [`ae98fda`](https://github.com/eea/volto-clms-theme/commit/ae98fdac159d385554a67d3a0690ba17b5dfa244)
+- show all the fields of geonetwork [`9eae556`](https://github.com/eea/volto-clms-theme/commit/9eae55614a26e84613dd747451e9a3fb864a6ac4)
+- if parent tab is clicked sub tab is opened [`5cc5d1c`](https://github.com/eea/volto-clms-theme/commit/5cc5d1c93691985965640499951e0a905da8acbb)
+- add the content url to the simple line listing template [`6ad396f`](https://github.com/eea/volto-clms-theme/commit/6ad396fdaf1850a3d509f4f640e421278341b74b)
+- pretier fix on text carousel [`5e18334`](https://github.com/eea/volto-clms-theme/commit/5e183349cf13b6f2739dbbfbbd48617bc6c9c34c)
+- SubTab style set [`73d9fa8`](https://github.com/eea/volto-clms-theme/commit/73d9fa85b05055b180409927583b71dc0a562f0f)
+- remove default image from New and Event view [`0ef541d`](https://github.com/eea/volto-clms-theme/commit/0ef541dbede5316c46f48585b9728a672f03b7ad)
+- use smaller images [`a545b9e`](https://github.com/eea/volto-clms-theme/commit/a545b9ed547fa124903b66987e6d7b3e46c17146)
+
+#### [1.0.46](https://github.com/eea/volto-clms-theme/compare/1.0.45...1.0.46)
+
+> 15 December 2021
+
+- Develop [`#151`](https://github.com/eea/volto-clms-theme/pull/151)
+- volto-form-block style [`#150`](https://github.com/eea/volto-clms-theme/pull/150)
+- Bugs n improvements [`#149`](https://github.com/eea/volto-clms-theme/pull/149)
+- Develop [`#148`](https://github.com/eea/volto-clms-theme/pull/148)
+- li styles [`3b01bbf`](https://github.com/eea/volto-clms-theme/commit/3b01bbf09c1b60bde0bf101f8ca5382ded58763b)
+- h1 display block [`5e922f6`](https://github.com/eea/volto-clms-theme/commit/5e922f60c4e5ce19c5b6949dab494add2140dd6e)
+- dataset catalogue h1 display [`e88a6c8`](https://github.com/eea/volto-clms-theme/commit/e88a6c88b6ed3ddad765f9d4161ca405de04ecb4)
+- fixed CclLoginModal PropTypes [`09db647`](https://github.com/eea/volto-clms-theme/commit/09db647d09af66ea717c0b9be1650bd99882c6e6)
+- ESLint fix [`e4d19cd`](https://github.com/eea/volto-clms-theme/commit/e4d19cd1d78a8a1e82d606d6f3ac586c6122b8e2)
+
+#### [1.0.45](https://github.com/eea/volto-clms-theme/compare/1.0.44...1.0.45)
+
+> 13 December 2021
+
+- Develop [`#143`](https://github.com/eea/volto-clms-theme/pull/143)
+- Geonetwork importer [`#146`](https://github.com/eea/volto-clms-theme/pull/146)
+- @userschema endpoint based dynamic user profile form [`#145`](https://github.com/eea/volto-clms-theme/pull/145)
+- Changes after the release of ftw.tokenauth 2.0+cs5 [`#144`](https://github.com/eea/volto-clms-theme/pull/144)
+- Api token changes [`#142`](https://github.com/eea/volto-clms-theme/pull/142)
+- Bugs n improvements [`#141`](https://github.com/eea/volto-clms-theme/pull/141)
+- Text carousel to develop [`#140`](https://github.com/eea/volto-clms-theme/pull/140)
+- Text carousel corrections and image carousel dots change [`#139`](https://github.com/eea/volto-clms-theme/pull/139)
+- Text carousel [`#138`](https://github.com/eea/volto-clms-theme/pull/138)
+- resolve conflicts [`27ac50c`](https://github.com/eea/volto-clms-theme/commit/27ac50c69e5fe7af3fbad72cf0d273d74cb28d71)
+- add breadcrumb and container class to get more structured profile page [`7787080`](https://github.com/eea/volto-clms-theme/commit/77870805f4c249aaa7552e53d66305b8eb493c85)
+- dataset catalogue view width [`c218194`](https://github.com/eea/volto-clms-theme/commit/c21819442b8af0327fd5ea80769ea479a331ccd4)
+- add a dynamic userschema [`8c38d98`](https://github.com/eea/volto-clms-theme/commit/8c38d983eb92ef216ece00e55a3e18926671970c)
+- show the tokens only when they have a private key [`f6a4fb1`](https://github.com/eea/volto-clms-theme/commit/f6a4fb16baf0e66721af2ce93d5c07220855bbdd)
+- save only tokens when they exist [`a9e8ec1`](https://github.com/eea/volto-clms-theme/commit/a9e8ec17ea88a675fbdb62034a851ccb72270313)
+- show metadata download links pointing to geonetwork [`122442c`](https://github.com/eea/volto-clms-theme/commit/122442cbcd23be54bc6d43e04226d621c635599e)
+- use sdi full link [`6837d90`](https://github.com/eea/volto-clms-theme/commit/6837d9055877d51df7832c1cb15287ac83507e14)
+- add translations [`c8373db`](https://github.com/eea/volto-clms-theme/commit/c8373db635dcd9dda0155b44daca29f8a76bcc53)
+- merge develop into geonetwork [`67c5b39`](https://github.com/eea/volto-clms-theme/commit/67c5b3977bd51c84d24d6bf2389c162a3391cd7d)
+- add vito link [`0c6b4c3`](https://github.com/eea/volto-clms-theme/commit/0c6b4c340b6f26c878924862357c843fc1100c5a)
+- add a segment to import data from geonetwork endpoints [`dc941a3`](https://github.com/eea/volto-clms-theme/commit/dc941a3fedcf29760274d15c0d1c0c2f0a919c75)
+- geonetwork importer endpoint reducer and action [`6bb0939`](https://github.com/eea/volto-clms-theme/commit/6bb0939d8f2efefa8970ecfc23f244e0ed60dbce)
+- test [`daa9d02`](https://github.com/eea/volto-clms-theme/commit/daa9d020eb1a089afc87ad4b5c83a50ab144a54c)
+- use value attribute [`02b57fe`](https://github.com/eea/volto-clms-theme/commit/02b57fe0a1db2c4d1ec6b3786b12e2e782b0b60c)
+- use a textarea [`58d8d17`](https://github.com/eea/volto-clms-theme/commit/58d8d1710be3d7bade93ffc3ecca6f0173878efc)
+-  change some screen messages [`beed740`](https://github.com/eea/volto-clms-theme/commit/beed740d88f93e73cd3f13611c75cf7acab9dcb6)
+- when copying to clipboard copy the full object [`3717f38`](https://github.com/eea/volto-clms-theme/commit/3717f388fb7c828b7c422c058630c115b891810b)
+- hoem carousel [`01eecf8`](https://github.com/eea/volto-clms-theme/commit/01eecf84e23845c79920004ce9990b282445c0d7)
+- prettier fix [`27aa6c2`](https://github.com/eea/volto-clms-theme/commit/27aa6c223279977d9a8228e845a1b50f02c42253)
+- Api tokens changes [`41e75a1`](https://github.com/eea/volto-clms-theme/commit/41e75a1bca8bc93c0cee8fe675098ac32c464d7a)
+- show Download tab only in items explicitely marked to be downloadable [`0f1884b`](https://github.com/eea/volto-clms-theme/commit/0f1884b83c803e1cab89fbd03edbca3dba12dcb4)
+- change mapviewer link for dataset [`2833557`](https://github.com/eea/volto-clms-theme/commit/28335576b8eebfd3f87c37872a846739f2e25edb)
+- prettier:fix [`8643889`](https://github.com/eea/volto-clms-theme/commit/8643889c14ed42ff72d4fa4f9c0d4493eab237f3)
+- li styles [`6f1c3b0`](https://github.com/eea/volto-clms-theme/commit/6f1c3b07d1ac88fa581344824cfac20e0197c4a6)
+- home text carousel desktop [`9b7402f`](https://github.com/eea/volto-clms-theme/commit/9b7402f3aa0c8d9c8bf46656e0f6af1c521759fb)
+- Header cart icon [`ffd90d6`](https://github.com/eea/volto-clms-theme/commit/ffd90d6d3f294a5ac6db4b3abc8fb70cf3538ff1)
+- fix map-viewer link [`aeb571b`](https://github.com/eea/volto-clms-theme/commit/aeb571bad44ab346104993f847e48e1c996023cd)
+- new distribution info widget [`a3c3edd`](https://github.com/eea/volto-clms-theme/commit/a3c3edde299749644596439a31671bd9e44ecb08)
+- add fields to contact widget [`6493c32`](https://github.com/eea/volto-clms-theme/commit/6493c323fe0564c0e36f7face0f37460d5f20d69)
+- code cleaned [`1ee2dfa`](https://github.com/eea/volto-clms-theme/commit/1ee2dfa606c3f927a8f9042836b71683fe7a1fe0)
+- login modal bug fixed [`2cc3b77`](https://github.com/eea/volto-clms-theme/commit/2cc3b77304863be8c8556f9cff287db6d7ce4a03)
+- reverse last change [`71eb265`](https://github.com/eea/volto-clms-theme/commit/71eb265bcf328208bba079f7b92a0ddf5d27dbf6)
+- redirect to home page if carousel url is empty [`27b129d`](https://github.com/eea/volto-clms-theme/commit/27b129d1bf81cc18b25bba9aa8a7ceec4ab04cd2)
+- contact widget [`dcf1ee4`](https://github.com/eea/volto-clms-theme/commit/dcf1ee477344375e8dd944c56490427aab43e5ec)
+- ESLint fix [`f507e3a`](https://github.com/eea/volto-clms-theme/commit/f507e3a643bc6740d5d3aba0da8d92b1ee28fd81)
+- Empty cart text style [`6e16941`](https://github.com/eea/volto-clms-theme/commit/6e1694176e00d5afaf0c5b8335ab24bf67744abe)
+- dataset catalogue size fixed when logged in [`ce66ec1`](https://github.com/eea/volto-clms-theme/commit/ce66ec11713a273d8bea77f104a457649916868a)
+- Card block image fix [`25535bc`](https://github.com/eea/volto-clms-theme/commit/25535bc0dbcce80a60e6a115f1709e5dd1f04b62)
+- image carousel dots change and text carousel style change [`509eb04`](https://github.com/eea/volto-clms-theme/commit/509eb04e0320de8ea6fe9121ca15498274de170e)
+- Basemap gallery bug fix [`00aed49`](https://github.com/eea/volto-clms-theme/commit/00aed490b48c405edf474b20fad98f5653783a82)
+- text carousel [`0becdb2`](https://github.com/eea/volto-clms-theme/commit/0becdb254318fd010b916adefa0ef7e9ec0b5b79)
+- add dataset citation [`895bbc3`](https://github.com/eea/volto-clms-theme/commit/895bbc3ce48badfd3b03afcecccacba0505508d6)
+- Text and link carousel block created [`c4d8bb3`](https://github.com/eea/volto-clms-theme/commit/c4d8bb34b2fbb1a3f3064f073b0441366a5d2839)
+- add a new data-grid widget [`dd64854`](https://github.com/eea/volto-clms-theme/commit/dd648544afa2c8896981fe0feded18b38f236e79)
+
 #### [1.0.44](https://github.com/eea/volto-clms-theme/compare/1.0.43...1.0.44)
 
+> 1 December 2021
+
+- Develop [`#136`](https://github.com/eea/volto-clms-theme/pull/136)
 - CclLoginModal - external link fixed [`736f348`](https://github.com/eea/volto-clms-theme/commit/736f348712c473d323a8bf2b6a1c6a10ab0aa266)
 - change login modal texts [`b0c98af`](https://github.com/eea/volto-clms-theme/commit/b0c98af08501c830bb175b4ec69ad711c2874da1)
 

package/Jenkinsfile

@@ -10,12 +10,29 @@ pipeline {
 
   stages {
 
+    stage('Release') {
+      when {
+        allOf {
+          environment name: 'CHANGE_ID', value: ''
+          branch 'master'
+        }
+      }
+      steps {
+        node(label: 'docker') {
+          withCredentials([string(credentialsId: 'eea-jenkins-token', variable: 'GITHUB_TOKEN'),string(credentialsId: 'eea-jenkins-npm-token', variable: 'NPM_TOKEN')]) {
+            sh '''docker pull eeacms/gitflow'''
+            sh '''docker run -i --rm --name="$BUILD_TAG-gitflow-master" -e GIT_BRANCH="$BRANCH_NAME" -e GIT_NAME="$GIT_NAME" -e GIT_TOKEN="$GITHUB_TOKEN" -e NPM_TOKEN="$NPM_TOKEN" -e LANGUAGE=javascript eeacms/gitflow'''
+          }
+        }
+      }
+    }
+
     stage('Code') {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { branch 'master' }
           not { changelog '.*^Automated release [0-9\\.]+$' }
+          not { branch 'master' }
         }
       }
       steps {
@@ -46,8 +63,10 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { branch 'master' }
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+          anyOf {
+           not { changelog '.*^Automated release [0-9\\.]+$' }
+           branch 'master'
+          }
         }
       }
       steps {
@@ -92,8 +111,10 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { branch 'master' }
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+          anyOf {
+           not { changelog '.*^Automated release [0-9\\.]+$' }
+           branch 'master'
+          }
         }
       }
       steps {
@@ -144,12 +165,16 @@ pipeline {
 
     stage('Report to SonarQube') {
       when {
+        allOf {
           environment name: 'CHANGE_ID', value: ''
           anyOf {
             branch 'master'
-            branch 'develop'
+            allOf {
+              branch 'develop'
+              not { changelog '.*^Automated release [0-9\\.]+$' }
+            }
           }
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+        }
       }
       steps {
         node(label: 'swarm') {
@@ -191,23 +216,6 @@ pipeline {
       }
     }
 
-    stage('Release') {
-      when {
-        allOf {
-          environment name: 'CHANGE_ID', value: ''
-          branch 'master'
-        }
-      }
-      steps {
-        node(label: 'docker') {
-          withCredentials([string(credentialsId: 'eea-jenkins-token', variable: 'GITHUB_TOKEN'),string(credentialsId: 'eea-jenkins-npm-token', variable: 'NPM_TOKEN')]) {
-            sh '''docker pull eeacms/gitflow'''
-            sh '''docker run -i --rm --name="$BUILD_TAG-gitflow-master" -e GIT_BRANCH="$BRANCH_NAME" -e GIT_NAME="$GIT_NAME" -e GIT_TOKEN="$GITHUB_TOKEN" -e NPM_TOKEN="$NPM_TOKEN" -e LANGUAGE=javascript eeacms/gitflow'''
-          }
-        }
-      }
-    }
-
   }
 
   post {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.0.44",
+  "version": "1.0.48",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",
@@ -29,6 +29,10 @@
     "volto-form-block",
     "@eeacms/volto-taxonomy"
   ],
+  "resolutions": {
+    "volto-slate": "4.2.1",
+    "react-slick": "0.28.1"
+  },
   "dependencies": {
     "@eeacms/volto-tabs-block": "1.2.7",
     "@eeacms/volto-accordion-block": "3.4.7",

package/src/actions/geonetwork/import_geonetwork.js

@@ -0,0 +1,21 @@
+/**
+ * Post meeting register actions.
+ * @module actions/postImportGeonetwork
+ */
+export const POST_IMPORT_GEONETWORK = 'POST_IMPORT_GEONETWORK';
+
+/**
+ * Post import geonetwork.
+ * @function postImportGeonetwork
+ * @returns {Object} Get extra items action.
+ */
+export function postImportGeonetwork(url, id, type) {
+  return {
+    type: POST_IMPORT_GEONETWORK,
+    request: {
+      op: 'post',
+      data: { id: id, type: type },
+      path: `${url}/@import-from-geonetwork`,
+    },
+  };
+}

package/src/actions/index.js

@@ -11,33 +11,47 @@
  * };
  */
 export { getTokens, createTokens, deleteTokens } from './tokens/tokens';
+
 export {
   getExtraBreadcrumbItems,
   GET_EXTRA_BREADCRUMB_ITEMS,
 } from './extra_breadcrumbs/extra_breadcrumb';
+
 export {
   POST_MEETING_REGISTER,
   postMeetingRegister,
 } from './meeting/meeting_register';
+
 export {
   MEETING_SUBSCRIBERS_MANIPULATION,
   MeetingSubscribersManipulation,
 } from './meeting/meeting_subscribers_manipulation';
+
 export {
   MEETING_SUBSCRIBERS,
   MeetingSubscribers,
 } from './meeting/meeting_subscribers';
+
 export {
   POST_DOWNLOADTOOL,
   postDownloadtool,
 } from './downloadtool/post_downloadtool';
+
 export {
   GET_DOWNLOADTOOL,
   getDownloadtool,
 } from './downloadtool/get_downloadtool';
+
 export {
   DELETE_DOWNLOADTOOL,
   deleteDownloadtool,
 } from './downloadtool/delete_downloadtool';
 
 export { GET_REGISTRY, getRegistry } from './registry/registry';
+
+export {
+  POST_IMPORT_GEONETWORK,
+  postImportGeonetwork,
+} from './geonetwork/import_geonetwork';
+
+export { getUserSchema } from './userschema/userschema';

package/src/actions/userschema/userschema.js

@@ -0,0 +1,17 @@
+// eslint-disable-next-line import/no-unresolved
+import { GET_USERSCHEMA } from '../../constants/ActionTypes';
+
+/**
+ * Get the user schema.
+ * @function getUserSchema
+ * @returns {Object} Get the user schema action.
+ */
+export function getUserSchema() {
+  return {
+    type: GET_USERSCHEMA,
+    request: {
+      op: 'get',
+      path: `/@userschema`,
+    },
+  };
+}

package/src/components/Blocks/CclTextLinkCarouselBlock/CclTextLinkCarouselEdit.jsx

@@ -0,0 +1,38 @@
+import React /* , { useState } */ from 'react';
+
+// import { TextLinkCarouselView } from './TextLinkCarouselView';
+import { SidebarPortal } from '@plone/volto/components';
+import InlineForm from '@plone/volto/components/manage/Form/InlineForm';
+import { TextLinkCarouselSchema } from './TextLinkCarouselSchema';
+
+// import { compose } from 'redux';
+// import withObjectBrowser from '@plone/volto/components/manage/Sidebar/ObjectBrowser';
+// import { injectIntl } from 'react-intl';
+
+const TextLinkCarouselEdit = (props) => {
+  const { block, data, onChangeBlock, selected } = props;
+
+  return (
+    <>
+      {data?.textLink?.items.map((item, index) => (
+        <div className="text-link-carousel-block" key={index}>
+          {item.text}
+        </div>
+      ))}
+      <SidebarPortal selected={selected}>
+        <InlineForm
+          schema={TextLinkCarouselSchema()}
+          title="Home text link carousel"
+          onChangeField={(id, value) => {
+            onChangeBlock(block, {
+              ...data,
+              [id]: value,
+            });
+          }}
+          formData={data}
+        />
+      </SidebarPortal>
+    </>
+  );
+};
+export default /*  compose(withObjectBrowser, injectIntl) */ TextLinkCarouselEdit;

package/src/components/Blocks/CclTextLinkCarouselBlock/CclTextLinkCarouselView.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import loadable from '@loadable/component';
+const Slider = loadable(() => import('react-slick'));
+
+const TextLinkCarouselView = (props) => {
+  const { data } = props;
+  const slider = React.useRef(null);
+
+  const { tabsList = [], setActiveTab = () => {} } = props;
+  const settings = {
+    dots: false,
+    infinite: true,
+    speed: 500,
+    fade: false,
+    cssEase: 'linear',
+    arrows: false,
+    autoplay: true,
+    autoplaySpeed: 2000,
+    beforeChange: (oldIndex, index) => {
+      setActiveTab(tabsList[index]);
+    },
+  };
+
+  return (
+    <>
+      <div class="ccl-container">
+        <Slider {...settings} ref={slider} className="text-carousel">
+          {data?.textLink?.items.map((item, index) => (
+            <div className="text-link-carousel-block" key={index}>
+              <div className="text-link-carousel-block-content">
+                <a href={'' + item?.link?.[0]?.['@id']}>{item.text}</a>
+              </div>
+            </div>
+          ))}
+        </Slider>
+      </div>
+    </>
+  );
+};
+
+export default TextLinkCarouselView;

package/src/components/Blocks/CclTextLinkCarouselBlock/TextLinkCarouselSchema.js

@@ -0,0 +1,18 @@
+export const TextLinkCarouselSchema = () => ({
+  title: 'Home text link carousel',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['textLink'],
+    },
+  ],
+  properties: {
+    textLink: {
+      title: 'Text and Link',
+      widget: 'text_link_widget',
+      type: 'string',
+    },
+  },
+  required: [],
+});

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

@@ -3,12 +3,10 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { withRouter } from 'react-router';
 import loadable from '@loadable/component';
-import { Icon, RenderBlocks } from '@plone/volto/components';
+import { RenderBlocks } from '@plone/volto/components';
 import { withScrollToTarget } from '@eeacms/volto-tabs-block/hocs';
 import './custom.less';
-import rightArrowSVG from '@eeacms/volto-tabs-block/icons/right-arrow.svg';
-import leftArrowSVG from '@eeacms/volto-tabs-block/icons/left-arrow.svg';
-// import cx from 'classnames';
+import cx from 'classnames';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import '@eeacms/volto-tabs-block/less/carousel.less';
@@ -29,7 +27,7 @@ const View = (props) => {
   const activeTabIndex = tabsList.indexOf(activeTab);
 
   const settings = {
-    dots: true,
+    dots: false,
     infinite: true,
     speed: 2000,
     fade: true,
@@ -40,6 +38,32 @@ const View = (props) => {
       setActiveTab(tabsList[index]);
     },
   };
+
+  const Dots = (props) => {
+    const { activeTab = null, tabsList = [], slider = {} } = props;
+    return tabsList.length > 1 ? (
+      <ul className={cx('slick-dots', props.uiContainer)} role={'tablist'}>
+        {tabsList.map((tab, index) => (
+          <li
+            key={`dot-${tab}`}
+            className={cx({ 'slick-active': activeTab === tab })}
+            role={'presentation'}
+          >
+            <button
+              onClick={() => {
+                if (slider.current) {
+                  slider.current.slickGoTo(index);
+                }
+              }}
+            />
+          </li>
+        ))}
+      </ul>
+    ) : (
+      ''
+    );
+  };
+
   const ArrowsGroup = (props) => {
     // const { activeTab = null, tabsList = [], slider = {} } = props;
     // const currentSlide = tabsList.indexOf(activeTab);
@@ -55,9 +79,7 @@ const View = (props) => {
               slider.current.slickPrev();
             }
           }}
-        >
-          <Icon name={leftArrowSVG} size="50px" />
-        </button>
+        ></button>
 
         <button
           aria-label="Next slide"
@@ -67,9 +89,7 @@ const View = (props) => {
               slider.current.slickNext();
             }
           }}
-        >
-          <Icon name={rightArrowSVG} size="50px" />
-        </button>
+        ></button>
       </div>
     );
   };
@@ -128,6 +148,7 @@ const View = (props) => {
         {panes.length ? panes.map((pane) => pane.renderItem) : ''}
       </Slider>
       <ArrowsGroup activeTab={activeTab} tabsList={tabsList} slider={slider} />
+      <Dots activeTab={activeTab} tabsList={tabsList} slider={slider} />
     </>
   );
 };

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

@@ -23,7 +23,7 @@ const CclProductTabsView = (props) => {
       </div>
       <div className="menu-detail-button">
         <a
-          href={'/' + locale + '/mapviewer?product=' + props.metadata['UID']}
+          href={'/' + locale + '/map-viewer?product=' + props.metadata['UID']}
           className="ccl-button ccl-button--default"
         >
           <FormattedMessage

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

@@ -1,12 +1,14 @@
+import './fontawesome';
+
+import { NavLink, Route } from 'react-router-dom';
+
 import React from 'react';
-import { connect } from 'react-redux';
+import { RenderBlocks } from '@plone/volto/components';
 import { compose } from 'redux';
+import { connect } from 'react-redux';
+import cx from 'classnames';
 import { withRouter } from 'react-router';
-import { RenderBlocks } from '@plone/volto/components';
 import { withScrollToTarget } from '@eeacms/volto-tabs-block/hocs';
-import './fontawesome';
-import cx from 'classnames';
-import { Route, NavLink } from 'react-router-dom';
 
 const CclVerticalTabsView = (props) => {
   const { metadata = {}, tabsList = [], ExtraComponent = null } = props;
@@ -47,16 +49,28 @@ const CclVerticalTabsView = (props) => {
               setActiveTab = () => {},
             } = props;
             const title = tabs[tab].title;
+            const subTab = tabs[tab]?.subTab?.subtab || false;
             const tabIndex = index + 1;
+            const nextTabIndex = index + 2;
+            const nextSubTab =
+              tabs[tabsList[tabIndex]]?.subTab?.subtab || false;
             const defaultTitle = `Tab ${tabIndex}`;
             return (
               <div
                 key={index}
                 id={tabIndex}
-                className={cx('card', tab === activeTab && 'active')}
+                className={cx(
+                  'card',
+                  tab === activeTab && 'active',
+                  subTab && 'subcard',
+                )}
               >
                 <NavLink
-                  to={'#tab' + tabIndex}
+                  to={
+                    subTab === false && nextSubTab !== false
+                      ? '#tab' + nextTabIndex
+                      : '#tab' + tabIndex
+                  }
                   className="collapsed"
                   onClick={(e) => {
                     if (activeTab !== tab) {