@openeuropa/bcl-base-templates 0.1.202408021145

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020-2021 Mark Otto
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/content-type.html.twig

@@ -0,0 +1,139 @@
+{% apply spaceless %}
+
+{#
+  Parameters:
+  - with_header (boolean) (default: false)
+  - with_footer (boolean) (default: false)
+  - with_banner (boolean) (default: false)
+  - with_sidebar (boolean) (default: false)
+  - sidebar_size (string) (default: 'normal')
+    options: ['normal', 'large']
+  - landing (boolean) (default: false)
+  - content_type (string) (default: '')
+  - attributes (drupal attrs)
+
+  BLOCKS:
+  - header
+  - footer
+  - content
+  - content_row
+  - sidebar
+  - banner
+  - feedback
+  - share
+  - related
+  - messages_area
+#}
+
+{% set _with_header = header ?? false %}
+{% set _with_footer = footer ?? false %}
+{% set _with_banner = banner ?? false %}
+{% set _with_sidebar = sidebar ?? false %}
+{% set _sidebar_size = sidebar_size|default('normal') %}
+{% set _landing = landing ?? false %}
+{% set _content_type = content_type|default('') %}
+{% set _classes = ['bcl-node-type'] %}
+
+{% if _with_sidebar %}
+  {% set _col_classes = {
+    left: [
+      'col-12',
+      'bcl-sidebar',
+    ],
+    right: [
+      'col-12',
+    ],
+  } %}
+
+  {% if _sidebar_size == 'normal' %}
+    {% set _col_classes = _col_classes|merge({
+      left: _col_classes.left|merge(['col-lg-3']),
+      right: _col_classes.right|merge(['col-lg-9', 'col-xxl-8']),
+    }) %}
+  {% endif %}
+
+  {% if _sidebar_size == 'large' %}
+    {% set _col_classes = _col_classes|merge({
+      left: _col_classes.left|merge(['col-lg-4']),
+      right: _col_classes.right|merge(['col-lg-8']),
+    }) %}
+  {% endif %}
+{% endif %}
+
+{% if _content_type is not empty %}
+  {% set _classes = _classes|merge(['bcl-' ~ _content_type]) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _with_header %}
+  {% include '@oe-bcl/bcl-header/header.html.twig' with header only %}
+{% endif %}
+
+<main {{ attributes }}>
+{% if messages is defined and messages is not empty %}
+  {% block messages_area %}
+  <div class="container">
+    {% for message in messages %}
+    {% set message_attributes = create_attribute().addClass(['mt-lg-5', 'mt-2']) %}
+      {% include '@oe-bcl/bcl-alert/alert.html.twig' with message|merge({
+        attributes: message_attributes,
+      }) only %}
+    {% endfor %}
+  </div>
+  {% endblock %}
+{% endif %}
+
+{% if _with_banner %}
+  {% block banner %}
+    {% include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with banner only %}
+  {% endblock %}
+{% endif %}
+
+  <div class="container mt-md-4-75 mt-4">
+    <div class="row">
+      {% block content_row %}
+        {{ content_row }}
+      {% endblock %}
+    {% if _with_sidebar %}
+      <div class="{{ _col_classes.left|join(' ') }}">
+        {% block sidebar %}{% endblock %}
+      </div>
+      <div class="{{ _col_classes.right|join(' ') }}">
+    {% else %}
+      {% if _landing %}
+      <div class="col-12">
+      {% else %}
+      <div class="col-lg-10 col-xl-9 col-xxl-8">
+      {% endif %}
+    {% endif %}
+      {% block content_top %}
+        {{ content_top }}
+      {% endblock %}
+      {% block content %}
+        {{ content }}
+      {% endblock %}
+      {% block content_bottom %}
+        {{ content_bottom }}
+      {% endblock %}
+      {% block related %}
+        {{ related }}
+      {% endblock %}
+      {% block share %}
+        {{ share }}
+      {% endblock %}
+    </div>
+  </div>
+</main>
+
+{% block feedback %}
+  {{ feedback }}
+{% endblock %}
+
+{% if _with_footer %}
+  {% include '@oe-bcl/bcl-footer/footer.html.twig' with footer only %}
+{% endif %}
+
+{% endapply %}

package/data/content-page.js

@@ -0,0 +1,27 @@
+import banner from "@openeuropa/bcl-content-banner/data/data";
+import pageBanner from "@openeuropa/bcl-banner/data/data--image";
+import simpleBanner from "@openeuropa/bcl-content-banner/data/data--simple";
+import pageTitleBanner from "@openeuropa/bcl-content-banner/data/data--page-title";
+import fileThumbnail from "@openeuropa/bcl-file/data/data--card";
+import file from "@openeuropa/bcl-file/data/data";
+import blockquote from "@openeuropa/bcl-data-blockquote/data";
+import featuredItem from "@openeuropa/bcl-featured-media/data/data--featured-item";
+import accordion from "@openeuropa/bcl-data-accordion/data";
+import timeline from "@openeuropa/bcl-timeline/data";
+import sidebar from "@openeuropa/bcl-inpage-navigation/data/data--simple";
+import share from "@openeuropa/bcl-links-block/data/data--share";
+
+export {
+  banner,
+  fileThumbnail,
+  file,
+  blockquote,
+  featuredItem,
+  accordion,
+  timeline,
+  pageBanner,
+  simpleBanner,
+  sidebar,
+  pageTitleBanner,
+  share,
+};

package/data/layout.js

@@ -0,0 +1,19 @@
+import headerSimple from "@openeuropa/bcl-data-header/data--simple";
+import headerNoForm from "@openeuropa/bcl-data-header/data--no-form";
+import footerData from "@openeuropa/bcl-data-footer/data";
+import header_ucpkn from "@openeuropa/bcl-data-header/data--ucpkn";
+import header_joinup from "@openeuropa/bcl-data-header/data--neutral";
+import drupalAttribute from "drupal-attribute";
+
+const footer = {
+  ...footerData,
+  attributes: new drupalAttribute().addClass(["mt-md-4-75", "mt-4"]),
+};
+
+export default {
+  headerSimple,
+  headerNoForm,
+  footer,
+  header_ucpkn,
+  header_joinup,
+};

package/data/listing-page.js

@@ -0,0 +1,7 @@
+import filterButton from "@openeuropa/bcl-data-button/data--filter";
+import pagination from "@openeuropa/bcl-data-pagination/data--listing";
+import sortSelect from "@openeuropa/bcl-data-select/data--sort";
+import listingDate from "@openeuropa/bcl-listing/data/listing--date";
+import listingProfiles from "@openeuropa/bcl-listing/data/listing--profiles";
+
+export { filterButton, pagination, sortSelect, listingDate, listingProfiles };

package/listing-page.html.twig

@@ -0,0 +1,74 @@
+{#
+  Parameters:
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - listing (object) (default: {})
+  - pagination (object) (default: {})
+  - sidebar (object) (default: '')
+#}
+
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h2') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
+{% set _listing = listing|default({}) %}
+{% set _pagination = pagination|default({}) %}
+{% set _sidebar = sidebar|default({}) %}
+
+{% set _title_attributes = _title_attributes ?: create_attribute() %}
+
+{% block content_top %}
+{% if filter_button %}
+  {% include '@oe-bcl/bcl-button/button.html.twig' with filter_button only %}
+{% endif %}
+  <div class="row">
+    <div class="col-md-6 col-lg-8 align-self-center">
+      {% if _title is not empty %}
+        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+          title: _title ~ ' (' ~ listing.items.length ~ ')',
+          title_tag: _title_tag,
+          title_link: _title_link,
+          attributes: _title_attributes.addClass(['mb-0', 'text-capitalize']),
+        } only %}
+      {% endif %}
+    </div>
+    {% if badges is not empty and badges is iterable %}
+      <div class="col-md-12 order-md-2 mt-3">
+      {% for badge in badges %}
+        {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge|merge({
+          attributes: create_attribute().addClass(["mb-2", "me-2"])
+        }) only %}
+      {% endfor %}
+      </div>
+    {% endif %}
+    <div class="col-md-6 col-lg-4 mt-3 mt-md-0">
+      <div class="float-md-end d-md-flex align-items-center mb-4 mb-md-0">
+        {% include '@oe-bcl/bcl-select/select.html.twig' with sort_select|merge({
+          attributes: create_attribute().addClass(['ms-md-2']),
+        }) only %}
+      </div>
+    </div>
+  </div>
+  <hr class="d-none d-md-block mb-4-75"/>
+{% endblock %}
+
+{% block content %}
+  {% if _listing is not empty %}
+    {% include '@oe-bcl/bcl-listing/listing.html.twig' with  _listing only %}
+  {% endif %}
+{% endblock %}
+
+{% block content_bottom %}
+  {% if _pagination is not empty %}
+    <hr class="d-none d-md-block mt-4-5">
+    {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with _pagination only %}
+  {% endif %}
+{% endblock %}
+
+{% block sidebar %}
+  {% include '@oe-bcl/bcl-base-templates/sidebar-search.html.twig' with _sidebar only %}
+{% endblock %}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@openeuropa/bcl-base-templates",
+  "author": "European Commission",
+  "license": "EUPL-1.2",
+  "version": "0.1.202408021145",
+  "description": "OE - BCL base templates",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@openeuropa/bcl-badge": "^0.1.202408021145",
+    "@openeuropa/bcl-button": "^0.1.202408021145",
+    "@openeuropa/bcl-content-banner": "^0.1.202408021145",
+    "@openeuropa/bcl-footer": "^0.1.202408021145",
+    "@openeuropa/bcl-header": "^0.1.202408021145",
+    "@openeuropa/bcl-listing": "^0.1.202408021145",
+    "@openeuropa/bcl-offcanvas": "^0.1.202408021145",
+    "@openeuropa/bcl-pagination": "^0.1.202408021145",
+    "@openeuropa/bcl-select": "^0.1.202408021145"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/openeuropa/bootstrap-component-library.git"
+  },
+  "bugs": {
+    "url": "https://github.com/openeuropa/bootstrap-component-library.git/issues"
+  },
+  "homepage": "https://github.com/openeuropa/bootstrap-component-library",
+  "keywords": [
+    "openeuropa",
+    "bootstrap-component-library",
+    "design-system",
+    "twig"
+  ],
+  "gitHead": "7ee2013f7f64a70ddfa35228a9a65967dd71eec3"
+}

package/sidebar-search.html.twig

@@ -0,0 +1,20 @@
+{% extends "@oe-bcl/bcl-offcanvas/offcanvas.html.twig" %}
+
+{% set responsiveness = 'lg' %}
+{% if extra_classes_header is empty %}
+  {% set extra_classes_header = 'd-lg-block' %}
+{% else %}
+  {% set extra_classes_header = extra_classes_header ~ ' d-lg-block' %}
+{% endif %}
+
+{% block body %}
+  {% if search_form.attributes is empty %}
+    {% set attributes = search_form.create_attribute() %}
+  {% endif %}
+
+  <div class="offcanvas-body p-lg-0">
+    {% include '@oe-bcl/bcl-form/form.html.twig' with search_form|merge({
+      attributes: search_form.attributes.addClass('w-100')
+    }) only %}
+  </div>
+{% endblock %}