Example Usage

``
(clickEvent)="clickEvent($event)"
[buttonsToShow]="userMenuItems"
[user]='user'
[avatarProps]="avatarProps"
>


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

avatarProps ={
avatarShortName: 'P',
avatarName: 'Customer Name',
imageUrl: ''
}


buttonsToShow=[
{
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.
}
];
`

EasyUserMenu

This library was generated with Angular CLI version 10.1.3.

Code scaffolding

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

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

Build

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

Publishing

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

Running unit tests

Run ng test easy-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.