@eeacms/volto-cca-policy 0.3.16 → 0.3.18

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/IntroductionTab.jsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Tab } from 'semantic-ui-react';
+import { Callout } from '@eeacms/volto-eea-design-system/ui';
+
+const IntroductionTab = () => {
+  return (
+    <Tab.Pane>
+      <h2>Introduction</h2>
+      <Callout>
+        <p>
+          Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
+          tristique senectus et netus et malesuada fames ac turpis egestas.
+        </p>
+      </Callout>
+      <h3>The Mission on Adaptation</h3>
+      <p>
+        Nulla facilisi. Donec fringilla urna id ligula ullamcorper, vel
+        tristique lorem posuere. Donec et orci mauris. Nullam tempor velit id mi
+        luctus, a scelerisque libero accumsan. In hac habitasse platea dictumst.
+        Cras ac nunc nec massa tristique fringilla.
+      </p>
+      <h3>Data source</h3>
+      <p>
+        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
+        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+        esse cillum dolore eu fugiat nulla pariatur.
+      </p>
+      <p>
+        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
+        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+        esse cillum dolore eu fugiat nulla pariatur.
+      </p>
+    </Tab.Pane>
+  );
+};
+
+export default IntroductionTab;

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/PlanningTab.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Tab } from 'semantic-ui-react';
+import { Callout } from '@eeacms/volto-eea-design-system/ui';
+
+const PlanningTab = () => {
+  return (
+    <Tab.Pane>
+      <h2>Planning</h2>
+      <Callout>
+        <p>
+          Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+          posuere cubilia curae; Pellentesque sodales, velit nec euismod
+          scelerisque, lectus est interdum eros, sit amet bibendum eros sapien
+          in magna.
+        </p>
+      </Callout>
+      <p>
+        Curabitur at felis non libero suscipit fermentum. Duis volutpat, ante et
+        scelerisque luctus, sem nulla placerat leo, at aliquet libero justo id
+        nulla. Integer at dui nec magna posuere fringilla. Nunc euismod bibendum
+        augue. Cras nec ligula velit. Donec in laoreet leo. Quisque suscipit
+        ligula eu turpis dignissim, a eleifend ipsum cursus.
+      </p>
+    </Tab.Pane>
+  );
+};
+
+export default PlanningTab;

package/src/components/manage/Blocks/MissionSignatoriesProfile/style.less

@@ -0,0 +1,22 @@
+.signatories-profile {
+  .profile-content-box {
+    padding: 1.5em;
+    margin: 2em 0;
+    background-color: #f9f9f9;
+
+    .items-wrapper {
+      margin: 2em 0;
+    }
+
+    .profile-content-box-info {
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+
+      .date {
+        position: relative;
+        top: 5px;
+      }
+    }
+  }
+}

package/src/helpers/ContentMetadata.jsx

@@ -246,7 +246,17 @@ function GeoChar(props) {
             <FormattedMessage id="Countries:" defaultMessage="Countries:" />
           </h5>
           {spatial_values && spatial_values.length > 0 && (
-            <p>{spatial_values.map((item) => item.token).join(', ')}</p>
+            <p>
+              {spatial_values
+                .map((item) => item.token)
+                .map((token) =>
+                  intl.formatMessage({
+                    id: token,
+                    defaultMessage: token,
+                  }),
+                )
+                .join(', ')}
+            </p>
           )}
         </div>
       );
@@ -268,7 +278,16 @@ function GeoChar(props) {
               {section.title && (
                 <h5>{intl.formatMessage(messages[section.title])}</h5>
               )}
-              <p>{section.value.join(', ')}</p>
+              <p>
+                {section.value
+                  .map((countryName) =>
+                    intl.formatMessage({
+                      id: countryName,
+                      defaultMessage: countryName,
+                    }),
+                  )
+                  .join(', ')}
+              </p>
             </Fragment>
           ),
       )}

package/src/helpers/Utils.jsx

@@ -494,21 +494,39 @@ export const EventDetails = (props) => {
 
 export const MetadataItemList = (props) => {
   const { value, join_type } = props;
+  const intl = useIntl();
 
   return value && value.length > 0 ? (
     <>
       {!join_type ? (
-        <p>{value.map((item) => item.title).join(', ')}</p>
+        <p>
+          {value
+            .map((item) => item.title)
+            .map((title) =>
+              intl.formatMessage({
+                id: title,
+                defaultMessage: title,
+              }),
+            )
+            .join(', ')}
+        </p>
       ) : (
         <>
-          {value.map((item, index) => (
-            <React.Fragment key={index}>
-              <span>{item.title}</span>
-              {index !== value.length - 1 && (
-                <span dangerouslySetInnerHTML={{ __html: join_type }} />
-              )}
-            </React.Fragment>
-          ))}
+          {value
+            .map((item) =>
+              intl.formatMessage({
+                id: item.title,
+                defaultMessage: item.title,
+              }),
+            )
+            .map((item, index) => (
+              <React.Fragment key={index}>
+                <span>{item}</span>
+                {index !== value.length - 1 && (
+                  <span dangerouslySetInnerHTML={{ __html: join_type }} />
+                )}
+              </React.Fragment>
+            ))}
         </>
       )}
     </>

package/src/utils.js

@@ -77,3 +77,17 @@ export const filterBlocks = (content, blockTypes = []) => {
     hasBlockTypes: excludedBlockKeys.length > 0,
   };
 };
+
+export const formatTextToHTML = (text) => {
+  if (!text) return '';
+
+  // Replace \\n\\n with </p><p> (separate paragraphs)
+  let formattedText = text.replace(/\\n\\n/g, '</p><p>');
+
+  // Replace \\n with <br /> (line breaks within paragraphs)
+  formattedText = formattedText.replace(/\\n/g, '<br />');
+
+  formattedText = `<p>${formattedText}</p>`;
+
+  return formattedText;
+};

package/theme/assets/images/image-narrow.svg

@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13L11.9333 11V25L10 23H26L24.0667 25V11L26 13H10ZM26 11V18V21.5V23.5V25H10V11H26Z" fill="#007B6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 31H29V29H7V31Z" fill="#007B6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H29V5H7V7Z" fill="#007B6C"/>
+</svg>