@eeacms/volto-bise-policy 1.0.0

package/src/components/manage/Blocks/Redirect/Edit.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
+import InlineForm from '@plone/volto/components/manage/Form/InlineForm';
+import schema from './schema';
+
+const Edit = (props) => {
+  return (
+    <>
+      {props.data.url && <p>Redirect to {props.data.url}</p>}
+      {!props.data.url && <p>Select redirect target</p>}
+
+      <SidebarPortal selected={props.selected}>
+        <InlineForm
+          schema={schema}
+          title={schema.title}
+          onChangeField={(id, value) => {
+            props.onChangeBlock(props.block, {
+              ...props.data,
+              [id]: value,
+            });
+          }}
+          formData={props.data}
+        />
+      </SidebarPortal>
+    </>
+  );
+};
+
+export default Edit;

package/src/components/manage/Blocks/Redirect/View.jsx

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+const View = (props) => {
+  useEffect(() => {
+    props.history.push(flattenToAppURL(props.data.url));
+    /* eslint-disable-next-line */
+  }, []);
+
+  return null;
+};
+
+export default View;

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

@@ -0,0 +1,24 @@
+import worldSVG from '@plone/volto/icons/world.svg';
+import RedirectEdit from './Edit';
+import RedirectView from './View';
+
+export default (config) => {
+  config.blocks.blocksConfig.redirect = {
+    id: 'redirect',
+    title: 'Redirect',
+    icon: worldSVG,
+    group: 'common',
+    edit: RedirectEdit,
+    view: RedirectView,
+    restricted: false,
+    mostUsed: false,
+    sidebarTab: 1,
+    blocks: {},
+    security: {
+      addPermission: [],
+      view: [],
+    },
+    blockHasOwnFocusManagement: false,
+  };
+  return config;
+};

package/src/components/manage/Blocks/Redirect/schema.js

@@ -0,0 +1,20 @@
+export default {
+  title: 'Redirect',
+
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['url'],
+    },
+  ],
+
+  properties: {
+    url: {
+      title: 'Target',
+      widget: 'url',
+    },
+  },
+
+  required: [],
+};

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

@@ -0,0 +1,17 @@
+import installBodyClass from './BodyClass';
+import installRedirect from './Redirect';
+import installFactsheetsListing from './FactsheetsListing';
+import installKeyFacts from './KeyFacts';
+import installMaesViewer from './MaesViewer';
+import installNavigation from './Navigation';
+
+export default (config) => {
+  return [
+    installBodyClass,
+    installRedirect,
+    installFactsheetsListing,
+    installKeyFacts,
+    installMaesViewer,
+    installNavigation,
+  ].reduce((acc, apply) => apply(acc), config);
+};

package/src/components/manage/Styles/index.js

