@eeacms/volto-cca-policy 0.1.81 → 0.1.83

package/CHANGELOG.md

@@ -4,11 +4,39 @@ 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.1.81](https://github.com/eea/volto-cca-policy/compare/0.1.80...0.1.81) - 21 February 2024
+### [0.1.83](https://github.com/eea/volto-cca-policy/compare/0.1.82...0.1.83) - 26 February 2024
 
 #### :hammer_and_wrench: Others
 
-- Don't hide the section header [Tiberiu Ichim - [`f7d9ded`](https://github.com/eea/volto-cca-policy/commit/f7d9ded5932b8636d3f485e5184639f8d88f3d33)]
+- Refs #265786 - Fix go to contact info (in case of email vs website url). [GhitaB - [`38029dc`](https://github.com/eea/volto-cca-policy/commit/38029dc5bcb21423b8b9edea8aef9627cc06b8a5)]
+- Refs #265786 - Fix go to contact info (in case of email vs website url). [GhitaB - [`4a45be0`](https://github.com/eea/volto-cca-policy/commit/4a45be04c57305874fb38952a354c7fc2e630c10)]
+- Refs #265786 - Event cards listing: fix icon to stay on the same line. [GhitaB - [`d7c32ae`](https://github.com/eea/volto-cca-policy/commit/d7c32aed9d0a66cd618daeb38ae8a8bb9c400be4)]
+- Refs #265786 - Event cards listing: improve styles, add email info and subjects tags. [GhitaB - [`3c92d54`](https://github.com/eea/volto-cca-policy/commit/3c92d54ceb88a4dd28536e99398412e1e4532b8d)]
+- Refs #265786 - Event cards listing: improve styles, improve day display. [GhitaB - [`80b0fe0`](https://github.com/eea/volto-cca-policy/commit/80b0fe047f254483664e5528871e1d51c02830e1)]
+- Refs #265786 - Implement events cards listing variation to be used for listing events. [GhitaB - [`73a77f2`](https://github.com/eea/volto-cca-policy/commit/73a77f2430568f3b20749f77c986720c6a5dab81)]
+- Add Display customization, to avoid crash in homepage [Tiberiu Ichim - [`6e3196b`](https://github.com/eea/volto-cca-policy/commit/6e3196b4298c0ec6adfb73df682b9adfa3cd9fae)]
+### [0.1.82](https://github.com/eea/volto-cca-policy/compare/0.1.81...0.1.82) - 24 February 2024
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`3107391`](https://github.com/eea/volto-cca-policy/commit/31073918d51bcd0adbe929cfea001671b892e04f)]
+
+#### :hammer_and_wrench: Others
+
+- Code cleanup [Tiberiu Ichim - [`47a937c`](https://github.com/eea/volto-cca-policy/commit/47a937c76eeb4d31cf69bdfc84986b4a7b5a53fb)]
+- Use a json file [Tiberiu Ichim - [`cd5307e`](https://github.com/eea/volto-cca-policy/commit/cd5307e14b72e27582e323fa5bd7355e246c886e)]
+- Eslint [Tiberiu Ichim - [`9a79b88`](https://github.com/eea/volto-cca-policy/commit/9a79b882251c83c523c5ac3cfc4d74bed10f2727)]
+- Eslint [Tiberiu Ichim - [`367d0b6`](https://github.com/eea/volto-cca-policy/commit/367d0b632f09e2d7d47289e777019d3257982c0d)]
+- Show tags in news item [Tiberiu Ichim - [`4660adc`](https://github.com/eea/volto-cca-policy/commit/4660adc38a9cc7d0f34db021918e6148f1aef367)]
+- Add newsitem view [Tiberiu Ichim - [`ce83fec`](https://github.com/eea/volto-cca-policy/commit/ce83feca8dc01df52cb410c0a1da748663f75271)]
+- Show blocks in CCAEventView [Tiberiu Ichim - [`89e0e78`](https://github.com/eea/volto-cca-policy/commit/89e0e7864a9a490812bc2599ac0a5c8bca3668b4)]
+- Add event view view [Tiberiu Ichim - [`a4dfcd7`](https://github.com/eea/volto-cca-policy/commit/a4dfcd7b4d560db839eb7d6b116584e82d2bb706)]
+- Fix hit enter in layout settings block [Tiberiu Ichim - [`5774d3e`](https://github.com/eea/volto-cca-policy/commit/5774d3e1d6332b8661aa1a78a9b300820b2d4f1c)]
+- test: increase coverage [kreafox - [`334a6a3`](https://github.com/eea/volto-cca-policy/commit/334a6a374d6af8e4856c1be5bcee073a619c88af)]
+- test: fix ES lint warnings [kreafox - [`e884310`](https://github.com/eea/volto-cca-policy/commit/e88431084ddaa6298541ac2a9edefcc45b26ea0e)]
+- Add details [Tiberiu Ichim - [`ad521be`](https://github.com/eea/volto-cca-policy/commit/ad521bed6f11d4fdf8590eac5dc9f5352d05dd27)]
+### [0.1.81](https://github.com/eea/volto-cca-policy/compare/0.1.80...0.1.81) - 21 February 2024
+
 ### [0.1.80](https://github.com/eea/volto-cca-policy/compare/0.1.79...0.1.80) - 21 February 2024
 
 #### :bug: Bug Fixes

package/package.json

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

package/src/components/index.js

@@ -0,0 +1 @@
+export BannerTitle from './theme/BannerTitle/BannerTitle';

package/src/components/manage/Blocks/Listing/EventCardsListingView.jsx

@@ -0,0 +1,167 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import cx from 'classnames';
+import './styles.less';
+import { ConditionalLink } from '@plone/volto/components';
+import { Icon } from 'semantic-ui-react';
+import { When } from '@plone/volto/components/theme/View/EventDatesInfo';
+import { Card, Grid } from 'semantic-ui-react';
+import { Label } from 'semantic-ui-react';
+
+const Separator = () => {
+  return <div className="sep">&nbsp;&nbsp;⎯&nbsp;&nbsp;</div>;
+};
+
+const StartDate = (start) => {
+  const start_date = new Date(start);
+
+  const day = start_date.getDate();
+  const monthIndex = start_date.getMonth();
+
+  const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+  ];
+
+  const monthName = monthNames[monthIndex];
+
+  const dayOfWeek = start_date
+    .toLocaleDateString('en', { weekday: 'short' })
+    .substring(0, 2);
+
+  return (
+    <div className="start-date">
+      <p className="day">{dayOfWeek}</p>
+      <p className="date">
+        {day}.{monthName}.
+      </p>
+    </div>
+  );
+};
+
+const EventCardsListingView = ({ items, isEditMode, token }) => {
+  const go_to_contact = (contact_info) => {
+    if (contact_info.includes('@')) {
+      return `mailto:${contact_info}`;
+    }
+    return contact_info;
+  };
+
+  return (
+    <div className={cx('ui fluid eventCards')}>
+      {items.map((item, index) => (
+        <div
+          className={cx('u-item listing-item simple-listing-item')}
+          key={item['@id']}
+        >
+          <div className="wrapper">
+            <Card fluid>
+              <Card.Content>
+                <Grid stackable columns={12}>
+                  <Grid.Column width={2}>
+                    {!!item.start && StartDate(item.start)}
+                  </Grid.Column>
+                  <Grid.Column width={10}>
+                    <div className="event-details">
+                      <h3 className={'listing-header'}>
+                        <a href={item.event_url}>
+                          {item.title ? item.title : item.id}
+                        </a>
+                      </h3>
+                      <div className="listing-body-dates">
+                        {!!item.start && (
+                          <span className="event-date">
+                            <Icon className="ri-calendar-line" />
+                            <When
+                              start={item.start}
+                              end={item.end}
+                              whole_day={true}
+                              open_end={item.open_end}
+                            />
+                          </span>
+                        )}
+                      </div>
+                      <div className="listing-body-dates">
+                        {!!item['location'] && (
+                          <span className="event-date">
+                            <Icon className="map marker alternate" />
+                            {item['location']}
+                          </span>
+                        )}
+                      </div>
+                      {item.description && (
+                        <p className={'listing-description'}>
+                          {item.description}
+                        </p>
+                      )}
+                      <div className="bottom-info">
+                        {!!item.subjects && item.subjects.length > 0 && (
+                          <>
+                            <div className="subjects">
+                              {item.subjects.map((tag) => (
+                                <Label key={tag} size="small">
+                                  {tag}
+                                </Label>
+                              ))}
+                            </div>
+
+                            <Separator />
+                          </>
+                        )}
+                        <div className="source">
+                          <ConditionalLink item={item} condition={!isEditMode}>
+                            Climate Adapt page for this event
+                          </ConditionalLink>
+                        </div>
+                        {!!item.contact_email && (
+                          <>
+                            <Separator />
+                            <div className="email-info">
+                              <Icon className="mail" />
+                              <a
+                                className="contact_email"
+                                title=""
+                                href={go_to_contact(item.contact_email)}
+                                target="_blank"
+                                rel="noreferrer"
+                              >
+                                {item.contact_email}
+                              </a>
+                            </div>
+                          </>
+                        )}
+                      </div>
+                    </div>
+                  </Grid.Column>
+                </Grid>
+              </Card.Content>
+            </Card>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+EventCardsListingView.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  isEditMode: PropTypes.bool,
+};
+
+export default compose(
+  connect((state) => ({
+    token: state.userSession.token,
+  })),
+)(EventCardsListingView);

package/src/components/manage/Blocks/Listing/index.js

@@ -1,5 +1,6 @@
 import OrganisationCardsListingView from './OrganisationCardsListingView';
 import IndicatorCardsListingView from './IndicatorCardsListingView';
+import EventCardsListingView from './EventCardsListingView';
 
 export default function installListing(config) {
   config.blocks.blocksConfig.listing = {
@@ -20,6 +21,13 @@ export default function installListing(config) {
         isDefault: false,
         fullobjects: true,
       },
+      {
+        id: 'eventCards',
+        title: 'Event Cards',
+        template: EventCardsListingView,
+        isDefault: false,
+        fullobjects: true,
+      },
     ],
   };
 

package/src/components/manage/Blocks/Listing/styles.less

@@ -44,3 +44,58 @@ div.indicatorCards {
     margin-bottom: 1em !important;
   }
 }
+
+// Event Cards Listing
+div.eventCards {
+  div.simple-listing-item {
+    border-bottom: 1px solid #ddd !important;
+  }
+
+  a {
+    color: #006bb8 !important;
+  }
+
+  div.start-date {
+    max-width: 80px;
+
+    .day {
+      border-bottom: 3px solid #ef7000;
+      color: #ef7000;
+      font-size: 2.5em;
+      font-weight: 900;
+    }
+
+    .date {
+      font-size: 1.5em;
+      font-weight: 600;
+    }
+  }
+
+  div.bottom-info {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-start;
+
+    .sep {
+      position: relative;
+      top: -2px;
+      color: #ddd;
+    }
+
+    .email-info {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+    }
+
+    div.subjects {
+      .label {
+        margin-right: 0.3em;
+        margin-bottom: 0.3em;
+        background: #eee;
+        color: #3d5265;
+      }
+    }
+  }
+}

package/src/components/manage/Blocks/TransRegionSelect/TransRegionSelectView.jsx

@@ -1,10 +1,9 @@
 import React from 'react';
-import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { Dropdown } from 'semantic-ui-react';
-import { connect, useDispatch, useSelector } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { getQueryStringResults } from '@plone/volto/actions';
-import { regionCountries } from './countries';
+import regionCountries from './countries.json';
 
 const getSiblings = (items) => {
   const regionsDropdown = (items || []).map((item) => {
@@ -24,8 +23,9 @@ const getSiblings = (items) => {
   return regionsDropdown;
 };
 
-const TransRegionSelectView = (props) => {
-  const { id, data, content } = props;
+export default function TransRegionSelectView(props) {
+  const { id, data } = props;
+  const content = useSelector((state) => state.content.data);
   const { title } = content;
   const dispatch = useDispatch();
   const querystringResults = useSelector(
@@ -86,7 +86,7 @@ const TransRegionSelectView = (props) => {
         title === 'Other regions' ? null : (
           <h5>Region's countries:</h5>
         )}
-        {regionCountries
+        {regionCountries.countries
           .filter((item) => item.region === title)
           .map((item, i) => (
             <div className="countries-listing" key={i}>
@@ -115,10 +115,4 @@ const TransRegionSelectView = (props) => {
       </div>
     </div>
   );
-};
-
-export default compose(
-  connect((state, props) => ({
-    content: state.content.data,
-  })),
-)(TransRegionSelectView);
+}

package/src/components/manage/Blocks/TransRegionSelect/countries.json

@@ -0,0 +1,150 @@
+{
+  "countries": [
+    {
+      "region": "Adriatic-Ionian Area",
+      "countries": [
+        ["Croatia", "/countries/croatia"],
+        ["Greece", "/countries/greece"],
+        ["Italy", "/countries/italy"],
+        ["Slovenia", "/countries/slovenia"],
+        ["Albania", ""],
+        ["Bosnia and Herzegovina", ""],
+        ["Montenegro", ""],
+        ["Republic of North Macedonia", ""],
+        ["Serbia", ""]
+      ]
+    },
+    {
+      "region": "Alpine Space",
+      "countries": [
+        ["Austria", "/countries/austria"],
+        ["France", "/countries/france"],
+        ["Germany", "/countries/germany"],
+        ["Italy", "/countries/italy"],
+        ["Slovenia", "/countries/slovenia"],
+        ["Liechtenstein", ""],
+        ["Switzerland", "/countries/switzerland"]
+      ]
+    },
+    {
+      "region": "Northern Periphery and Arctic",
+      "countries": [
+        ["Finland", "/countries/finland"],
+        ["Ireland", "/countries/ireland"],
+        ["Sweden", "/countries/sweden"],
+        ["Iceland", "/countries/iceland"],
+        ["Norway", "/countries/norway"],
+        ["Greenland", ""],
+        ["Faroe Islands", ""]
+      ]
+    },
+    {
+      "region": "Atlantic Area",
+      "countries": [
+        ["France", "/countries/france"],
+        ["Ireland", "/countries/ireland"],
+        ["Portugal", "/countries/portugal"],
+        ["Spain", "/countries/spain"]
+      ]
+    },
+    {
+      "region": "Baltic Sea",
+      "countries": [
+        ["Denmark", "/countries/denmark"],
+        ["Estonia", "/countries/estonia"],
+        ["Finland", "/countries/finland"],
+        ["Germany", "/countries/germany"],
+        ["Latvia", "/countries/latvia"],
+        ["Lithuania", "/countries/lithuania"],
+        ["Poland", "/countries/poland"],
+        ["Sweden", "/countries/sweden"],
+        ["Norway", "/countries/norway"]
+      ]
+    },
+    {
+      "region": "Central Europe",
+      "countries": [
+        ["Austria", "/countries/austria"],
+        ["Croatia", "/countries/croatia"],
+        ["Czechia", "/countries/czech-republic"],
+        ["Germany", "/countries/germany"],
+        ["Hungary", "/countries/hungary"],
+        ["Italy", "/countries/italy"],
+        ["Poland", "/countries/poland"],
+        ["Slovakia", "/countries/slovakia"],
+        ["Slovenia", "/countries/slovenia"]
+      ]
+    },
+    {
+      "region": "Danube Area",
+      "countries": [
+        ["Austria", "/countries/austria"],
+        ["Bulgaria", "/countries/bulgaria"],
+        ["Croatia", "/countries/croatia"],
+        ["Czechia", "/countries/czech-republic"],
+        ["Germany", "/countries/germany"],
+        ["Hungary", "/countries/hungary"],
+        ["Romania", "/countries/romania"],
+        ["Slovakia", "/countries/slovakia"],
+        ["Slovenia", "/countries/slovenia"],
+        ["Bosnia and Herzegovina, ", ""],
+        ["Montenegro", ""],
+        ["Serbia", ""],
+        ["Ukraine", ""],
+        ["Republic of Moldova", ""]
+      ]
+    },
+    {
+      "region": "Mediterranean Area",
+      "countries": [
+        ["Albania", ""],
+        ["Bosnia and Herzegovina", ""],
+        ["Bulgaria", "/countries/bulgaria"],
+        ["Croatia", "/countries/croatia"],
+        ["Cyprus", "/countries/cyprus"],
+        ["France", "/countries/france"],
+        ["Greece", "/countries/greece"],
+        ["Italy", "/countries/italy"],
+        ["Malta", "/countries/malta"],
+        ["Montenegro", ""],
+        ["Portugal", "/countries/portugal"],
+        ["Republic of North Macedonia", ""],
+        ["Slovenia", "/countries/slovenia"],
+        ["Spain", "/countries/spain"]
+      ]
+    },
+    {
+      "region": "North Sea Region",
+      "countries": [
+        ["Belgium", "/countries/belgium"],
+        ["Denmark", "/countries/denmark"],
+        ["Germany", "/countries/germany"],
+        ["France", "/countries/france"],
+        ["Netherlands", "/countries/netherlands"],
+        ["Sweden", "/countries/sweden"],
+        ["Norway", "/countries/norway"]
+      ]
+    },
+    {
+      "region": "North-West Europe",
+      "countries": [
+        ["Belgium", "/countries/belgium"],
+        ["France", "/countries/france"],
+        ["Germany", "/countries/germany"],
+        ["Ireland", "/countries/ireland"],
+        ["Luxembourg", "/countries/luxembourg"],
+        ["Netherlands", "/countries/netherlands"],
+        ["Switzerland", "/countries/switzerland"]
+      ]
+    },
+    {
+      "region": "South-West Europe",
+      "countries": [
+        ["France", "/countries/france"],
+        ["Portugal", "/countries/portugal"],
+        ["Spain", "/countries/spain"],
+        ["Andorra", ""]
+      ]
+    }
+  ]
+}