@baloise/web-app-unsupported-browsers

This script verifies if the users browser is supported by the Baloise applications and if not it redirects directly to the static unsupported-browsers pages.

Installation

Fist we install the javascript package with npm.

npm install @baloise/web-app-unsupported-browsers

The javascript file needs to be served as a static file therefore use the package copyfiles

npm install copyfiles --save-dev

After installing our copyfiles dependency we need to define the copy command in our package.json file. Add a new script called copy:script and adjust the second path to your application.

Then we add the defined script copy:script in our postinstall script. Every time we install dependencies the copy:fonts script gets executed at the end.

"scripts": {
  "postinstall": "npm run copy:script",
  "copy:script": "copyfiles --flat node_modules/@baloise/web-app-unsupported-browsers/dist/* public/assets/js"
}

Lets add the script to the head of the entry html page.

<head>
  ...
  <script
    src="public/assets/js/baloise-unsupported-browsers.js"
    data-location="ch"
  ></script>
</head>

Attributes

The script supports two attributes:

data-location
- default is ch
- possible values are ch,be,lu and de
data-language
- default is browser-language if supported and if not then the default of the location
  - ch would be de
  - be would be fr
  - lu would be fr
  - de would be de