@eeacms/volto-globalsearch 0.1.0

package/src/config/views.js

@@ -0,0 +1,157 @@
+import { clusterIcons } from './clusters';
+
+export default {
+  resultViews: [
+    {
+      id: 'horizontalCard',
+      title: 'Horizontal cards',
+      icon: 'bars',
+      render: null,
+      isDefault: true,
+      factories: {
+        view: 'HorizontalCard.Group',
+        item: 'HorizontalCardItem',
+      },
+    },
+    {
+      id: 'card',
+      title: 'Cards',
+      icon: 'th',
+      render: null,
+      isDefault: false,
+      factories: {
+        view: 'Card.Group',
+        item: 'CardItem',
+      },
+    },
+  ],
+  cardViewParams: {
+    urlField: 'about',
+    titleField: 'title',
+    metatypeField: 'objectProvides',
+    descriptionField: 'description',
+    tagsField: 'topic',
+    issuedField: 'issued',
+    enabled: true,
+    getThumbnailUrl: 'getGlobalsearchThumbUrl',
+    getIconUrl: 'getGlobalsearchIconUrl',
+    clusterIcons,
+  },
+
+  horizontalCardViewParams: {
+    urlField: 'about',
+    titleField: 'title',
+    metatypeField: 'objectProvides',
+    descriptionField: 'description',
+    tagsField: 'topic',
+    issuedField: 'issued',
+    enabled: true,
+    getThumbnailUrl: 'getGlobalsearchThumbUrl',
+    getIconUrl: 'getGlobalsearchIconUrl',
+    clusterIcons,
+  },
+
+  initialView: {
+    factory: 'TilesLandingPage',
+    tilesLandingPageParams: {
+      maxPerSection: 30,
+      // clusterIcons,
+      sortField: 'issued.date',
+      sortDirection: 'desc',
+      sections: [
+        {
+          id: 'topics',
+          title: 'Topics',
+          facetField: 'topic',
+          sortOn: 'alpha',
+        },
+        {
+          id: 'countries',
+          title: 'Countries',
+          facetField: 'spatial',
+          filterType: 'any:exact',
+          sortOn: 'alpha',
+          icon: {
+            family: 'CountryFlags',
+            className: 'facet-option-icon',
+          },
+        },
+        {
+          id: 'types',
+          title: 'Types',
+          facetField: 'objectProvides',
+          sortOn: 'alpha',
+          icon: {
+            family: 'Content types',
+          },
+        },
+        {
+          id: 'language',
+          title: 'Languages',
+          facetField: 'language',
+          sortOn: 'custom',
+          sortOrder: 'asc',
+        },
+        {
+          id: 'website',
+          title: 'Sources',
+          facetField: 'cluster_name',
+          sortOn: 'count',
+          sortOrder: 'desc',
+          icon: {
+            family: 'Sources',
+            className: 'facet-option-icon',
+          },
+        },
+      ],
+    },
+  },
+
+  listingViewParams: {
+    enabled: false,
+  },
+
+  tableViewParams: {
+    titleField: 'title',
+    urlField: 'about',
+    enabled: false,
+    columns: [
+      {
+        title: 'Title',
+        field: 'title',
+      },
+      {
+        title: 'Description',
+        field: 'description',
+      },
+      {
+        title: 'Countries',
+        field: 'spatial',
+      },
+      {
+        title: 'Regions / Places / Cities / Seas...',
+        field: 'places',
+      },
+      {
+        title: 'Content types',
+        field: 'objectProvides',
+      },
+      {
+        title: 'Topics',
+        field: 'topic',
+      },
+      {
+        title: 'Issued',
+        field: 'issued',
+      },
+      {
+        title: 'Time coverage',
+        field: 'time_coverage',
+      },
+      {
+        title: 'Format',
+        field: 'format',
+      },
+    ],
+  },
+};

package/src/config/vocabulary.js

