@eeacms/volto-cca-policy 0.1.1

package/src/config.js

@@ -0,0 +1,307 @@
+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 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';
+import copernicusLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/copernicus.svg';
+import industryLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/industry.svg';
+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/images/Header/eea-logo.svg';
+import eeaWhiteLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-white.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
+export const footerOpts = {
+  header: 'Thematic information platforms',
+  logosHeader: 'Managed by',
+  contactHeader: 'Contact Us',
+  actions: [
+    {
+      title: 'Privacy',
+      link: '/privacy',
+    },
+    {
+      link: '/sitemap',
+      title: 'Sitemap',
+    },
+    {
+      link: '/login',
+      title: 'CMS Login',
+    },
+  ],
+  copyright: [
+    {
+      link: '/copyright',
+      site: 'EEA',
+    },
+  ],
+  sites: [
+    {
+      link: 'https://water.europa.eu/marine',
+      src: marineLogo,
+      alt: 'WISE marine',
+    },
+    {
+      link: 'https://water.europa.eu/freshwater',
+      src: freshwaterLogo,
+      alt: 'WISE freshwater',
+    },
+    {
+      link: 'https://biodiversity.europa.eu/',
+      src: biseLogo,
+      alt: 'Biodiversity',
+    },
+    {
+      link: 'https://forest.eea.europa.eu/',
+      src: fiseLogo,
+      alt: 'Forest information system for europe',
+    },
+    {
+      link: 'https://climate-adapt.eea.europa.eu/observatory',
+      src: climateLogo,
+      alt: 'European Climate and Health Observatory',
+    },
+    {
+      link: 'https://climate-adapt.eea.europa.eu/',
+      src: ccaLogo,
+      alt: 'Climate adapt',
+    },
+    {
+      link: 'https://industry.eea.europa.eu/',
+      src: industryLogo,
+      alt: 'European industrial emissions portal',
+    },
+    {
+      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://insitu.copernicus.eu/',
+      src: insituLogo,
+      alt: 'Copernicus in situ',
+    },
+  ],
+  managedBy: [
+    {
+      link: 'https://www.eea.europa.eu/',
+      src: eeaWhiteLogo,
+      alt: 'EEA Logo',
+      className: 'site logo',
+      columnSize: {
+        mobile: 6,
+        tablet: 12,
+        computer: 4,
+      },
+    },
+    {
+      link: 'https://www.eionet.europa.eu/',
+      src: eionetLogo,
+      alt: 'EIONET Logo',
+      className: 'eionet logo',
+      columnSize: {
+        mobile: 6,
+        tablet: 12,
+        computer: 4,
+      },
+    },
+  ],
+  social: [
+    {
+      name: 'twitter',
+      icon: 'ri-twitter-fill',
+      link: 'https://twitter.com/euenvironment',
+    },
+    {
+      name: 'facebook',
+      icon: 'ri-facebook-box-fill',
+      link: 'https://www.facebook.com/European.Environment.Agency',
+    },
+    {
+      name: 'linkedin',
+      icon: 'ri-linkedin-fill',
+      link: 'https://www.linkedin.com/company/european-environment-agency',
+    },
+    {
+      name: 'youtube',
+      icon: 'ri-youtube-fill',
+      link: 'https://www.youtube.com/user/EEAvideos',
+    },
+    {
+      name: 'instagram',
+      icon: 'ri-instagram-fill',
+      link: 'https://www.instagram.com/ourplanet_eu',
+    },
+    {
+      name: 'rss',
+      icon: 'ri-rss-fill',
+      link: '/subscription/news-feeds',
+    },
+  ],
+  contacts: [
+    {
+      icon: 'comment outline',
+      text: 'About us',
+      link: '/about',
+      children: [
+        {
+          link: '/faq',
+          text: 'FAQs',
+        },
+        {
+          link: '/careers',
+          text: 'Careers',
+        },
+      ],
+    },
+    {
+      icon: 'comment outline',
+      text: 'Contact us',
+      link: '/contact-us',
+    },
+    {
+      icon: 'envelope outline',
+      text: 'Sign up to our newsletter',
+      link: '/newsletter',
+    },
+  ],
+  address: 'Kongens Nytorv 6 1050 Copenhagen K (+45) 33 36 71 00',
+};
+
+// Header.jsx config options
+export const headerOpts = {
+  logo: eeaLogo,
+  logoWhite: eeaWhiteLogo,
+  partnerLinks: {
+    title: 'Environmental information systems',
+    links: [
+      {
+        title: 'Biodiversity Information System for Europe',
+        href: 'https://biodiversity.europa.eu/',
+      },
+      {
+        title: 'Climate Adaptation Platform',
+        href: 'https://climate-adapt.eea.europa.eu/',
+      },
+      {
+        title: 'Copernicus in situ component',
+        href: 'https://insitu.copernicus.eu/',
+      },
+      {
+        title: 'European Industrial Emissions Portal',
+        href: 'https://industry.eea.europa.eu/',
+      },
+      {
+        title: 'Forest Information System for Europe',
+        href: 'https://forest.eea.europa.eu/',
+      },
+      {
+        title: 'Information Platform for Chemical Monitoring',
+        href: 'https://ipchem.jrc.ec.europa.eu/RDSIdiscovery/ipchem/index.html',
+      },
+      {
+        title: 'Marine Water Information System for Europe',
+        href: 'https://water.europa.eu/marine',
+      },
+      {
+        title: 'Fresh Water Information System for Europe',
+        href: 'https://water.europa.eu/freshwater',
+      },
+    ],
+  },
+};
+
+export const languages = [
+  { name: 'Български', code: 'bg' },
+  { name: 'čeština', code: 'cs' },
+  { name: 'Hrvatski', code: 'hr' },
+  { name: 'dansk', code: 'da' },
+  { name: 'Nederlands', code: 'nl' },
+  { name: 'ελληνικά', code: 'el' },
+  { name: 'English', code: 'en' },
+  { name: 'eesti', code: 'et' },
+  { name: 'Suomi', code: 'fi' },
+  { name: 'Français', code: 'fr' },
+  { name: 'Deutsch', code: 'de' },
+  { name: 'magyar', code: 'hu' },
+  { name: 'Íslenska', code: 'is' },
+  { name: 'italiano', code: 'it' },
+  { name: 'Latviešu', code: 'lv' },
+  { name: 'lietuvių', code: 'lt' },
+  { name: 'Malti', code: 'mt' },
+  { name: 'Norsk', code: 'no' },
+  { name: 'polski', code: 'pl' },
+  { name: 'Português', code: 'pt' },
+  { name: 'Română', code: 'ro' },
+  { name: 'slovenčina', code: 'sk' },
+  { name: 'Slovenščina', code: 'sl' },
+  { name: 'Español', code: 'es' },
+  { name: 'Svenska', code: 'sv' },
+  { name: 'Türkçe', code: 'tr' },
+];
+
+export const defaultLanguage = 'en';
+
+export const websiteTitle = 'Site';
+export const organisationName = 'European Environment Agency';
+export const logoTargetUrl = '/';
+
+export const headerSearchBox = [
+  {
+    isDefault: true,
+    path: '/en/advanced-search',
+    placeholder: 'Search...',
+  },
+  {
+    path: '/en/datahub',
+    placeholder: 'Search Datahub...',
+    description:
+      'Looking for more information? Try searching the full EEA website content',
+    buttonTitle: 'Go to full site search',
+  },
+];
+
+export const colors = [
+  // Primary & shades
+  '#007B6C',
+  '#005248',
+  '#007B6C',
+  '#00A390',
+  '#00CCB4',
+  '#00F5D8',
+  '#85FFF1',
+  '#C8FFF8',
+  // Secondary & shades
+  '#004B7F',
+  '#003052',
+  '#004B7F',
+  '#006BB8',
+  '#0083E0',
+  '#0A99FF',
+  '#47B3FF',
+  '#A0D7FF',
+  // Tertiary & shades
+  '#2E3E4C',
+  '#3D5265',
+  '#4C677F',
+  '#6989A5',
+  '#8EA6C2',
+  '#ACCAE5',
+  '#DAE8F4',
+  // Black & White shades
+  '#000000',
+  '#323232',
+  '#67696b',
+  '#BCBEC0',
+  '#E6E7E8',
+  '#F9F9F9',
+  '#FFFFFF',
+];

