EMBL Notifications component


Fetches notifications from the EMBL contentHub URL of https://www.embl.org/api/v1/notifications?_format=json&source=contenthub and will display them, if a matching URL is found.

About

Utility component for the EMBL site to serve as a backup for cases of major outages. Use vf-banner instead of this component for normal notifications.

Usage

This will also check a backup URL for cases of major outages.

- Fallback URL: https://embl-communications.github.io/embl-notifcations-fallback/notifications.js
- Fallabck repo: https://github.com/embl-communications/embl-notifcations-fallback

$3

- Only show if a wrapping element has data-vf-js-embl-notifications
- Also load messages from EBI's existing announcement JS at https://ebi.emblstatic.net/announcements.js
- Use the vf-banner precompiled njk template to render output
- Test for better support on non-VF 2.0 sites

Install

This repository is distributed with npm. After installing npm, you can install embl-notifications with this command.

``
$ yarn add --dev @visual-framework/embl-notifications
`

$3

Add this to your ./components/vf-component-rollup/scripts.js:

`js
import { emblNotifications } from 'embl-notifications/embl-notifications';
// if you use embl-content-hub-loader, it will automatically invoke emblNotifications
// emblNotifications(); // invoke embl notifications
`

You can masquerade as another page or URL for adhoc use cases or testing:

`js
// emblNotifications(currentHost = 'www.embl.org', currentPath = 'my/test/path);
emblNotifications('www.embl.org','/')
```

Help

- Read the Visual Framework troubleshooting
- Open a ticket
- Chat on Slack