@@ -0,0 +1,59 @@
+const vocab = {
+  language: {
+    ar: 'العربية (ar)',
+    bg: 'Български (bg)',
+    bs: 'bosanski (bs)',
+    cs: 'čeština (cs)',
+    da: 'dansk (da)',
+    de: 'Deutsch (de)',
+    el: 'ελληνικά (el)',
+    en: 'English (en)',
+    es: 'Español (es)',
+    et: 'eesti (et)',
+    fi: 'Suomi (fi)',
+    fr: 'Français (fr)',
+    ga: 'Gaeilge (ga)',
+    hr: 'Hrvatski (hr)',
+    hu: 'magyar (hu)',
+    is: 'Íslenska (is)',
+    it: 'italiano (it)',
+    lt: 'lietuvių (lt)',
+    lv: 'Latviešu (lv)',
+    mk: 'македонски (mk)',
+    mt: 'Malti (mt)',
+    nl: 'Nederlands (nl)',
+    no: 'Norsk (no)',
+    pl: 'polski (pl)',
+    pt: 'Português (pt)',
+    ro: 'Română (ro)',
+    ru: 'русский (ru)',
+    sk: 'slovenčina (sk)',
+    sl: 'Slovenščina (sl)',
+    sq: 'Shqip (sq)',
+    sr: 'Српски (sr)',
+    sv: 'Svenska (sv)',
+    tr: 'Türkçe (tr)',
+  },
+  cluster_name: {
+    eea: 'European Environment Agency',
+    fise: 'Forest Information System for Europe',
+    bise: 'Biodiversity Information System for Europe',
+    industry: 'European Industrial Emissions Portal',
+    energy: 'Climate and Energy in the EU',
+    cca: 'Climate Adaptation Platform',
+    ias: 'Invasive Alien Species',
+    'wise-freshwater': 'Freshwater Information System for Europe',
+    'wise-marine': 'Marine Water Information System for Europe',
+    etc: 'European Environment Information and Observation Network (Eionet)',
+    'etc-atni':
+      'ETC on Air Pollution, Transport, Noise and Industrial Pollution',
+    'etc-bd': 'ETC on Biological Diversity',
+    'etc-cca': 'ETC on Climate Change Impacts, Vulnerability and Adaptation',
+    'etc-cme': 'ETC on Climate Change Mitigation and Energy',
+    'etc-icm': 'ETC on Inland, Coastal and Marine Waters',
+    'etc-uls': 'ETC on Urban, Land and Soil Systems',
+    'etc-wmge': 'ETC on Waste and Materials in Green Economy',
+  },
+};
+
+export default { vocab };

package/src/index.js

@@ -0,0 +1,13 @@
+import installGlobalsearch from './config';
+
+export default (config) => {
+  config.settings.searchlib = installGlobalsearch(config.settings.searchlib);
+
+  const { globalsearch } = config.settings.searchlib.searchui;
+
+  // Tweak the searchlib config to use the middleware instead of the index
+  globalsearch.elastic_index = '_es/globalsearch';
+  globalsearch.index_name = 'data_searchui';
+
+  return config;
+};

package/src/styles/masonry-landing-page.less

@@ -0,0 +1,145 @@
+.ui.container.stackable.two.column.grid.body-content {
+  width: 100% !important;
+  margin: 0 !important;
+}
+
+.ui.container.one.column.grid {
+  width: 100% !important;
+  margin: 0 !important;
+}
+
+.ui.container.grid.body-footer {
+  width: 100% !important;
+  margin: 0 !important;
+}
+
+.tile {
+  padding: 18px;
+  margin: 0 12px 12px 0;
+  @media only screen and (min-width: 1536px) {
+    width: 23%;
+  }
+  @media only screen and (min-width: 900px) and (max-width: 1535px) {
+    width: 31%;
+  }
+  @media only screen and (min-width: 620px) and (max-width: 900px) {
+    width: 47%;
+  }
+  @media only screen and (max-width: 620px) {
+    width: 95%;
+  }
+
+  h2 {
+    border-bottom: 1px solid white;
+    margin: 0 0 1em 0;
+    margin-bottom: 0;
+    font-size: 200%;
+    font-weight: bold;
+    line-height: 1.3;
+  }
+
+  span {
+    font-size: 250%;
+    font-weight: bold;
+  }
+
+  &.available_content {
+    height: 434px;
+
+    h2 {
+      border-bottom: 1px solid #115c57;
+      color: #115c57;
+      font-size: 200%;
+    }
+
+    h3 {
+      color: #115c57;
+    }
+
+    span {
+      color: #1b928f;
+    }
+  }
+
+  &.countries {
+    height: 434px;
+    background: #1c65a4 url('./img/countries-bg.png') no-repeat center center;
+    background-position-y: 0;
+    color: white;
+
+    h2 {
+      padding-top: 180px;
+    }
+  }
+
+  &.content_types {
+    height: 300px;
+    background: #b3548d url('./img/content-types-bg.png') no-repeat 85% 55%;
+    color: white;
+  }
+
+  &.picture {
+    height: 434px;
+    background: #1b928f url('./img/search-album-slideshow-bg.png') no-repeat
+      center center;
+    color: white;
+  }
+
+  &.topics {
+    height: 300px;
+    background: #fbaf33 url('./img/topics-bg.png') no-repeat 85% 25%;
+    color: white;
+  }
+
+  &.time_coverage {
+    height: 300px;
+    background: #b0c649;
+    color: white;
+
+    p {
+      text-align: right;
+
+      span.label {
+        font-size: 150%;
+        font-weight: normal;
+      }
+    }
+  }
+
+  &.organisations {
+    height: 300px;
+    background: #babbdb url('./img/organisations-bg.png') no-repeat 85px 100px;
+    color: white;
+  }
+
+  &.latest {
+    height: 434px;
+
+    h2 {
+      border-bottom: 1px solid #1b928f;
+      color: #1b928f;
+      font-size: 250%;
+    }
+
+    ul {
+      padding-left: 0;
+      list-style-type: none;
+    }
+
+    li {
+      margin-bottom: 1em;
+
+      span {
+        font-size: 12px;
+        font-weight: normal;
+      }
+
+      a {
+        display: block;
+        color: #1b928f;
+        font-size: 12px;
+        font-weight: bold;
+      }
+    }
+  }
+}

