@eeacms/volto-cca-policy 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -4,17 +4,99 @@ 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.3](https://github.com/eea/volto-cca-policy/compare/0.1.2...0.1.3) - 22 December 2022
+### [0.1.5](https://github.com/eea/volto-cca-policy/compare/0.1.4...0.1.5) - 6 February 2023
+
+#### :hammer_and_wrench: Others
+
+- Refs #160116 - AdaptationOptionView - fix titles. [GhitaB - [`3e8529e`](https://github.com/eea/volto-cca-policy/commit/3e8529e3b2441c9363b6ea87d1937244663a0fbf)]
+- Refs #160116 - LinksList - new component to be used for Websites. [GhitaB - [`5fd4035`](https://github.com/eea/volto-cca-policy/commit/5fd403553ed367e2fcf51fdd2c96d59e3513c5ed)]
+- Refs #160116 - LinksList - new component to be used for Websites. [GhitaB - [`52a91ae`](https://github.com/eea/volto-cca-policy/commit/52a91ae18d9d52fa28f7114a67f2c05a19ac934c)]
+- Refs #160116 - PublicationReportView - published/modified, websites - improve. [GhitaB - [`c0f7d92`](https://github.com/eea/volto-cca-policy/commit/c0f7d924ace8cfb6b76ef2eb9aef4892ca36150d)]
+- Refs #160116 - ProjectView - published/modified, websites - improve. [GhitaB - [`c00b5a8`](https://github.com/eea/volto-cca-policy/commit/c00b5a80a99c62bbb14764c4ef353e2ea4edc952)]
+- Refs #160116 - OrganisationView - fix class name. [GhitaB - [`24f7964`](https://github.com/eea/volto-cca-policy/commit/24f7964983f7669f0d89e63837c9836336442d6e)]
+- Refs #160116 - OrganisationView - published/modified, websites - improve. [GhitaB - [`20e3b56`](https://github.com/eea/volto-cca-policy/commit/20e3b56cacb709998f9bfbd629fa0998e66ee2d6)]
+- Refs #160116 - InformationPortalView - fix class name. [GhitaB - [`2fa45e6`](https://github.com/eea/volto-cca-policy/commit/2fa45e6690636f18fe207592704391470617d629)]
+- Refs #160116 - InformationPortalView - published/modified, websites - improve. [GhitaB - [`e1343bc`](https://github.com/eea/volto-cca-policy/commit/e1343bcb70f152736c0c824be0ee119e533b55d7)]
+- Refs #160116 - ToolView - published/modified, websites - improve. [GhitaB - [`e80b540`](https://github.com/eea/volto-cca-policy/commit/e80b540520141f55674a6166207e61dd04363e95)]
+- Refs #160116 - IndicatorView - layout. [GhitaB - [`e846394`](https://github.com/eea/volto-cca-policy/commit/e8463947ffaf7dc8ea8678f4a61b202df53c30ba)]
+- Refs #160116 - GuidanceView - layout. [GhitaB - [`a453d9d`](https://github.com/eea/volto-cca-policy/commit/a453d9d247fa6b5ff31c0171a37095d4628ebcc8)]
+- Refs #160116 - InformationPortalView - code style. [GhitaB - [`f48de3b`](https://github.com/eea/volto-cca-policy/commit/f48de3b61e73f64a90f16b682d049b4498df0457)]
+- Refs #160116 - OrganisationView - code style. [GhitaB - [`973546f`](https://github.com/eea/volto-cca-policy/commit/973546f2b558e6d1d27b578fd87476e89d83c71f)]
+- Refs #160116 - ProjectView - code style. [GhitaB - [`88b019a`](https://github.com/eea/volto-cca-policy/commit/88b019a3a384ee551e040ef082dc7da8b3c063a7)]
+- Refs #160116 - PublicationReportView - code style. [GhitaB - [`d1ec89a`](https://github.com/eea/volto-cca-policy/commit/d1ec89a071a11b78399bddea7c6f3ee6d3d21b81)]
+- Refs #160116 - ToolView - code style. [GhitaB - [`d0ba872`](https://github.com/eea/volto-cca-policy/commit/d0ba872bb72f976eafb8bdbd9b10a19581e520e1)]
+- Refs #160116 - VideoView - code style. [GhitaB - [`43c3772`](https://github.com/eea/volto-cca-policy/commit/43c3772a15459445390cc2f338d3abef8a6a2304)]
+- Refs #160116 - content types [tripon eugen - [`aceb09f`](https://github.com/eea/volto-cca-policy/commit/aceb09febed4efd0bd9c70e42a0ce3dd68c03675)]
+- Refs #160116 - CaseStudy - update layout. [GhitaB - [`5212783`](https://github.com/eea/volto-cca-policy/commit/5212783ef1889d97e8b75e54e0774f89f0a9c997)]
+- Refs #160116 - Improve HTMLField, don't crash when no value. [GhitaB - [`503ab52`](https://github.com/eea/volto-cca-policy/commit/503ab5244edc1c69a23655b9eb46a069906fba60)]
+- Refs #160116 - Add published, modified info. [GhitaB - [`34bb108`](https://github.com/eea/volto-cca-policy/commit/34bb1081a72eef4e08239bec0f988cb5276e463e)]
+- Refs #160116 - Add line. [GhitaB - [`f0634e5`](https://github.com/eea/volto-cca-policy/commit/f0634e5f456fbf7df5d0024d193229c3f5e7c747)]
+- Refs #160116 - ContentMetadata - fix missing key. [GhitaB - [`c0650dd`](https://github.com/eea/volto-cca-policy/commit/c0650dd159062d37dc614229ac961cce78edaed9)]
+- Refs #160116 - ContentMetadata for adaptation option. Governance level. [GhitaB - [`ebba384`](https://github.com/eea/volto-cca-policy/commit/ebba3841195f693019460068b2b902fcd0104693)]
+- Refs #160116 - ContentMetadata - WIP customize for adaptation option. [GhitaB - [`9a6877f`](https://github.com/eea/volto-cca-policy/commit/9a6877fee51f9b105a8ed24bb1ee4430d1693a95)]
+- Refs #160116 - AdaptationOptionView - fix websites, source. [GhitaB - [`c733ac4`](https://github.com/eea/volto-cca-policy/commit/c733ac4cd8c9ae1e62805604c3dcba449c982a05)]
+- Refs #160116 - AdaptationOptionView - improve code, fix sections style. [GhitaB - [`b61ac80`](https://github.com/eea/volto-cca-policy/commit/b61ac80602d60d2eb75f5a1909ae80224d5fb039)]
+- Refs #160116 - AdaptationOptionView - improve sections display. [GhitaB - [`aa32ed3`](https://github.com/eea/volto-cca-policy/commit/aa32ed3604b4806efe8dbd1d01afb1516835ff06)]
+- Refs #160116 - AdaptationOptionView - fix sections links. [GhitaB - [`8c92e79`](https://github.com/eea/volto-cca-policy/commit/8c92e79432bc73a79aaa1fc22086e8c87c019686)]
+- Refs #160116 - AdaptationOptionView - WIP sections links. [GhitaB - [`c50691e`](https://github.com/eea/volto-cca-policy/commit/c50691ee77c26f41e9cfd0dceaacf353b5e76b70)]
+- Refs #160116 - AdaptationOptionView - WIP sections links. [GhitaB - [`7744b13`](https://github.com/eea/volto-cca-policy/commit/7744b13a85ac171f1c56dbdd0e665028ec44bc28)]
+- Refs #160116 - AdaptationOptionView - simplify fields definition, add label, remove title. [GhitaB - [`7a8b441`](https://github.com/eea/volto-cca-policy/commit/7a8b441268542e0fcfb121e01790782139aa6ec3)]
+- Refs #160116 - AdaptationOptionView - fix layout. [GhitaB - [`22c9a26`](https://github.com/eea/volto-cca-policy/commit/22c9a267bec29abec3c7701f52146c30e8efbac6)]
+- Refs #160116 - VideoView - add Related documents section. [GhitaB - [`73f85a0`](https://github.com/eea/volto-cca-policy/commit/73f85a0aaed0acb7dfcebaaebdd24302caf7b644)]
+- Refs #160116 - Add Reference information title. [GhitaB - [`f96c644`](https://github.com/eea/volto-cca-policy/commit/f96c644fd897c2c92b529da0af420d7a43469599)]
+- Refs #160116 - Fix jenkins (again). [GhitaB - [`6a8e7c9`](https://github.com/eea/volto-cca-policy/commit/6a8e7c9b0bdb572a1b435bde66603d2242be7ba8)]
+- Refs #160116 - Fix jenkins (again). [GhitaB - [`5bed2ec`](https://github.com/eea/volto-cca-policy/commit/5bed2ec0a47198ae5f5e5ee1cdd242cb52ef986c)]
+- Refs #160116 - ContentMetadata - improve tooltip text - use content type. [GhitaB - [`3acada6`](https://github.com/eea/volto-cca-policy/commit/3acada6fe465472da0303ac2c5304b149f606ad9)]
+- Refs #160116 - VideoView - fix spacing in case of external video link. [GhitaB - [`9dc89db`](https://github.com/eea/volto-cca-policy/commit/9dc89db43b6275511a166e21998b1ddebe85eebf)]
+- Refs #160116 - VideoView - fix embed video url when /download is missing. [GhitaB - [`a42614f`](https://github.com/eea/volto-cca-policy/commit/a42614f234a88bbac3dde7f8abf3f596fb1078a5)]
+- Refs #160116 - VideoView - add custom styles, fix video player spacing. [GhitaB - [`1dcab66`](https://github.com/eea/volto-cca-policy/commit/1dcab665d1c22aefadf39c61b439ed288930fe5f)]
+- Refs #160116 - VideoView - fix embed video not loading. [GhitaB - [`ab3cd94`](https://github.com/eea/volto-cca-policy/commit/ab3cd9450a34bfc9cd1770b802816b3841f95dbf)]
+- Refs #160116 - ContentMetadata - fix h5 spacing using Fragment instead of div. [GhitaB - [`fb87337`](https://github.com/eea/volto-cca-policy/commit/fb87337e197da3ef472868e5ee41b680a870a86c)]
+- Refs #160116 - VideoView - show other contributor if exists. [GhitaB - [`43a0fa6`](https://github.com/eea/volto-cca-policy/commit/43a0fa61bcfc6770b741ba6b45853e07a4ac89e3)]
+- Refs #160116 - render links as ExternalLink. [GhitaB - [`e275d29`](https://github.com/eea/volto-cca-policy/commit/e275d296bf33f0465d20039da631804dd28a3ddb)]
+- Refs #160116 - VideoView - fix class name. [GhitaB - [`2b902db`](https://github.com/eea/volto-cca-policy/commit/2b902db2453c0c87d3c35b7a6516c0dea60e7950)]
+- Refs #160116 - ContentMetadata - improve publication year 'tooltip'. [GhitaB - [`2d997ef`](https://github.com/eea/volto-cca-policy/commit/2d997efb15bf1f5c708379566cb01ad2437d637d)]
+- Refs #160116 - ContentMetadata - improve publication year 'tooltip'. [GhitaB - [`20f8d37`](https://github.com/eea/volto-cca-policy/commit/20f8d37b35d354a2af3115b778a11d546f0334e4)]
+- Refs #160116 - VideoView - add content type label and icon in links list. [GhitaB - [`0135d6b`](https://github.com/eea/volto-cca-policy/commit/0135d6b50afd213c11b4a272b0739e5595aa6a7b)]
+- Refs #160116 - ContentMetadata - show text about publication year, only on hover. [GhitaB - [`168baab`](https://github.com/eea/volto-cca-policy/commit/168baab69f7402e8842ac45852417b48d36507aa)]
+- Refs #160116 - ContentMetadata - fix wrong extra '0' because of length condition. [GhitaB - [`0c31655`](https://github.com/eea/volto-cca-policy/commit/0c3165509f7fd5f6c5a7c57049b0eba8507c6600)]
+- Refs #160116 - VideoView - add a simple layout (make easier to compare with production). [GhitaB - [`50c4e09`](https://github.com/eea/volto-cca-policy/commit/50c4e09ff3af7ad07fb6ea7413edd3ff59993889)]
+- Refs #160116 - ContentMetadata - fix error when no keywords. [GhitaB - [`ccd8e09`](https://github.com/eea/volto-cca-policy/commit/ccd8e09ab430e3a712b70dfa6206c5de194ec422)]
+- Refs #160116 - VideoView - show contributors only if exist. [GhitaB - [`7681067`](https://github.com/eea/volto-cca-policy/commit/7681067566c62408a87719151122672c8659316a)]
+- Refs #160116 - VideoView - fix video player. [GhitaB - [`94f9bf7`](https://github.com/eea/volto-cca-policy/commit/94f9bf78772ef4cefbb096c0b4137a87b729095e)]
+- Refs #160116 - VideoView - get rid of Description title (it's not in production). [GhitaB - [`cd202f7`](https://github.com/eea/volto-cca-policy/commit/cd202f7a32d628797236c3e7fbb80a908a3a8d5f)]
+- Refs #160116 - VideoView - fix key in websites list. [GhitaB - [`02a3643`](https://github.com/eea/volto-cca-policy/commit/02a3643cf8bbeece2f360aad7b3bdd88f870b874)]
+- Refs #160116 - Fix jenkins error, improve code style. [GhitaB - [`817fc2d`](https://github.com/eea/volto-cca-policy/commit/817fc2d88ef95da66be39c65973d7ba3fee6124e)]
+- Refs #160116 - Fix jenkins error, improve code style. [GhitaB - [`1ab5ac3`](https://github.com/eea/volto-cca-policy/commit/1ab5ac3a947be67dfa767f8bfefce8230540c80f)]
+- Refs #160116 - content types init [tripon eugen - [`4a250c4`](https://github.com/eea/volto-cca-policy/commit/4a250c4bc73df6aac98d80fedddf3cf1214d7a5f)]
+- Refs #160116 - ToolView - content metadata - fix jenkins error, improve titles. [GhitaB - [`b00ede5`](https://github.com/eea/volto-cca-policy/commit/b00ede52180d6a967f2629aa2aa622cd1049e15c)]
+- Refs #160116 - geochar check if available [tripon eugen - [`453ab73`](https://github.com/eea/volto-cca-policy/commit/453ab73f458a7328fb0a2363a6d0effd1aee73ab)]
+- Refs #160116 - ToolView - content metadata - improve code. [GhitaB - [`f556007`](https://github.com/eea/volto-cca-policy/commit/f5560071bea2b3f4ac3ce9b1771880b1f9ef4dfc)]
+- Refs #160116 - ToolView - content metadata - climate impacts, elements, sectors. [GhitaB - [`d4fce54`](https://github.com/eea/volto-cca-policy/commit/d4fce544a59d2e0616f7278e2ec61a45e768a75c)]
+- Refs #160116 - ToolView - content metadata WIP. [GhitaB - [`7692059`](https://github.com/eea/volto-cca-policy/commit/7692059436011d6bae5cc24f3c4bce5c2f63bf22)]
+- Refs #160116 - Geochars - clean code. [GhitaB - [`73e6ac3`](https://github.com/eea/volto-cca-policy/commit/73e6ac3f380916776400c38e25ff329d904f4495)]
+- Refs #160116 - Geochars - don't show region IDs not included in the list. [GhitaB - [`caefbcc`](https://github.com/eea/volto-cca-policy/commit/caefbcccb6bf9db18b7018e9644d4ab6c411c85c)]
+- Refs #160116 - Geochars - hide sections with no info. [GhitaB - [`068cf3d`](https://github.com/eea/volto-cca-policy/commit/068cf3d2e7929b62a1fadf976d246134c7eba4c9)]
+- Refs #160116 - Geochars - fix case when city is empty. [GhitaB - [`1872d34`](https://github.com/eea/volto-cca-policy/commit/1872d347527beb52c0aea12a6344a406f2b02c66)]
+- Refs #160116 - Geochars - improve code. [GhitaB - [`d7fd6ac`](https://github.com/eea/volto-cca-policy/commit/d7fd6ac39ad328e78831527a8da6e174888011ea)]
+- Refs #160116 - WIP content metadata (used in Tool View) - render items. [GhitaB - [`646a658`](https://github.com/eea/volto-cca-policy/commit/646a65865d021f9c4dcf5a89f73b7398bb712fc1)]
+- Refs #160116 - WIP content metadata (used in Tool View) - bioregions. [GhitaB - [`7e8e6ce`](https://github.com/eea/volto-cca-policy/commit/7e8e6ce0122c1c0ffe91658708c8b44c5178c7aa)]
+- Refs #160116 - WIP content metadata (used in Tool View). [GhitaB - [`973f57a`](https://github.com/eea/volto-cca-policy/commit/973f57ae125d57fbd5b8501baa17b3f17059668f)]
+- WIP on tool view [Tiberiu Ichim - [`d30e208`](https://github.com/eea/volto-cca-policy/commit/d30e208f04f669091adc8d1d767e51877df167fe)]
+- WIP on tool view [Tiberiu Ichim - [`f9821d3`](https://github.com/eea/volto-cca-policy/commit/f9821d302dcfeee197b3030275c24db2a76c6a61)]
+### [0.1.4](https://github.com/eea/volto-cca-policy/compare/0.1.3...0.1.4) - 13 January 2023
 
 #### :hammer_and_wrench: Others
 
-- Refs #158294 - Fix languages list. [GhitaB - [`a2386cd`](https://github.com/eea/volto-cca-policy/commit/a2386cd2ca7ba8bdbcc778223516927bf96b0b74)]
+- Refs #158294 - Enable volto-embed (index.js is used, not policy.js). [GhitaB - [`55eecd1`](https://github.com/eea/volto-cca-policy/commit/55eecd1e58f9c9e987cb90eed4b0d02e7f22d3f9)]
+- Refs #158294 - Enable volto-embed. [GhitaB - [`873ed39`](https://github.com/eea/volto-cca-policy/commit/873ed399cd02bd8c11b2006ea13d6dfc854c3395)]
+### [0.1.3](https://github.com/eea/volto-cca-policy/compare/0.1.2...0.1.3) - 22 December 2022
+
 ### [0.1.2](https://github.com/eea/volto-cca-policy/compare/0.1.1...0.1.2) - 16 December 2022
 
 #### :hammer_and_wrench: Others
 
 - Refs #158294 - Update supported languages list. [GhitaB - [`0a4f91f`](https://github.com/eea/volto-cca-policy/commit/0a4f91f39b7edc367bd4c127d6a8f273c7788361)]
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`8f1f9ce`](https://github.com/eea/volto-cca-policy/commit/8f1f9ce6c22805670cc0800d3c779b6d619d0f31)]
 ### [0.1.1](https://github.com/eea/volto-cca-policy/compare/0.1.0...0.1.1) - 13 December 2022
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/theme/Views/AdaptationOptionView.jsx

@@ -0,0 +1,193 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+  PublishedModifiedInfo,
+} from '@eeacms/volto-cca-policy/helpers';
+import { Fragment } from 'react';
+
+const dataDisplay = [
+  {
+    type: 'other',
+    field: 'category',
+    section: 'ao_category',
+    title: 'Category',
+  },
+  {
+    type: 'other',
+    field: 'ipcc_category',
+    section: 'ipcc_category',
+    title: 'IPCC categories',
+  },
+  {
+    type: 'HTMLField',
+    field: 'stakeholder_participation',
+    section: 'stakeholder_participation',
+    title: 'Stakeholder participation',
+  },
+  {
+    type: 'HTMLField',
+    field: 'success_limitations',
+    section: 'success_factors',
+    title: 'Success and Limiting Factors',
+  },
+  {
+    type: 'HTMLField',
+    field: 'cost_benefit',
+    section: 'costs_benefits',
+    title: 'Costs and Benefits',
+  },
+  {
+    type: 'HTMLField',
+    field: 'legal_aspects',
+    section: 'legal',
+    title: 'Legal Aspects',
+  },
+  {
+    type: 'HTMLField',
+    field: 'implementation_time',
+    section: 'implementation',
+    title: 'Implementation Time',
+  },
+  {
+    type: 'HTMLField',
+    field: 'life_time',
+    section: 'life_time',
+    title: 'Life Time',
+  },
+];
+
+const findSection = (title) => {
+  const found = dataDisplay.filter((item) => item.title === title);
+  if (found.length > 0) {
+    return found[0];
+  }
+  return null;
+};
+
+const sectionID = (title) => {
+  const found = findSection(title);
+  if (found === null) {
+    return title;
+  }
+  return found.section;
+};
+
+const SectionsMenu = (props) => {
+  const { sections } = props;
+
+  return (
+    <>
+      {sections.length > 0 && (
+        <>
+          <h5 className="Adaptation-option-selector">Additional Details</h5>
+          <ul>
+            {sections.map((data, index) => (
+              <li key={index}>
+                <a href={'#' + sectionID(data.title)}>{data.title}</a>
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+      <>
+        <h5 className="Adaptation-option-selector">Reference information</h5>
+        <ul>
+          <li>
+            <a href="#websites">Websites</a>
+          </li>
+          <li>
+            <a href="#source">Source</a>
+          </li>
+        </ul>
+      </>
+      <hr />
+    </>
+  );
+};
+
+function AdaptationOptionView(props) {
+  const { content } = props;
+
+  const usedSections = dataDisplay.filter((data) =>
+    content.hasOwnProperty(data.field),
+  );
+
+  return (
+    <div className="adaptation-option-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Adaptation option</div>
+              <h1>{content.title}</h1>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+
+              <SectionsMenu sections={usedSections} />
+
+              <h4>Adaptation Details</h4>
+
+              <div id={sectionID('Category')} className="section">
+                <h5 className="section-title">Category</h5>
+                {content.category
+                  .map((item) => item.token)
+                  .sort()
+                  .map((cat, index) => (
+                    <Fragment key={index}>{cat}</Fragment>
+                  ))}
+              </div>
+
+              <div id={sectionID('IPCC categories')} className="section">
+                <h5 className="section-title">IPCC categories</h5>
+                {content.ipcc_category
+                  .map((item) => item.title)
+                  .sort()
+                  .join(', ')}
+                {usedSections.length > 0 && (
+                  <>
+                    {usedSections.map((data, index) => (
+                      <Fragment key={index}>
+                        <div id={sectionID(data.title)} className="section">
+                          <h5 className="section-title">{data.title}</h5>
+                          <HTMLField
+                            value={content[data.field]}
+                            className="long_description"
+                          />
+                        </div>
+                      </Fragment>
+                    ))}
+                  </>
+                )}
+              </div>
+              <hr />
+
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites:" value={content.websites} />
+              )}
+
+              <div id="source" className="section">
+                <h5>References:</h5>
+                <HTMLField value={content.source} />
+              </div>
+
+              <PublishedModifiedInfo {...props} />
+            </div>
+            <div className="three wide column right-col">
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default AdaptationOptionView;

package/src/components/theme/Views/CaseStudyView.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+} from '@eeacms/volto-cca-policy/helpers';
+
+function CaseStudyView(props) {
+  const { content } = props;
+
+  return (
+    <div className="case-study-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Case Study</div>
+              <h1>{content.title}</h1>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+              <h4>Challenges</h4>
+              <HTMLField value={content.challenges} className="challenges" />
+              <h4>Objectives</h4>
+              <HTMLField value={content.objectives} className="objectives" />
+              <hr />
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites" value={content.websites} />
+              )}
+
+              <h5>Source</h5>
+              <HTMLField value={content.source} />
+            </div>
+            <div className="three wide column right-col">
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default CaseStudyView;

package/src/components/theme/Views/GuidanceView.jsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+} from '@eeacms/volto-cca-policy/helpers';
+
+function GuidanceView(props) {
+  const { content } = props;
+
+  return (
+    <div className="guidance-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Guidance Document</div>
+              <h1>{content.title}</h1>
+              <h4>Description</h4>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+              <hr />
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites" value={content.websites} />
+              )}
+
+              <h5>Source</h5>
+              <HTMLField value={content.source} />
+            </div>
+            <div className="three wide column right-col">
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default GuidanceView;

package/src/components/theme/Views/IndicatorView.jsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+} from '@eeacms/volto-cca-policy/helpers';
+
+function IndicatorView(props) {
+  const { content } = props;
+
+  return (
+    <div className="indicator-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Indicator</div>
+              <h1>{content.title}</h1>
+              <h4>Description</h4>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+              <hr />
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites" value={content.websites} />
+              )}
+
+              <h5>Source</h5>
+              <HTMLField value={content.source} />
+            </div>
+            <div className="three wide column right-col">
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default IndicatorView;

package/src/components/theme/Views/InformationPortalView.jsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+  PublishedModifiedInfo,
+} from '@eeacms/volto-cca-policy/helpers';
+
+function InformationPortalView(props) {
+  const { content } = props;
+
+  return (
+    <div className="information-portal-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Information Portal</div>
+              <h1>{content.title}</h1>
+              <h4>Description</h4>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites" value={content.websites} />
+              )}
+
+              <PublishedModifiedInfo {...props} />
+            </div>
+            <div className="three wide column right-col">
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default InformationPortalView;

package/src/components/theme/Views/OrganisationView.jsx

@@ -0,0 +1,90 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+  PublishedModifiedInfo,
+} from '@eeacms/volto-cca-policy/helpers';
+
+function OrganisationView(props) {
+  const { content } = props;
+
+  let organisationDocuments = [];
+  let relatedItems = [];
+  if (content?.relatedItems?.length > 0) {
+    organisationDocuments = content.relatedItems.filter(
+      (item) => item['@type'] === 'File',
+    );
+
+    relatedItems = content.relatedItems.filter((item) =>
+      item['@type'].includes('eea.climateadapt'),
+    );
+  }
+
+  return (
+    <div className="organisation-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Organisation</div>
+              <h1>{content.title}</h1>
+              <h4>Description</h4>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+              <hr />
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites" value={content.websites} />
+              )}
+
+              {relatedItems.length > 0 && (
+                <>
+                  <h5>Related content:</h5>
+
+                  {relatedItems.map((item, index) => (
+                    <>
+                      <a key={index} href={item['@id']}>
+                        {item.title}
+                      </a>
+                      <br />
+                    </>
+                  ))}
+                </>
+              )}
+
+              <PublishedModifiedInfo {...props} />
+            </div>
+            <div className="three wide column right-col">
+              {organisationDocuments.length > 0 && (
+                <>
+                  <h5>
+                    Organisation Documents ({organisationDocuments.length})
+                  </h5>
+
+                  {organisationDocuments.map((item, index) => (
+                    <>
+                      <a key={index} href={item['@id']}>
+                        {item.title}
+                      </a>
+                      <br />
+                    </>
+                  ))}
+                  <br />
+                </>
+              )}
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default OrganisationView;

package/src/components/theme/Views/ProjectView.jsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import {
+  HTMLField,
+  ContentMetadata,
+  LinksList,
+  PublishedModifiedInfo,
+} from '@eeacms/volto-cca-policy/helpers';
+
+function ProjectView(props) {
+  const { content } = props;
+  return (
+    <div className="project-view">
+      <div className="ui container">
+        <div className="ui grid">
+          <div className="row">
+            <div className="nine wide column left-col">
+              <div className="ui label">Project</div>
+              <h1>
+                {content.title} ({content.acronym})
+              </h1>
+              <h4>Description</h4>
+              <HTMLField
+                value={content.long_description}
+                className="long_description"
+              />
+              <h4>Project information</h4>
+              <h5>Lead</h5>
+              <p>{content.lead}</p>
+              <h5>Partners</h5>
+              <HTMLField value={content.partners} className="partners" />
+              {content.funding && (
+                <>
+                  <h5>Source of funding</h5>
+                  <p>{content.funding}</p>
+                </>
+              )}
+
+              <h4>Reference information</h4>
+
+              {content?.websites?.length > 0 && (
+                <LinksList title="Websites" value={content.websites} />
+              )}
+
+              <PublishedModifiedInfo {...props} />
+            </div>
+            <div className="three wide column right-col">
+              <div style={{}}>
+                <ContentMetadata {...props} />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default ProjectView;