Example Usage

    <dp-world-user-menu 
        (clickEvent)="clickEvent($event)" 
        [itemsToShow]="userMenuItems" 
        [user]='user'>
    </dp-world-user-menu>

    user = {
        user_full_name:'test user',
        organization_name: 'test organization',
        organization_role: 'admin',
    }

    itemsToShow:Array<any>=[
        {
        name:'Settings',
        route: '/settings/def',
        icon: 'settings',
        active: false,
        },
        {
        name:'Logout',        // what shows on UI
        route: null,          // if not null, will auto redirect clicking user to this route
        icon: 'exit_to_app',  // mat-icon that shows up
        event: 'logout',      // informs callback to parent component.
        active: true,         // use this to toggle it on or off for some user groups.
        }
    ];

Code scaffolding

Run ng generate component component-name --project dp-world-user-menu to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project dp-world-user-menu.

Note: Don't forget to add --project dp-world-user-menu or else it will be added to the default project in your angular.json file.

Build

Run ng build dp-world-user-menu to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build dp-world-user-menu, go to the dist folder cd dist/dp-world-user-menu and run npm publish.

Running unit tests

Run ng test dp-world-user-menu to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.