@eeacms/volto-cca-policy 0.2.4 → 0.2.5

package/locales/ro/LC_MESSAGES/volto.po

@@ -98,11 +98,6 @@ msgstr ""
 msgid "Challenges"
 msgstr ""
 
-#. Default: "Choices"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Choices"
-msgstr ""
-
 #. Default: "Choose a region"
 #: components/manage/Blocks/TransRegionSelect/TransRegionSelectView
 msgid "Choose a region"
@@ -119,7 +114,6 @@ msgid "City:"
 msgstr ""
 
 #. Default: "Climate impact"
-#: components/manage/Blocks/FilterAceContent/FilterAceContentView copy
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 msgid "Climate impact"
 msgstr ""
@@ -140,11 +134,6 @@ msgstr ""
 msgid "Climate-ADAPT page for this event"
 msgstr ""
 
-#. Default: "Close"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Close"
-msgstr ""
-
 #. Default: "Contact"
 #: components/theme/Views/CaseStudyView
 #: components/theme/Views/CcaEventView
@@ -192,13 +181,7 @@ msgstr ""
 msgid "Dec"
 msgstr ""
 
-#. Default: "Default"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Default"
-msgstr ""
-
 #. Default: "Description"
-#: components/manage/Widgets/CreatableSelectWidget
 #: helpers/Utils
 msgid "Description"
 msgstr ""
@@ -248,6 +231,11 @@ msgstr ""
 msgid "Geographic characterisation:"
 msgstr ""
 
+#. Default: "Getting started"
+#: components/theme/ASTNavigation/ASTAccordion
+msgid "Getting started"
+msgstr ""
+
 #. Default: "Go back"
 #: components/theme/Views/C3SIndicatorView
 msgid "Go back"
@@ -339,6 +327,11 @@ msgstr ""
 msgid "Key activities within climate change and health"
 msgstr ""
 
+#. Default: "Key type measures"
+#: components/manage/Blocks/CaseStudyExplorer/CaseStudyFilters
+msgid "Key type measures"
+msgstr ""
+
 #. Default: "Keywords:"
 #: helpers/ContentMetadata
 msgid "Keywords:"
@@ -411,21 +404,11 @@ msgstr ""
 msgid "No information"
 msgstr ""
 
-#. Default: "No options"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "No options"
-msgstr ""
-
 #. Default: "No results"
 #: components/manage/Blocks/SearchAceContent/SearchAceContentView
 msgid "No results"
 msgstr ""
 
-#. Default: "No value"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "No value"
-msgstr ""
-
 #. Default: "Nov"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Nov"
@@ -533,18 +516,12 @@ msgstr ""
 msgid "Relevance"
 msgstr ""
 
-#. Default: "Required"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Required"
-msgstr ""
-
 #. Default: "Sa"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Sa"
 msgstr ""
 
 #. Default: "Sector"
-#: components/manage/Blocks/FilterAceContent/FilterAceContentView copy
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 msgid "Sector"
 msgstr ""
@@ -569,11 +546,6 @@ msgstr ""
 msgid "See video outside Climate-ADAPT"
 msgstr ""
 
-#. Default: "Select…"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Select…"
-msgstr ""
-
 #. Default: "Sep"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Sep"
@@ -582,15 +554,9 @@ msgstr ""
 #. Default: "Share your information"
 #: components/manage/Blocks/SearchAceContent/SearchAceContentView
 #: components/theme/ShareInfoButton/ShareInfoButton
-#: helpers/ShareInfo
 msgid "Share your information"
 msgstr ""
 
-#. Default: "Short Name"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Short Name"
-msgstr ""
-
 #. Default: "Solutions"
 #: components/theme/Views/CaseStudyView
 msgid "Solutions"
@@ -640,6 +606,11 @@ msgstr ""
 msgid "Th"
 msgstr ""
 
+#. Default: "The Adaptation Support Tool - Getting started"
+#: components/theme/ASTNavigation/ASTAccordion
+msgid "The Adaptation Support Tool - Getting started"
+msgstr ""
+
 #. Default: "The date refers to the date of release of the video"
 #: helpers/ContentMetadata
 msgid "The date refers to the date of release of the video"
@@ -655,21 +626,11 @@ msgstr ""
 msgid "The date refers to the moment in which the item has been prepared or updated by contributing experts to be submitted for the publication in Climate ADAPT"
 msgstr ""
 
-#. Default: "Title"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Title"
-msgstr ""
-
 #. Default: "Tu"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Tu"
 msgstr ""
 
