@eeacms/volto-cca-policy 0.2.2 → 0.2.4

package/src/components/theme/ASTNavigation/utils.js

@@ -0,0 +1,31 @@
+import { UniversalLink } from '@plone/volto/components';
+import cx from 'classnames';
+
+export const isAdaptationSupportToolURL = (url) => {
+  return url.indexOf('/knowledge/tools/adaptation-support-tool') > -1;
+};
+
+export const isUrbanAdaptationSupportToolURL = (url) => {
+  return url.indexOf('/knowledge/tools/urban-ast') > -1;
+};
+
+export const LinkWrap = ({ item, pathname, children }) => {
+  const substeps = item?.items || [];
+  const activeSubstep = substeps.some((obj) => obj['@id'] === pathname);
+  const activeStep = item ? pathname === item?.['@id'] : null;
+  const isActive = activeStep || activeSubstep;
+  return item ? (
+    <UniversalLink item={item}>
+      <g
+        className={cx('step-link', {
+          active: isActive,
+        })}
+      >
+        <title>{item.title}</title>
+        {children}
+      </g>
+    </UniversalLink>
+  ) : (
+    <g>{children}</g>
+  );
+};

package/src/customizations/volto/components/theme/View/DefaultView.jsx

@@ -21,7 +21,10 @@ import { hasBlocksData, getBaseUrl } from '@plone/volto/helpers';
 import { useDispatch, useSelector } from 'react-redux';
 import { RenderBlocks } from '@plone/volto/components';
 import ContextNavigation from '@plone/volto/components/theme/Navigation/ContextNavigation';
-import { BannerTitle } from '@eeacms/volto-cca-policy/components';
+import {
+  BannerTitle,
+  ASTNavigation,
+} from '@eeacms/volto-cca-policy/components';
 
 import { isEqual } from 'lodash';
 
@@ -32,10 +35,12 @@ import { isEqual } from 'lodash';
  * @returns {string} Markup of the component.
  */
 const DefaultView = (props) => {
+  const dispatch = useDispatch();
+  const { widgets, settings } = config;
+  const { views } = widgets;
   const { content, location } = props;
+  const { astNavigations, contextNavigationLocations } = settings;
   const path = getBaseUrl(location?.pathname || '');
-  const dispatch = useDispatch();
-  const { views } = config.widgets;
   const contentSchema = useSelector((state) => state.schema?.schema);
   const fieldsetsToExclude = [
     'categorization',
@@ -67,9 +72,12 @@ const DefaultView = (props) => {
   const Container =
     config.getComponent({ name: 'Container' }).component || SemanticContainer;
 
-  let currentNavigation = config.settings.contextNavigationLocations.find(
+  let currentNavigation = contextNavigationLocations.find(
     (element) => location.pathname.indexOf(element.rootPath) > -1,
   );
+  const astNavigation = astNavigations.find(
+    (nav) => location.pathname.indexOf(nav.root_path) > -1,
+  );
 
   const gridColumns =
     currentNavigation && currentNavigation?.columns
@@ -80,33 +88,47 @@ const DefaultView = (props) => {
   // If the content is not yet loaded, then do not show anything
   return contentLoaded ? (
     hasBlocksData(content) ? (
-      currentNavigation ? (
-        <Container id="page-document">
-          <Grid>
-            <Grid.Column width={12 - gridColumns}>
-              <BannerTitle {...props} />
-              <RenderBlocks {...props} path={path} />
-            </Grid.Column>
-            <Grid.Column width={gridColumns}>
-              <ContextNavigation
-                params={{
-                  name: currentNavigation.title,
-                  includeTop: false,
-                  // currentFolderOnly: true,
-                  topLevel: currentNavigation.topLevel,
-                  bottomLevel: currentNavigation.bottomLevel,
-                  rootPath: `${currentLang}/${currentNavigation.rootPath}`,
-                }}
-              />
-            </Grid.Column>
-          </Grid>
-        </Container>
-      ) : (
-        <Container id="page-document">
-          <BannerTitle {...props} />
-          <RenderBlocks {...props} path={path} />
-        </Container>
-      )
+      <>
+        {currentNavigation ? (
+          <Container id="page-document">
+            <Grid>
+              <Grid.Column width={12 - gridColumns}>
+                <BannerTitle {...props} />
+                <RenderBlocks {...props} path={path} />
+              </Grid.Column>
+              <Grid.Column width={gridColumns}>
+                <ContextNavigation
+                  params={{
+                    name: currentNavigation.title,
+                    includeTop: false,
+                    // currentFolderOnly: true,
+                    topLevel: currentNavigation.topLevel,
+                    bottomLevel: currentNavigation.bottomLevel,
+                    rootPath: `${currentLang}/${currentNavigation.rootPath}`,
+                  }}
+                />
+              </Grid.Column>
+            </Grid>
+          </Container>
+        ) : astNavigation ? (
+          <Container id="page-document">
+            <Grid>
+              <Grid.Column mobile={12} tablet={12} computer={4}>
+                <ASTNavigation astNavigation={astNavigation} />
+              </Grid.Column>
+              <Grid.Column mobile={12} tablet={12} computer={8}>
+                <BannerTitle {...props} />
+                <RenderBlocks {...props} path={path} />
+              </Grid.Column>
+            </Grid>
+          </Container>
+        ) : (
+          <Container id="page-document">
+            <BannerTitle {...props} />
+            <RenderBlocks {...props} path={path} />
+          </Container>
+        )}
+      </>
     ) : (
       <Container id="page-document">
         {fieldsets?.map((fs) => {

package/src/index.js

@@ -292,25 +292,6 @@ const applyConfig = (config) => {
   config.views.layoutViewsNamesMapping.view_cca_event = 'CCA Event View';
 
   config.settings.contextNavigationLocations = [
-    // {
-    //   title: 'Regional Adaptation Support Tool',
-    //   columns: 4,
-    //   topLevel: 2,
-    //   bottomLevel: 0,
-    //   rootPath: '/mission/knowledge-and-data/regional-adaptation-support-tool',
-    // },
-    {
-      title: 'UrbanAST',
-      topLevel: 3,
-      bottomLevel: 2,
-      rootPath: 'knowledge/tools/urban-ast',
-    },
-    {
-      title: 'Adaptation Suport Tool',
-      topLevel: 3,
-      bottomLevel: 2,
-      rootPath: 'knowledge/tools/adaptation-support-tool',
-    },
     {
       title: 'Adaptation',
       topLevel: 4,
@@ -332,6 +313,17 @@ const applyConfig = (config) => {
     },
   ];
 
+  config.settings.astNavigations = [
+    {
+      title: 'Urban adaptation support tool',
+      root_path: 'knowledge/tools/urban-ast',
+    },
+    {
+      title: 'Adaptation Suport Tool',
+      root_path: 'knowledge/tools/adaptation-support-tool',
+    },
+  ];
+
   const hideChildren = {
     hideChildrenFromNavigation: false,
   };