package/src/customizations/@eeacms/volto-block-style/StyleWrapper/schema.js

@@ -0,0 +1,44 @@
+export const StyleSchema = () => {
+  return {
+    title: 'Styles',
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: [],
+      },
+      {
+        id: 'presets',
+        title: 'Preset styles',
+        fields: ['style_name'],
+      },
+      {
+        id: 'text',
+        title: 'Text',
+        fields: ['textAlign', 'fontWeight'],
+      },
+    ],
+    properties: {
+      style_name: {
+        title: 'Style',
+        widget: 'style_select',
+      },
+      textAlign: {
+        title: 'Text align',
+        widget: 'style_text_align',
+      },
+      fontWeight: {
+        title: 'Font weight',
+        description: 'The weight (or boldness) of the font',
+        choices: [
+          ['300', 'Light'],
+          ['400', 'Regular'],
+          ['500', 'Medium'],
+          ['600', 'SemiBold'],
+          ['700', 'Bold'],
+        ],
+      },
+    },
+    required: [],
+  };
+};

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/HeaderSearchPopUp.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { Container, Input } from 'semantic-ui-react';
+import { withRouter } from 'react-router-dom';
+import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
+import config from '@plone/volto/registry';
+
+function HeaderSearchPopUp({
+  history,
+  location,
+  onClose,
+  searchInputRef,
+  triggerRefs = [],
+}) {
+  const nodeRef = React.useRef();
+  const { eea } = config.settings;
+  const defaultView = eea.headerSearchBox.filter((v) => v.isDefault);
+  const localView = eea.headerSearchBox.filter((v) =>
+    location.pathname.includes(v.path),
+  );
+  const activeView = localView.length > 0 ? localView[0] : defaultView[0];
+
+  const [text, setText] = React.useState('');
+
+  useClickOutside({ targetRefs: [nodeRef, ...triggerRefs], callback: onClose });
+
+  const onChangeText = (event, { value }) => {
+    setText(value);
+    event.preventDefault();
+  };
+
+  const onSubmit = (event) => {
+    history.push(`${activeView.path}?q=${text}`);
+
+    if (window?.searchContext?.resetSearch) {
+      window.searchContext.resetSearch({ searchTerm: text });
+    }
+
+    onClose();
+    event.preventDefault();
+  };
+
+  return (
+    <div id="search-box" ref={nodeRef}>
+      <form method="get" onSubmit={onSubmit}>
+        <Container>
+          <div className="wrapper">
+            <Input
+              ref={searchInputRef}
+              className="search"
+              onChange={onChangeText}
+              icon={{
+                className: 'ri-search-line',
+                link: true,
+                onClick: onSubmit,
+              }}
+              placeholder={activeView.placeholder}
+              fluid
+            />
+          </div>
+        </Container>
+      </form>
+      {(activeView.description || activeView.buttonTitle) && (
+        <div className="advanced-search">
+          <Container>
+            <p>{activeView.description}</p>
+            <a
+              href={defaultView[0].path}
+              className="ui button white inverted"
+              title="Advanced search"
+            >
+              {activeView.buttonTitle}
+            </a>
+          </Container>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default withRouter(HeaderSearchPopUp);

package/src/customizations/@eeacms/volto-tabs-block/components/templates/default/schema.js

@@ -0,0 +1,109 @@
+export default () => ({
+  title: 'Default tabs block',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['description'],
+    },
+    {
+      id: 'menu',
+      title: 'Menu',
+      fields: ['menuAlign', 'menuPosition', 'menuColor', 'menuInverted'],
+    },
+  ],
+  properties: {
+    description: {
+      title: 'Description',
+    },
+    menuPosition: {
+      title: 'Position',
+      choices: [
+        ['top', 'Top'],
+        ['bottom', 'Bottom'],
+        ['left side', 'Left side'],
+        ['right side', 'Right side'],
+      ],
+    },
+    menuAlign: {
+      title: 'Alignment',
+      type: 'array',
+      choices: [
+        ['left', 'Left'],
+        ['center', 'Center'],
+        ['right', 'Right'],
+        ['space-between', 'Space between'],
+      ],
+    },
+    menuSize: {
+      title: 'Size',
+      choices: [
+        ['mini', 'Mini'],
+        ['tiny', 'Tiny'],
+        ['small', 'Small'],
+        ['large', 'Large'],
+        ['huge', 'Huge'],
+        ['massive', 'Masive'],
+      ],
+    },
+    menuColor: {
+      title: 'Color',
+      defaultValue: 'green',
+      choices: [
+        ['red', 'Red'],
+        ['orange', 'Orange'],
+        ['yellow', 'Yellow'],
+        ['olive', 'Olive'],
+        ['green', 'Green'],
+        ['teal', 'Teal'],
+        ['blue', 'Blue'],
+        ['violet', 'Violet'],
+        ['purple', 'Purple'],
+        ['pink', 'Pink'],
+        ['brown', 'Brown'],
+        ['grey', 'Grey'],
+        ['black', 'Black'],
+      ],
+    },
+    menuBorderless: {
+      title: 'Borderless',
+      type: 'boolean',
+    },
+    menuCompact: {
+      title: 'Compact',
+      type: 'boolean',
+    },
+    menuFluid: {
+      title: 'Fluid',
+      type: 'boolean',
+      value: true,
+    },
+    menuInverted: {
+      title: 'Inverted',
+      type: 'boolean',
+    },
+    menuPointing: {
+      title: 'Pointing',
+      type: 'boolean',
+      value: true,
+    },
+    menuSecondary: {
+      title: 'Secondary',
+      type: 'boolean',
+      value: true,
+    },
+    menuStackable: {
+      title: 'Stackable',
+      type: 'boolean',
+    },
+    menuTabular: {
+      title: 'Tabular',
+      type: 'boolean',
+    },
+    menuText: {
+      title: 'Text',
+      type: 'boolean',
+    },
+  },
+  required: [],
+});

package/src/customizations/@eeacms/volto-tabs-block/components/templates/horizontal-responsive/schema.js

@@ -0,0 +1,109 @@
+export default () => ({
+  title: 'Default tabs block',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['description'],
+    },
+    {
+      id: 'menu',
+      title: 'Menu',
+      fields: ['menuAlign', 'menuPosition', 'menuColor', 'menuInverted'],
+    },
+  ],
+  properties: {
+    description: {
+      title: 'Description',
+    },
+    menuPosition: {
+      title: 'Position',
+      choices: [
+        ['top', 'Top'],
+        ['bottom', 'Bottom'],
+        ['left side', 'Left side'],
+        ['right side', 'Right side'],
+      ],
+    },
+    menuAlign: {
+      title: 'Alignment',
+      type: 'array',
+      choices: [
+        ['left', 'Left'],
+        ['center', 'Center'],
+        ['right', 'Right'],
+        ['space-between', 'Space between'],
+      ],
+    },
+    menuSize: {
+      title: 'Size',
+      choices: [
+        ['mini', 'Mini'],
+        ['tiny', 'Tiny'],
+        ['small', 'Small'],
+        ['large', 'Large'],
+        ['huge', 'Huge'],
+        ['massive', 'Masive'],
+      ],
+    },
+    menuColor: {
+      title: 'Color',
+      defaultValue: 'green',
+      choices: [
+        ['red', 'Red'],
+        ['orange', 'Orange'],
+        ['yellow', 'Yellow'],
+        ['olive', 'Olive'],
+        ['green', 'Green'],
+        ['teal', 'Teal'],
+        ['blue', 'Blue'],
+        ['violet', 'Violet'],
+        ['purple', 'Purple'],
+        ['pink', 'Pink'],
+        ['brown', 'Brown'],
+        ['grey', 'Grey'],
+        ['black', 'Black'],
+      ],
+    },
+    menuBorderless: {
+      title: 'Borderless',
+      type: 'boolean',
+    },
+    menuCompact: {
+      title: 'Compact',
+      type: 'boolean',
+    },
+    menuFluid: {
+      title: 'Fluid',
+      type: 'boolean',
+      value: true,
+    },
+    menuInverted: {
+      title: 'Inverted',
+      type: 'boolean',
+    },
+    menuPointing: {
+      title: 'Pointing',
+      type: 'boolean',
+      value: true,
+    },
+    menuSecondary: {
+      title: 'Secondary',
+      type: 'boolean',
+      value: true,
+    },
+    menuStackable: {
+      title: 'Stackable',
+      type: 'boolean',
+    },
+    menuTabular: {
+      title: 'Tabular',
+      type: 'boolean',
+    },
+    menuText: {
+      title: 'Text',
+      type: 'boolean',
+    },
+  },
+  required: [],
+});