@laerdal/navigation

MyLaerdal global navigation

This package builds to a single .js file that can be used to add global navigation / service switcher to all Laerdal web applications.

Questions? Go find Thomas Kalve or Erik J. Sandal.

How to build and test locally

1. Clone the repository: git clone git@bitbucket.org:laerdal/portal.git
2. Switch to the navigation package: cd packages/navigation
3. Install dependencies: yarn
4. Build the navigation package: yarn build
5. Serve the current directory on localhost: serve .
6. Access index.html on http://localhost:5000

If you are missing serve, run yarn global add serve. If you are missing yarn, visit the yarn install page.

Embed into an application

1. Serve dist/globalNav.js on an appropriate location on the interwebz (Its temporarily hosted on: https://myportal-test.azurewebsites.net/globalNav.js)
2. Add the script to your webpage:

<script src="https://example.com/globalNav/globalNav.js" />

1. Use the methods on window.globalNav to show, hide or toggle the switcher:

<button onClick="window.globalNav.show()">Show</button>
<button onClick="window.globalNav.hide()">Hide</button>
<button onClick="window.globalNav.toggle()">Toggle</button>

1. Nice!

Integration with SAP CDC

The globalNav script will look for the Gigya Web SDK and bind to the gigya events, ie. onLogin and onLogout.