@@ -0,0 +1,163 @@
+export default (config) => {
+  // config.settings.plotlyChartsColorScale = [
+  //   '#ee252c',
+  //   '#d5e843',
+  //   '#33b540',
+  //   '#352d4e',
+  //   '#f9ae79',
+  //   '#87d6cb',
+  //   ...(config.settings.plotlyChartsColorScale || []),
+  // ];
+
+  config.settings.available_colors = [
+    '#005248', // primary color
+    '#00A390', // secondary color
+    '#3D5265', // tertiary color
+    '#FAC50D', // brand color
+    '#B83230', // error state
+    '#FF9933', // warning state
+    '#007B6C', // success state
+    '#004B7F', // info state
+    '#005248', // green shade
+    '#007B6C', // green shade
+    '#00A390', // green shade
+    '#00CCB4', // green shade
+    '#00F5D8', // green shade
+    '#85FFF1', // green shade
+    '#C8FFF8', // green shade
+    '#FFFFFF', // white
+    '#2E3E4C', // blue grey
+    '#3D5265', // blue grey
+    '#4C677F', // blue grey
+    '#6989A5', // blue grey
+    '#8EA6C2', // blue grey
+    '#ACCAE5', // blue grey
+    '#DAE8F4', // blue grey
+    '#FFFFFF', // white
+    '#C35527', // yellow shade
+    '#FF9933', // yellow shade
+    '#FDAF20', // yellow shade
+    '#FAC50D', // yellow shade
+    '#FAD936', // yellow shade
+    '#FBEC9B', // yellow shade
+    '#FEF6CD', // yellow shade
+    '#FFFFFF', // white
+    '#5C1918', // red shade
+    '#B83230', // red shade
+    '#C65B59', // red shade
+    '#D78890', // red shade
+    '#E7B2C0', // red shade
+    '#F6DDF0', // red shade
+    '#FBEEF8', // red shade
+    '#FFFFFF', // white
+    '#003052', // blue shade
+    '#004B7F', // blue shade
+    '#006BB8', // blue shade
+    '#0083E0', // blue shade
+    '#0A99FF', // blue shade
+    '#47B3FF', // blue shade
+    '#A0D7FF', // blue shade
+    '#FFFFFF', // white
+    '#000000', // grey shade
+    '#323232', // grey shade
+    '#747678', // grey shade
+    '#BCBEC0', // grey shade
+    '#E6E7E8', // grey shade
+    '#F9F9F9', // grey shade
+    '#FFFFFF', // white
+  ];
+
+  config.blocks.blocksConfig.columnsBlock =
+    config.blocks.blocksConfig.columnsBlock || {};
+  config.blocks.blocksConfig.columnsBlock.available_colors = [
+    ...config.settings.available_colors,
+  ];
+
+  config.settings.slate = config.settings.slate || {};
+  config.settings.slate.styleMenu = config.settings.slate.styleMenu || {};
+  config.settings.slate.styleMenu.inlineStyles = [
+    ...(config.settings.slate.styleMenu?.inlineStyles || []),
+    { cssClass: 'primary-big-text', label: 'Big text' },
+    { cssClass: 'medium-text', label: 'Medium text' },
+    { cssClass: 'small-text', label: 'Small text' },
+    { cssClass: 'white-text', label: 'White text' },
+    { cssClass: 'primary-text', label: 'Primary text' },
+    { cssClass: 'secondary-text', label: 'Secondary text' },
+    { cssClass: 'dark-green-text', label: 'Dark green text' },
+    { cssClass: 'blue-text', label: 'Blue text' },
+    { cssClass: 'red-text', label: 'Red text' },
+    { cssClass: 'yellow-text', label: 'Yellow text' },
+    { cssClass: 'grey-text', label: 'Grey text' },
+  ];
+  // config.settings.slate.styleMenu.blockStyles = [
+  //   ...config.settings.slate.styleMenu.blockStyles,
+  //   { cssClass: 'green-block-text', label: 'Green Text' },
+  //   { cssClass: 'underline-block-text', label: 'Underline Text' },
+  // ];
+
+  config.settings.pluggableStyles = [
+    ...(config.settings.pluggableStyles || []),
+    {
+      id: 'borderBlock',
+      title: 'Border',
+      cssClass: 'border-block',
+    },
+    {
+      id: 'horizontalLine',
+      title: 'Horizontal line',
+      cssClass: 'horizontal-line',
+    },
+    {
+      id: 'dividedBlock',
+      title: 'Divided',
+      cssClass: 'divided-block',
+    },
+    {
+      id: 'shadedBlock',
+      title: 'Shaded & Divided',
+      cssClass: 'shaded-block',
+    },
+    {
+      id: 'padded',
+      title: 'Padded',
+      cssClass: 'padded',
+    },
+    {
+      id: 'marginless',
+      title: 'Marginless',
+      cssClass: 'marginless',
+    },
+    {
+      id: 'roundedBlock',
+      title: 'Rounded image',
+      cssClass: 'rounded-block',
+    },
+    {
+      id: 'mobileReversed',
+      title: 'Mobile reversed',
+      cssClass: 'mobile-reversed',
+    },
+    {
+      id: 'relevantLink',
+      title: 'Relevant link',
+      cssClass: 'relevant-link',
+    },
+    {
+      id: 'n2kList',
+      title: 'N2k list',
+      cssClass: 'n2k-list',
+    },
+    {
+      id: 'n2kGreenBorder',
+      title: 'N2k green border',
+      cssClass: 'n2k-green-border',
+    },
+    {
+      id: 'n2kCircle',
+      title: 'N2k circle',
+      cssClass: 'n2k-circle',
+    },
+  ];
+
+  return config;
+};

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