-#. Default: "Used for programmatic access to the fieldset."
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Used for programmatic access to the fieldset."
-msgstr ""
-
 #. Default: "View all contributions in the resource catalogue"
 #: helpers/Utils
 msgid "View all contributions in the resource catalogue"
@@ -3131,11 +3092,6 @@ msgstr ""
 msgid "Geographic characterization:"
 msgstr ""
 
-#. undefined
-#: ../../climateadapt/tiles/pt/urbanast_navigation.pt:50
-msgid "Getting started"
-msgstr ""
-
 #. undefined
 #: ../../climateadapt/browser/pt/landing_page_forest.pt:300
 #: ../../climateadapt/browser/pt/landing_page_urban.pt:255
@@ -3749,11 +3705,6 @@ msgstr ""
 msgid "The <a href="https://www.fao.org/green-cities-initiative/en/">FAO Green Cities Initiative</a> focuses on improving the urban environment, strengthening urban-rural linkages and the resilience of urban systems, services and populations to external shocks."
 msgstr ""
 
-#. undefined
-#: ../../climateadapt/tiles/pt/ast_navigation.pt:106
-msgid "The Adaptation Support Tool - Getting started"
-msgstr ""
-
 #. undefined
 #: ../../climateadapt/browser/pt/landing_page_urban.pt:384
 msgid "The EU Covenant of Mayors"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-03-26T06:21:50.402Z\n"
+"POT-Creation-Date: 2024-04-12T14:10:28.025Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -100,11 +100,6 @@ msgstr ""
 msgid "Challenges"
 msgstr ""
 
-#. Default: "Choices"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Choices"
-msgstr ""
-
 #. Default: "Choose a region"
 #: components/manage/Blocks/TransRegionSelect/TransRegionSelectView
 msgid "Choose a region"
@@ -121,7 +116,6 @@ msgid "City:"
 msgstr ""
 
 #. Default: "Climate impact"
-#: components/manage/Blocks/FilterAceContent/FilterAceContentView copy
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 msgid "Climate impact"
 msgstr ""
@@ -142,11 +136,6 @@ msgstr ""
 msgid "Climate-ADAPT page for this event"
 msgstr ""
 
-#. Default: "Close"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Close"
-msgstr ""
-
 #. Default: "Contact"
 #: components/theme/Views/CaseStudyView
 #: components/theme/Views/CcaEventView
@@ -194,13 +183,7 @@ msgstr ""
 msgid "Dec"
 msgstr ""
 
-#. Default: "Default"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Default"
-msgstr ""
-
 #. Default: "Description"
-#: components/manage/Widgets/CreatableSelectWidget
 #: helpers/Utils
 msgid "Description"
 msgstr ""
@@ -250,6 +233,11 @@ msgstr ""
 msgid "Geographic characterisation:"
 msgstr ""
 
+#. Default: "Getting started"
+#: components/theme/ASTNavigation/ASTAccordion
+msgid "Getting started"
+msgstr ""
+
 #. Default: "Go back"
 #: components/theme/Views/C3SIndicatorView
 msgid "Go back"
@@ -341,6 +329,11 @@ msgstr ""
 msgid "Key activities within climate change and health"
 msgstr ""
 
+#. Default: "Key type measures"
+#: components/manage/Blocks/CaseStudyExplorer/CaseStudyFilters
+msgid "Key type measures"
+msgstr ""
+
 #. Default: "Keywords:"
 #: helpers/ContentMetadata
 msgid "Keywords:"
@@ -413,21 +406,11 @@ msgstr ""
 msgid "No information"
 msgstr ""
 
-#. Default: "No options"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "No options"
-msgstr ""
-
 #. Default: "No results"
 #: components/manage/Blocks/SearchAceContent/SearchAceContentView
 msgid "No results"
 msgstr ""
 
-#. Default: "No value"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "No value"
-msgstr ""
-
 #. Default: "Nov"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Nov"
@@ -535,18 +518,12 @@ msgstr ""
 msgid "Relevance"
 msgstr ""
 
-#. Default: "Required"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Required"
-msgstr ""
-
 #. Default: "Sa"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Sa"
 msgstr ""
 
 #. Default: "Sector"
-#: components/manage/Blocks/FilterAceContent/FilterAceContentView copy
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 msgid "Sector"
 msgstr ""
@@ -571,11 +548,6 @@ msgstr ""
 msgid "See video outside Climate-ADAPT"
 msgstr ""
 
-#. Default: "Select…"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Select…"
-msgstr ""
-
 #. Default: "Sep"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Sep"
