<bcb-prescription-alerts> element

An element which display prescription alerts about a product.

Installation

npm install --save @claudebernard/bcb-prescription-alerts-element

Usage

Script

Import as ES modules:

import "@claudebernard/bcb-prescription-alerts-element";

HTML

There are one custom element by alert type :

| Name alert | custom element | Description | | -------- | -------- | ------------------------------ | | contraindication | bcb-prescription-alerts-ci | Displayed all alerts with type CI for the porductId asked | | precaution for use | bcb-prescription-alerts-pe | Displayed all alerts with type PE for the porductId asked | | allergy | bcb-prescription-alerts-allergy | Displayed all alerts with type allergy for the porductId asked | | redundancy | bcb-prescription-alerts-redundancy | Displayed all alerts with type redundancy for the porductId asked | | STOPP | bcb-prescription-alerts-stopp | Displayed all alerts with type STOPP for the porductId asked |

"*" : The 2 identification characters of the alert

<bcb-prescription-alerts-*
  apiurl="https://api.claudebernard.fr" productId="35410"
></bcb-prescription-alerts-*>

Attributes

| Name | Type | Default | Description | | -------- | -------- | ------------------------------ | ------------------------------------------------------------------------------------ | | apiurl | URL | https://api.claudebernard.fr | API base URL to call to do some stuff | | lang | String | fr-FR | UI display locale. Available : - French (France) : fr-FR - English: en | | products | array[object] | [] | Products array of the prescription | patient | object | {} | Patient concerned by the prescription | productId | number | {} | Product ID for which to display alerts of the asked type

Events

| Name | Type | Format | Description | | -------------- | -------------- | ----------------------------------------- | -------------------------- | | onAlertClicked | array[object] | { chapter: [ id: string, label: string, text: string, source: string ]} | User got detail about alert text clicked |

Browser support

Browsers without native custom element support require a polyfill.

• [x] Chrome
• [x] Firefox
• [x] Safari
• [x] Microsoft Edge

Custom element checklist

• [ ] Public documentation (docs portal)
• [ ] Functional on Angular, React, Vue
• [ ] Unit tested
• [ ] Code quality
• [ ] Changelog with semantic release
• [ ] Available in offline mode
• [ ] Best practices compliant
• [ ] Validated by QA
• [ ] Publicly available
• [ ] Based on FHIR
• [ ] Example on storybook
• [ ] Available demo
• [x] i18n
• [x] Browser support section
• [ ] EOL section

License

Copyright of Cegedim. See LICENSE for details.