``` <easy-user-menu (clickEvent)="clickEvent($event)" [buttonsToShow]="userMenuItems" [user]='user' [avatarProps]="avatarProps" > </easy-user-menu>
npm install easy-user-menu``
[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.
}
];
`
This library was generated with Angular CLI version 10.1.3.
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.
Run ng build easy-user-menu to build the project. The build artifacts will be stored in the dist/ directory.
After building your library with ng build easy-user-menu, go to the dist folder cd dist/easy-user-menu and run npm publish.
Run ng test easy-user-menu to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help` or go check out the Angular CLI README.