@@ -584,15 +556,9 @@ msgstr ""
 #. Default: "Share your information"
 #: components/manage/Blocks/SearchAceContent/SearchAceContentView
 #: components/theme/ShareInfoButton/ShareInfoButton
-#: helpers/ShareInfo
 msgid "Share your information"
 msgstr ""
 
-#. Default: "Short Name"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Short Name"
-msgstr ""
-
 #. Default: "Solutions"
 #: components/theme/Views/CaseStudyView
 msgid "Solutions"
@@ -642,6 +608,11 @@ msgstr ""
 msgid "Th"
 msgstr ""
 
+#. Default: "The Adaptation Support Tool - Getting started"
+#: components/theme/ASTNavigation/ASTAccordion
+msgid "The Adaptation Support Tool - Getting started"
+msgstr ""
+
 #. Default: "The date refers to the date of release of the video"
 #: helpers/ContentMetadata
 msgid "The date refers to the date of release of the video"
@@ -657,21 +628,11 @@ msgstr ""
 msgid "The date refers to the moment in which the item has been prepared or updated by contributing experts to be submitted for the publication in Climate ADAPT"
 msgstr ""
 
-#. Default: "Title"
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Title"
-msgstr ""
-
 #. Default: "Tu"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Tu"
 msgstr ""
 
-#. Default: "Used for programmatic access to the fieldset."
-#: components/manage/Widgets/CreatableSelectWidget
-msgid "Used for programmatic access to the fieldset."
-msgstr ""
-
 #. Default: "View all contributions in the resource catalogue"
 #: helpers/Utils
 msgid "View all contributions in the resource catalogue"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/manage/Blocks/CountryProfileDetail/CountryTabPane.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Accordion, Icon } from 'semantic-ui-react';
+
+export default function CountryTabPane(props) {
+  const { contents, _index, activePanes, setActivePanes } = props;
+  return (
+    <>
+      {contents.map((element, index) => {
+        let indexKey = _index + '_' + index;
+        if (element.type === 'h2') {
+          return <h2 key={indexKey}>{element.value}</h2>;
+        }
+        if (element.type === 'h3') {
+          return <h3 key={indexKey}>{element.value}</h3>;
+        }
+        if (element.type === 'p') {
+          return (
+            <p
+              key={indexKey}
+              dangerouslySetInnerHTML={{ __html: element.value }}
+            ></p>
+          );
+        }
+        if (element.type === 'accordeon') {
+          return element.value.map((accordion, index) => {
+            return (
+              <Accordion className="secondary">
+                <Accordion.Title
+                  role="button"
+                  tabIndex={0}
+                  active={activePanes[indexKey + '_' + index] || false}
+                  onClick={(e) => {
+                    const temp = JSON.parse(JSON.stringify(activePanes));
+                    let val = temp[indexKey + '_' + index] || false;
+                    temp[indexKey + '_' + index] = !val;
+                    setActivePanes(temp);
+                  }}
+                >
+                  <span className="item-title">{accordion.title}</span>
+                  <Icon className="ri-arrow-down-s-line" />
+                </Accordion.Title>
+                <Accordion.Content
+                  active={activePanes[indexKey + '_' + index] || false}
+                  dangerouslySetInnerHTML={{ __html: accordion.value }}
+                ></Accordion.Content>
+              </Accordion>
+            );
+          });
+        }
+        if (element.type === 'table') {
+          let _html_value = '';
+          for (let i = 0; i < element.value.length; i++) {
+            _html_value += element.value[i];
+          }
+          // return <table>{_html_value}</table>;
+          return (
+            <table dangerouslySetInnerHTML={{ __html: _html_value }}></table>
+          );
+        }
+        if (element.type === 'div') {
+          let _html_value = '';
+          for (let i = 0; i < element.value.length; i++) {
+            _html_value += element.value[i];
+          }
+          // return <table>{_html_value}</table>;
+          return <div dangerouslySetInnerHTML={{ __html: _html_value }}></div>;
+        }
+        return null;
+      })}
+    </>
+  );
+}

