ASTM Navigation Menu

The component is to show Left Navigation for Member Facing APP.

Installation

npm i astm-member-app-left-navigation --save

Setup Project

Create React Project and install all peerDependencies.

$ npx create-react-app project_name
$ cd project_name
$ npm i react-router-dom bootstrap react-bootstrap astm-ux-design-system lodash --save

Integrate ASTM Navigation

Create React Project and install all peerDependencies.

$ npm i astm-member-app-left-navigation --save

Load bootstrap and astm-ux-design-system css files and import astm-member-app-left-navigation.

import 'bootstrap/dist/css/bootstrap.min.css';
import 'astm-ux-design-system/dist/bundle.css';
import LeftMenu from 'astm-member-app-left-navigation';

Render the ASTM Navigation Menu

<LeftMenu
    memberHost=""                               // hostname of member app
    isMemberApp={true}                          // true for member app to render Link instead of anchor tag
    activePath={activePath}                     // path of current page
    entitlementList={entitlementList}           // entitlement list
    getMenuMappedList={this.getMenuMappedList}  // to get menu list as JSON to render menu in header
    customMenu={customMenu}
    userObj={{                                  // user information
        accountNumber: "",
        name: "",
        email: "",
        organizationName: "",
        FacilityName: "
    }}
    globalLinksURL={{                           // third-party links
        profile: "",
        membership: "",
        campus: "",
        meetingsSymposia: "",
        subscription: "",
        orders: "",
        tracker: ""
    }}
/>

Peer Dependencies

ASTM Navigation Menu depends on following dependencies:

• react
• react-dom
• react-router-dom
• bootstrap
• react-bootstrap
• astm-ux-design-system
• lodash

License

ASTM