DiuAngularNavigation

This Angular Library is to house the Navigation Components for applications managed by the Digital Intelligence Unit.

Components

Navigation Menu (lib-diu-angular-navigation)

Shows the left-side Navigation Menu of links, input using the following:

[menuItems]="showMenuItems"

Where shownMenuItems is of type Menu with the following exported structure:

export interface Menu {
  state: string;
  name: string;
  type: string;
  icon: string;
  badge?: BadgeItem[];
  saperator?: Saperator[];
  children?: ChildrenItems[];
  isAdmin?: boolean;
}

The side menu also includes the Digital Intelligence Logo and Site logo, collapsable using the boolean isMinisidebar.

Example use:

<lib-diu-angular-navigation [isMinisidebar]="false" [menuItems]="showMenuItems"></lib-diu-angular-navigation>

Speed Dial Menu (lib-diu-angular-speed-dial)

Speed Dial Component for improved mobile and responsive browser navigation.

Requires a valid DIU JWT to manage MFA functions. Passed through to component using:

[token]="jwtToken"

Subscribing to the output event newMFAToken will pass back an upgraded JWT when the user successfully completes Multi-factor authentication.

Subscribing to the output event errorMessage will inform you when an error has occured in any of the Speed Dial's functions.

Example use:

<lib-diu-angular-speed-dial [token]="jwtToken" (errorMessage)="showErrors($event)" (newMFAToken)="updateToken($event)"></lib-diu-angular-speed-dial>