package/src/components/manage/Blocks/CountryProfileDetail/CountryTabPane.test.jsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import CountryTabPane from './CountryTabPane';
+
+const mockStore = configureStore();
+
+describe('CountryTabPane', () => {
+  const setActivePanes = () => {
+    return 0;
+  };
+  it('should render the component', () => {
+    const data = {
+      _index: 2,
+      contents: [
+        [
+          {
+            type: 'div',
+            value: '<div><p class="testing">Just a test</p></div>',
+          },
+        ],
+      ],
+      activePanes: 1,
+      setActivePanes: setActivePanes,
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <MemoryRouter>
+          <CountryTabPane {...data} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/manage/Blocks/CountryProfileDetail/View.js

@@ -1,47 +1,29 @@
 import React from 'react';
 import { TabPane, Tab } from 'semantic-ui-react';
+import { Accordion, Icon } from 'semantic-ui-react';
+import CountryTabPane from './CountryTabPane';
 
-const extract_body = (html_string) => {
-  let parser = new DOMParser();
-  let dom_document = parser.parseFromString(html_string, 'text/html');
-
-  let list = dom_document
-    .getElementById('third-level-menu')
-    .getElementsByTagName('a');
-  let response = { options: [], values: [] };
-  for (let i = 0; i < list.length; i++) {
-    let theId = list[i].href.split('#')[1];
-    response.options.push({
-      id: theId,
-      name: list[i].innerHTML.replace('&amp;', '&'),
-    });
-    response.values.push(dom_document.getElementById(theId).innerHTML);
-  }
-  return response;
-};
+import './styles.less';
 
 export default function View(props) {
-  const [data, setData] = React.useState();
-  const html = props.properties['@components'].countryprofile.html;
-
-  React.useEffect(
-    () =>
-      setData(extract_body(html.replaceAll('\n', '').replaceAll('\\"', '"'))),
-    [html],
+  const dataJson = JSON.parse(
+    props?.properties['@components']?.countryprofile?.html,
   );
+  const [activePanes, setActivePanes] = React.useState({});
 
   const panes = [];
-  if (data?.options) {
-    data.options.forEach((element, index) => {
+  if (dataJson?.menu) {
+    dataJson.menu.forEach((element, index) => {
       panes.push({
-        menuItem: element.name,
+        menuItem: element,
         render: () => (
           <TabPane>
-            {!!data && (
-              <div
-                dangerouslySetInnerHTML={{ __html: data.values[index] }}
-              ></div>
-            )}
+            <CountryTabPane
+              _index={index}
+              contents={dataJson.content[index]}
+              activePanes={activePanes}
+              setActivePanes={setActivePanes}
+            ></CountryTabPane>
           </TabPane>
         ),
       });
@@ -49,19 +31,49 @@ export default function View(props) {
   }
 
   return (
-    <Tab
-      className="secondary mnu"
-      panes={panes}
-      grid={{ paneWidth: 8, tabWidth: 4 }}
-      menu={{
-        tabular: true,
-        vertical: true,
-        inverted: false,
-        pointing: true,
-        fluid: true,
-        className: 'secondary',
-        tabIndex: 0,
-      }}
-    />
+    <>
+      {dataJson.message_top ? (
+        <div class="eea callout">{dataJson.message_top}</div>
+      ) : null}
+      {dataJson.top_accordeon
+        ? dataJson.top_accordeon.map((accordion, index) => (
+            <Accordion className="secondary">
+              <Accordion.Title
+                role="button"
+                tabIndex={0}
+                active={activePanes['_' + index] || false}
+                onClick={(e) => {
+                  const temp = JSON.parse(JSON.stringify(activePanes));
+                  let val = temp['_' + index] || false;
+                  temp['_' + index] = !val;
+                  setActivePanes(temp);
+                }}
+              >
+                <span className="item-title">{accordion.title}</span>
+                <Icon className="ri-arrow-down-s-line" />
+              </Accordion.Title>
+              <Accordion.Content
+                active={activePanes['_' + index] || false}
+                dangerouslySetInnerHTML={{ __html: accordion.value }}
+              ></Accordion.Content>
+            </Accordion>
+          ))
+        : null}
+      <Tab
+        className="secondary menu"
+        panes={panes}
+        grid={{ paneWidth: 8, tabWidth: 4 }}
+        menu={{
+          tabular: true,
+          vertical: true,
+          inverted: false,
+          pointing: true,
+          fluid: true,
+          className: 'secondary',
+          tabIndex: 0,
+        }}
+      />
+      {dataJson.updated ? <p>Last updated:{dataJson.updated}</p> : null}
+    </>
   );
 }

package/src/components/manage/Blocks/CountryProfileDetail/View.test.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import View from './View';
+
+const mockStore = configureStore();
+
+describe('View', () => {
+  it('should render the component', () => {
+    const properties = {
+      '@components': {
+        countryprofile: {
+          html:
+            '{"menu":[],"content":[],"html":"","updated":"","message_top":"", "top_accordeon":""}',
+        },
+      },
+    };
+    const data = { properties: properties };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <MemoryRouter>
+          <View {...data} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    expect(container).toBeTruthy();
+  });
+});