@@ -0,0 +1,206 @@
+import config from '@plone/volto/registry';
+
+export const StyleSchema = () => {
+  return {
+    title: 'Styles',
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: [],
+      },
+      {
+        id: 'presets',
+        title: 'Preset styles',
+        fields: ['style_name'],
+      },
+      {
+        id: 'standard',
+        title: 'Standard',
+        fields: [
+          'textAlign',
+          'fontSize',
+          'fontWeight',
+          'align',
+          'stretch',
+          'size',
+          'isDropCap',
+        ],
+      },
+      {
+        id: 'decorations',
+        title: 'Decorations',
+        fields: [
+          'backgroundImage',
+          'backgroundColor',
+          'textColor',
+          'borderRadius',
+          'shadowDepth',
+          'shadowColor',
+        ],
+      },
+      {
+        id: 'layout',
+        title: 'Layout',
+        fields: ['margin', 'padding', 'size', 'align', 'stretch'], // todo: width, conflicts with size
+      },
+      {
+        id: 'advanced',
+        title: 'Advanced',
+        fields: [
+          'theme',
+          'hidden',
+          'height',
+          'isScreenHeight',
+          'customClass',
+          'customId',
+          'clear',
+        ],
+      },
+    ],
+    properties: {
+      theme: {
+        title: 'Theme',
+        description: 'A predefined theme, applicable just to this block',
+        choices: [
+          ['primary', 'Primary'],
+          ['secondary', 'Secondary'],
+        ],
+      },
+      style_name: {
+        title: 'Style',
+        widget: 'style_select',
+      },
+      textAlign: {
+        title: 'Text align',
+        widget: 'style_text_align',
+      },
+      align: {
+        title: 'Align',
+        widget: 'style_align',
+      },
+      stretch: {
+        title: 'Stretch',
+        widget: 'style_stretch',
+      },
+      fontSize: {
+        title: 'Font size',
+        description: 'Relative to normal size of text in the block',
+        choices: [
+          ['xx-small', 'xx-small'],
+          ['x-small', 'x-small'],
+          ['small', 'small'],
+          ['medium', 'medium'],
+          ['large', 'large'],
+          ['x-large', 'x-large'],
+          ['xx-large', 'xx-large'],
+          ['xxx-large', 'xxx-large'],
+        ],
+      },
+      fontWeight: {
+        title: 'Font weight',
+        description: 'The weight (or boldness) of the font',
+        choices: [
+          ['300', 'Light'],
+          ['400', 'Regular'],
+          ['500', 'Medium'],
+          ['600', 'SemiBold'],
+          ['700', 'Bold'],
+        ],
+      },
+      margin: {
+        title: 'Margin',
+        widget: 'quad_size',
+      },
+      padding: {
+        title: 'Padding',
+        widget: 'quad_size',
+      },
+      size: {
+        title: 'Box size',
+        widget: 'style_size',
+      },
+      height: {
+        title: 'Element height',
+        widget: 'text',
+        description: 'Element height, expressed as CSS dimension',
+      },
+      isScreenHeight: {
+        title: 'Screen height',
+        description: 'Maximize block to viewport height',
+        type: 'boolean',
+      },
+      backgroundImage: {
+        title: 'Background image',
+        widget: 'url',
+      },
+      backgroundColor: {
+        title: 'Background color',
+        type: 'color',
+        widget: 'style_simple_color',
+        available_colors: config.settings.available_colors,
+      },
+      textColor: {
+        title: 'Text color',
+        type: 'color',
+        widget: 'style_simple_color',
+        available_colors: config.settings.available_colors,
+      },
+      customClass: {
+        title: 'Custom CSS Class',
+        description: 'A custom CSS class, applicable just to this block',
+      },
+      customId: {
+        title: 'Custom Id',
+        description: 'A custom id, applicable just to this block',
+      },
+      isDropCap: {
+        title: 'Drop cap',
+        description: 'First letter is styled as a drop cop',
+        type: 'boolean',
+      },
+      hidden: {
+        title: 'Hidden',
+        description: 'Hide this block',
+        type: 'boolean',
+      },
+      shadowDepth: {
+        widget: 'slider',
+        title: 'Shadow depth',
+        settings: {
+          min: 0,
+          max: 24,
+          step: 1,
+          start: 0,
+        },
+      },
+      shadowColor: {
+        title: 'Shadow color',
+        type: 'color',
+        widget: 'style_simple_color',
+        available_colors: config.settings.available_colors,
+      },
+      borderRadius: {
+        widget: 'slider',
+        title: 'Rounded Corner',
+        settings: {
+          min: 0,
+          max: 24,
+          step: 1,
+          start: 0,
+        },
+      },
+      clear: {
+        title: 'Clear floats',
+        description: 'Pushes selected block under floated content',
+        choices: [
+          [null, 'None'],
+          ['left', 'Left'],
+          ['right', 'Right'],
+          ['both', 'Both'],
+        ],
+      },
+    },
+    required: [],
+  };
+};