@eeacms/volto-eea-website-theme 0.6.11 → 0.6.14

package/CHANGELOG.md

@@ -4,8 +4,30 @@ 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).
 
+#### [0.6.14](https://github.com/eea/volto-eea-website-theme/compare/0.6.13...0.6.14)
+
+- change(header): show eea information systems on mobile [`abdf181`](https://github.com/eea/volto-eea-website-theme/commit/abdf1819465ba1ca582c2a2d82ec02a137c0cf7f)
+- change(pageheader): share dropdown appears below the share icon [`10aaafc`](https://github.com/eea/volto-eea-website-theme/commit/10aaafc79d03784972b7cf40639077246340eda9)
+- change(pageheader): removed blogger, reddit and stumbleupon sharing links [`0f7d887`](https://github.com/eea/volto-eea-website-theme/commit/0f7d88700076704abb04ba1bf806ab669fe085be)
+
+#### [0.6.13](https://github.com/eea/volto-eea-website-theme/compare/0.6.12...0.6.13)
+
+> 23 June 2022
+
+- Fix double header issue - refs #151713 [`#45`](https://github.com/eea/volto-eea-website-theme/pull/45)
+- Customize EventView - copied unchanged from @plone/volto 16.0.0-alpha.7 [`346fc87`](https://github.com/eea/volto-eea-website-theme/commit/346fc87c0834627efa70ed1303c5ee98a5a17ae2)
+
+#### [0.6.12](https://github.com/eea/volto-eea-website-theme/compare/0.6.11...0.6.12)
+
+> 23 June 2022
+
+- change(footer): updated logos order and added climate observatory [`#44`](https://github.com/eea/volto-eea-website-theme/pull/44)
+
 #### [0.6.11](https://github.com/eea/volto-eea-website-theme/compare/0.6.10...0.6.11)
 
+> 16 June 2022
+
+- content box fixes [`#43`](https://github.com/eea/volto-eea-website-theme/pull/43)
 - change(website): removed container from styles that implement content-box [`c513000`](https://github.com/eea/volto-eea-website-theme/commit/c513000ce374f3209f57a3d050c29a0fbff0916c)
 - Optimize Content Box SVG [`ba0d417`](https://github.com/eea/volto-eea-website-theme/commit/ba0d417ad30bfb3994855716d0d387463317d24e)
 - Add preview for Content Box preset styles [`cbed054`](https://github.com/eea/volto-eea-website-theme/commit/cbed05403113cb46bc2ed63dd9c47fc6168ac492)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "0.6.11",
+  "version": "0.6.14",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/Banner/View.jsx

@@ -161,18 +161,10 @@ const View = (props) => {
                                 sharePage(metadata['@id'], 'linkedin');
                               }}
                             />
-                            <Banner.Action icon="blogger b" />
-                            <Banner.Action
-                              icon="ri-reddit-line"
-                              onClick={() => {
-                                sharePage(metadata['@id'], 'reddit');
-                              }}
-                            />
-                            <Banner.Action icon="stumbleupon circle" />
                           </div>
                         </>
                       )}
-                      position="top center"
+                      position="bottom center"
                       size="small"
                       trigger={
                         <Banner.Action

package/src/config.js

@@ -1,7 +1,6 @@
 import biseLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/bise.svg';
 import energyLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/energy.svg';
 import insituLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/insitu.svg';
-import ipchemLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/ipchem.svg';
 import freshwaterLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/freshwater.svg';
 import fiseLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/fise.svg';
 import ccaLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/cca.svg';
@@ -10,6 +9,7 @@ import industryLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/as
 import marineLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/marine.svg';
 import eionetLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eionet.svg';
 import eeaLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea.svg';
+import climateLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/climate-health.svg';
 
 // TODO: to be consolidated with headerLinks
 // Footer.jsx config options
@@ -37,26 +37,31 @@ export const footerOpts = {
     },
   ],
   sites: [
+    {
+      link: 'https://water.europa.eu/marine',
+      src: marineLogo,
+      alt: 'WISE marine',
+    },
     {
       link: 'https://biodiversity.europa.eu/',
       src: biseLogo,
       alt: 'Biodiversity',
     },
     {
-      link: 'https://climate-energy.eea.europa.eu/',
-      src: energyLogo,
-      alt: 'Climate and energy in the EU',
+      link: 'https://climate-adapt.eea.europa.eu/observatory',
+      src: climateLogo,
+      alt: 'European Climate and Health Observatory',
+    },
+    {
+      link: 'https://industry.eea.europa.eu/',
+      src: industryLogo,
+      alt: 'European industrial emissions portal',
     },
     {
       link: 'https://insitu.copernicus.eu/',
       src: insituLogo,
       alt: 'Copernicus in situ',
     },
-    {
-      link: 'https://ipchem.jrc.ec.europa.eu/RDSIdiscovery/ipchem/index.html',
-      src: ipchemLogo,
-      alt: 'Information platform for chemical monitoring',
-    },
     {
       link: 'https://water.europa.eu/freshwater',
       src: freshwaterLogo,
@@ -72,21 +77,16 @@ export const footerOpts = {
       src: ccaLogo,
       alt: 'Climate adapt',
     },
+    {
+      link: 'https://climate-energy.eea.europa.eu/',
+      src: energyLogo,
+      alt: 'Climate and energy in the EU',
+    },
     {
       link: 'https://land.copernicus.eu/',
       src: copernicusLogo,
       alt: 'Copernicus land monitoring service',
     },
-    {
-      link: 'https://industry.eea.europa.eu/',
-      src: industryLogo,
-      alt: 'European industrial emissions portal',
-    },
-    {
-      link: 'https://water.europa.eu/marine',
-      src: marineLogo,
-      alt: 'WISE marine',
-    },
   ],
   managedBy: [
     {

package/src/customizations/volto/components/theme/Header/Header.jsx

@@ -83,7 +83,7 @@ const EEAHeader = ({ pathname, token, items, history }) => {
           <Image src={eeaFlag} alt="eea flag"></Image>
           <Header.TopDropdownMenu
             text="An official website of the European Union | How do you Know?"
-            mobileText="An official EU website"
+            mobileText=" "
             icon="chevron down"
             aria-label="dropdown"
             className=""
@@ -110,7 +110,6 @@ const EEAHeader = ({ pathname, token, items, history }) => {
         <Header.TopItem>
           <Header.TopDropdownMenu
             id="theme-sites"
-            className="tablet or lower hidden"
             text={eea.globalHeaderPartnerLinks.title}
             viewportWidth={width}
           >

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

@@ -0,0 +1,90 @@
+/**
+ * EventView view component.
+ * @module components/theme/View/EventView
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { hasBlocksData, flattenHTMLToAppURL } from '@plone/volto/helpers';
+import { Image, Grid } from 'semantic-ui-react';
+import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
+import { EventDetails } from '@plone/volto/components';
+
+const EventTextfieldView = ({ content }) => (
+  <React.Fragment>
+    {content.title && <h1 className="documentFirstHeading">{content.title}</h1>}
+    {content.description && (
+      <p className="documentDescription">{content.description}</p>
+    )}
+    {content.image && (
+      <Image
+        className="document-image"
+        src={content.image.scales.thumb.download}
+        floated="right"
+      />
+    )}
+    {content.text && (
+      <div
+        dangerouslySetInnerHTML={{
+          __html: flattenHTMLToAppURL(content.text.data),
+        }}
+      />
+    )}
+  </React.Fragment>
+);
+
+/**
+ * EventView view component class.
+ * @function EventView
+ * @params {object} content Content object.
+ * @returns {string} Markup of the component.
+ */
+const EventView = (props) => {
+  const { content } = props;
+
+  return (
+    <div id="page-document" className="ui container viewwrapper event-view">
+      <Grid>
+        <Grid.Column mobile={12} tablet={7} computer={7}>
+          {hasBlocksData(content) ? (
+            <RenderBlocks {...props} />
+          ) : (
+            <EventTextfieldView {...props} />
+          )}
+        </Grid.Column>
+        <Grid.Column mobile={12} tablet={5} computer={5}>
+          <EventDetails content={content} />
+        </Grid.Column>
+      </Grid>
+    </div>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+EventView.propTypes = {
+  content: PropTypes.shape({
+    title: PropTypes.string,
+    description: PropTypes.string,
+    text: PropTypes.shape({
+      data: PropTypes.string,
+    }),
+    attendees: PropTypes.arrayOf(PropTypes.string).isRequired,
+    contact_email: PropTypes.string,
+    contact_name: PropTypes.string,
+    contact_phone: PropTypes.string,
+    end: PropTypes.string.isRequired,
+    event_url: PropTypes.string,
+    location: PropTypes.string,
+    open_end: PropTypes.bool,
+    recurrence: PropTypes.any,
+    start: PropTypes.string.isRequired,
+    subjects: PropTypes.arrayOf(PropTypes.string).isRequired,
+    whole_day: PropTypes.bool,
+  }).isRequired,
+};
+
+export default EventView;