-
+{#
+ Component interface:
+ - `extraClass` - classes to add to root component
+ - `extraAttributes` - additional attributes to add to root component
+
+ - `context_nav` - data for @ec-europa/ecl-context-navs component composition
+
+ - `profile` data contains profile-specific information
+ - `image` - data for @ec-europa/ecl-images component composition
+ - `expandable` - data related to the expandable part of the component
+ - `button` - data for @ec-europa/ecl-buttons component composition
+ - `expandable_body` - accepts `extraAttributes` for the expandable
+
+ - body (block): content in the expandable area (default: lorem ipsum text)
+#}
+
+
+{# Internal properties #}
-
-
-
- 
-
-
-
-
- Department
-
-
-
-
-
-
- Expander content
-
+{% set _cssClass = 'ecl-profile-topbar' %}
+{% set _extraAttributes = '' %}
+
+{# Internal logic - Process properties #}
+
+{% if extraClass is defined %}
+ {% set _cssClass = _cssClass ~ ' ' ~ extraClass %}
+{% endif %}
+
+{% if extraAttributes is defined %}
+ {% for attr in extraAttributes %}
+ {% set _extraAttributes = _extraAttributes ~ ' ' ~ attr.name ~ '="' ~ attr.value ~ '"' %}
+ {% endfor %}
+{% endif %}
+
+{# Print result #}
+
+
+
diff --git a/framework/components/ecl-profile-topbars/package.json b/framework/components/ecl-profile-topbars/package.json
index 5dd2df9747e..26e2606fafd 100644
--- a/framework/components/ecl-profile-topbars/package.json
+++ b/framework/components/ecl-profile-topbars/package.json
@@ -1,15 +1,25 @@
{
- "private": true,
"name": "@ec-europa/ecl-profile-topbars",
"version": "0.3.0",
"description": "",
- "main": "_profile-topbars.scss",
- "style": "_profile-topbars.scss",
+ "main": "ecl-profile-topbars.scss",
+ "style": "ecl-profile-topbars.scss",
"author": "European Commission",
"license": "EUPL-1.1",
"peerDependencies": {
- "@ec-europa/ecl-buttons": "^0.1.0",
- "@ec-europa/ecl-context-navs": "^0.1.0",
- "@ec-europa/ecl-icons": "^0.1.0"
- }
+ "@ec-europa/ecl-buttons": "^0.7.1",
+ "@ec-europa/ecl-context-navs": "^0.3.1",
+ "@ec-europa/ecl-icons": "^0.5.1"
+ },
+ "publishConfig": {
+ "access": "public"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/ec-europa/europa-component-library.git"
+ },
+ "bugs": {
+ "url": "https://github.com/ec-europa/europa-component-library/issues"
+ },
+ "homepage": "https://github.com/ec-europa/europa-component-library#readme"
}
diff --git a/framework/components/ecl-profile-topbars/profile-topbars.js b/framework/components/ecl-profile-topbars/profile-topbars.js
deleted file mode 100644
index 2f81286ef2e..00000000000
--- a/framework/components/ecl-profile-topbars/profile-topbars.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @file
- * Breadcrumb related behaviors.
- */
-
-// eslint-disable-next-line import/prefer-default-export
-export function profileTopbars() {
- console.error('This script needs to be rewritten without jQuery');
-}
diff --git a/framework/index.js b/framework/index.js
index 7d42e4828eb..e4d07c5d242 100644
--- a/framework/index.js
+++ b/framework/index.js
@@ -20,4 +20,3 @@ export * from './components/ecl-navigation/ecl-navigation-menus/megamenu';
export * from './components/ecl-tables/ecl-tables';
export * from './components/ecl-tabs/tabs';
// export * from './components/ecl-timelines/timelines';
-// export * from './components/ecl-profile-topbars/profile-topbars';
diff --git a/test/functional/profile-toolbars.js b/test/functional/profile-toolbars.js
new file mode 100644
index 00000000000..6523f0b4c41
--- /dev/null
+++ b/test/functional/profile-toolbars.js
@@ -0,0 +1,26 @@
+describe('profile-toolbars', () => {
+ before(() => {
+ // Set viewport size
+ browser.setViewportSize({
+ width: 1400,
+ height: 600,
+ });
+
+ browser.pause(1000);
+ browser.url('ecl-profile-topbars.html');
+ browser.injectAxeCore();
+ });
+
+ // Normal state
+ it('should match the reference screenshot', () => {
+ const screenshots = browser.checkDocument({
+ name: 'profile-toolbars',
+ });
+ expect(screenshots).to.matchReference();
+ });
+
+ it('should be accessible', () => {
+ const a11yReport = browser.runAxeCore('ecl-profile-topbar').value;
+ expect(a11yReport).to.be.accessible;
+ });
+});
diff --git a/test/screenshots/reference/profile-toolbars/OS X 10.11_Safari_v9.png b/test/screenshots/reference/profile-toolbars/OS X 10.11_Safari_v9.png
new file mode 100644
index 00000000000..104e6acb4ae
Binary files /dev/null and b/test/screenshots/reference/profile-toolbars/OS X 10.11_Safari_v9.png differ
diff --git a/test/screenshots/reference/profile-toolbars/Windows 10_Chrome_v56.png b/test/screenshots/reference/profile-toolbars/Windows 10_Chrome_v56.png
new file mode 100644
index 00000000000..32bf4890a10
Binary files /dev/null and b/test/screenshots/reference/profile-toolbars/Windows 10_Chrome_v56.png differ
diff --git a/test/screenshots/reference/profile-toolbars/Windows 7_Firefox_v46.png b/test/screenshots/reference/profile-toolbars/Windows 7_Firefox_v46.png
new file mode 100644
index 00000000000..18e1f59f3e6
Binary files /dev/null and b/test/screenshots/reference/profile-toolbars/Windows 7_Firefox_v46.png differ
diff --git a/test/screenshots/reference/profile-toolbars/Windows 7_IE_v11.png b/test/screenshots/reference/profile-toolbars/Windows 7_IE_v11.png
new file mode 100644
index 00000000000..bbd6b6e8748
Binary files /dev/null and b/test/screenshots/reference/profile-toolbars/Windows 7_IE_v11.png differ
+
+
+
+
+ {% include '@ec-europa/ecl-images' with profile.image %}
+
+
+ {% include '@ec-europa/ecl-context-navs' with context_nav %}
+ {% include '@ec-europa/ecl-buttons' with profile.expandable.button %}
+
+
+ {% block body %}
+
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et augue quis est dignissim lacinia. Curabitur interdum iaculis sagittis. Maecenas sodales elit est, et suscipit nisl vulputate eget. Mauris vel pulvinar odio. Sed diam turpis, cursus vel congue vel, lobortis a ipsum. Donec vel quam nec enim tristique efficitur at eget nisl. +
+ {% endblock %} +