package/src/utils.js

@@ -0,0 +1,250 @@
+// export const get_icons = (settings) => {
+//   const icons = {};
+//   settings.clusters.forEach((cluster) => {
+//     icons[cluster.name] = cluster.icon;
+//   });
+//   return icons;
+// };
+//
+export const build_runtime_mappings = (settings) => {
+  const clusters = settings.clusters
+    .map((cluster) => {
+      return (
+        '["name": "' +
+        cluster.name +
+        '", "values": ' +
+        JSON.stringify(cluster.values) +
+        ']'
+      );
+    })
+    .join(',');
+  const source =
+    'emit("_all_"); def clusters_settings = [' +
+    clusters +
+    "]; def vals = doc['" +
+    settings.field +
+    "']; def clusters = ['All']; for (val in vals) { for (cs in clusters_settings) { if (cs.values.contains(val)) { emit(cs.name) } } }";
+
+  const mapping = {};
+  mapping[settings.name] = {
+    type: 'keyword',
+    script: { source: source },
+  };
+  return mapping;
+};
+
+export function getTodayWithTime() {
+  const d = new Date();
+  const month = d.getMonth() + 1;
+  const day = d.getDate();
+  const hour = d.getHours();
+  const minute = d.getMinutes();
+  const second = d.getSeconds();
+
+  const output = [
+    d.getFullYear(),
+    '-',
+    month < 10 ? '0' : '',
+    month,
+    '-',
+    day < 10 ? '0' : '',
+    day,
+    'T',
+    hour < 10 ? '0' : '',
+    hour,
+    ':',
+    minute < 10 ? '0' : '',
+    minute,
+    ':',
+    second < 10 ? '0' : '',
+    second,
+    'Z',
+  ].join('');
+  return output;
+}
+export const getGlobalsearchIconUrl = (contentTypeNormalize) => (
+  result,
+  config,
+  fallback,
+) => {
+  let image = fallback;
+  let has_img = false;
+  if (
+    result.about.raw.startsWith('http://www.eea.europa.eu/help/glossary/') ||
+    result.about.raw.startsWith('https://www.eea.europa.eu/help/glossary/')
+  ) {
+    image = 'https://www.eea.europa.eu/portal_depiction/term/image_thumb';
+    has_img = true;
+  }
+  if (
+    result.objectProvides &&
+    result.objectProvides.raw.indexOf('Country profile') !== -1
+  ) {
+    image =
+      'https://www.eea.europa.eu/portal_depiction/country-profile/image_thumb';
+    has_img = true;
+  }
+  if (
+    result.about &&
+    result.about.raw.indexOf('://land.copernicus.eu') !== -1
+  ) {
+    image = 'https://www.eea.europa.eu/portal_depiction/data/image_thumb';
+    has_img = true;
+  } else {
+    if (!has_img) {
+      let contentTypes = contentTypeNormalize;
+      let _type;
+      let _typeClass;
+      let _contentType = 'generic';
+
+      if (!result.objectProvides) {
+        return image;
+      }
+
+      if (!Array.isArray(result.objectProvides?.raw)) {
+        result.objectProvides.raw = [result.objectProvides.raw];
+      }
+      if (result.objectProvides?.raw?.length > 0) {
+        var pos = result.objectProvides.raw.length - 1;
+        while (true) {
+          _type = result.objectProvides.raw[pos];
+          _typeClass = _type.toLowerCase().replace(/\s/g, '-');
+          if (contentTypes[_typeClass]) {
+            _contentType = contentTypes[_typeClass];
+            break;
+          }
+          pos--;
+          if (pos < 0) {
+            break;
+          }
+        }
+      }
+      image =
+        'https://www.eea.europa.eu/portal_depiction/' +
+        _contentType +
+        '/image_thumb';
+    }
+  }
+
+  return image;
+};
+
+export const getGlobalsearchThumbUrl = (contentTypeNormalize) => (
+  result,
+  config,
+  fallback,
+) => {
+  let image = fallback;
+  let has_img = false;
+  if (result.site_id?.raw === 'sdi' && result['overview.url']) {
+    has_img = false;
+    /*    if (!Array.isArray(result['overview.url']?.raw)) {
+      result['overview.url'].raw = [result['overview.url']?.raw];
+    }
+    if (result['overview.url']?.raw.length > 0) {
+      image = result['overview.url']?.raw[0];
+    }
+    has_img = true;*/
+  }
+  if (
+    result.about?.raw?.startsWith('http://www.eea.europa.eu/help/glossary/') ||
+    result.about?.raw?.startsWith('https://www.eea.europa.eu/help/glossary/')
+  ) {
+    image = 'https://www.eea.europa.eu/portal_depiction/term/image_preview';
+    has_img = true;
+  }
+  if (result.objectProvides?.raw?.indexOf('Country profile') !== -1) {
+    image =
+      'https://www.eea.europa.eu/portal_depiction/country-profile/image_preview';
+    has_img = true;
+  }
+  if (result.about?.raw?.indexOf('://land.copernicus.eu') !== -1) {
+    image = result?.about?.raw + '/image_preview';
+    has_img = true;
+  }
+  if (
+    result.about?.raw?.indexOf('://biodiversity.europa.eu') !== -1 ||
+    result.about?.raw?.indexOf('://forest.eea.europa.eu') !== -1 ||
+    result.about?.raw?.indexOf('://climate-energy.eea.europa.eu') !== -1 ||
+    result.about?.raw?.indexOf('://industry.eea.europa.eu') !== -1
+  ) {
+    if (result.image_preview) {
+      image = result.image_preview.raw;
+      has_img = true;
+    }
+  }
+  if (
+    result.about?.raw?.startsWith('http://www.eea.europa.eu') ||
+    result.about?.raw?.startsWith('https://www.eea.europa.eu')
+  ) {
+    image = result.about.raw + '/image_preview';
+    has_img = true;
+  } else {
+    if (!has_img) {
+      let contentTypes = contentTypeNormalize;
+      let _type;
+      let _typeClass;
+      let _contentType = 'generic';
+      if (!Array.isArray(result.objectProvides?.raw)) {
+        result.objectProvides.raw = [result.objectProvides.raw];
+      }
+      if (result.objectProvides.raw.length > 0) {
+        var pos = result.objectProvides.raw.length - 1;
+        while (true) {
+          _type = result.objectProvides.raw[pos];
+          _typeClass = _type.toLowerCase().replace(/\s/g, '-');
+          if (contentTypes[_typeClass]) {
+            _contentType = contentTypes[_typeClass];
+            break;
+          }
+          pos--;
+          if (pos < 0) {
+            break;
+          }
+        }
+      }
+      image =
+        'https://www.eea.europa.eu/portal_depiction/' +
+        _contentType +
+        '/image_preview';
+    }
+  }
+
+  return image;
+};
+
+export const get_cluster_icons = (settings) => {
+  const icons = {
+    fallback: {
+      name: 'file outline',
+    },
+  };
+  settings.clusters.forEach((cluster) => {
+    cluster.values.forEach((value) => {
+      icons[value] = {
+        cluster: cluster.name,
+        icon: cluster.icon,
+      };
+    });
+  });
+  return icons;
+};
+
+/**
+ * Returns a mapping of clusterName: {...icon...}. See registry/icons for more
+ * info
+ */
+export const get_cluster_icons_dict = (settings) => {
+  return Object.assign(
+    {
+      fallback: { name: 'file outline' },
+    },
+    ...settings.clusters.map((cluster) =>
+      Object.assign(
+        {},
+        ...cluster.values.map((value) => ({ [value]: cluster.icon })),
+        { [cluster.name]: cluster.icon },
+      ),
+    ),
+  );
+};