easy-user-menu

Example Usage

    <easy-user-menu
        (clickEvent)="clickEvent($event)"
        [buttonsToShow]="userMenuItems"
        [user]='user'
        [avatarProps]="avatarProps"
        >
    </easy-user-menu>

    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.