ClopaySideLayout

This library was generated with Angular CLI version 18.1.0.

Getting started

Step 1: Install

Run npm install secondarynavigation to install the module in your local Angular Application.Recommended npm install clopay-side-layout --force When attempting to install various third-party dependencies listed in your local package.json, some of them may not be compatible with the latest Angular version, Use --force inspite of normal npm install.

Step 2: Import the CloSideMenuModule

Usage

HTML

    <side-menu [hasSideMenus]="hasSideMenus" 
    (selectMenuEventEmitter)="selectMenuEventEmitter($event)">
    </side-menu>

TS

Pass your hasSideMenus values from the TS File like below

hasSideMenus: SideMenuI[] = [
{
  "displayName": "General",
  "name": "Documents",
  "id": 1,
  "imgPath": "assets/images/istore.svg"
},
{
  "displayName": "IStore",
  "name": "Video Marketing Bulletins",
  "id": 2,
  "imgPath": "assets/images/istore.svg"
},
{
  "displayName": "Pricing",
  "name": "Notifications",
  "id": 3,
  "imgPath": "assets/images/pricing.svg"
},
{
  "displayName": "My Orders",
  "name": "Notifications",
  "id": 4,
  "imgPath": "assets/images/myorders.svg"
},
{
  "displayName": "My Shipments",
  "name": "Notifications",
  "id": 5,
  "imgPath": "assets/images/myshipments.svg"
},
{
  "displayName": "Scan Off",
  "name": "Notifications",
  "id": 6,
  "imgPath": "assets/images/scanoff.svg"
},
{
  "displayName": "Notifications",
  "name": "Notifications",
  "id": 7,
  "imgPath": "assets/images/notification.svg"
},
{
  "displayName": "Substitution Requests",
  "name": "Notifications",
  "id": 8,
  "imgPath": "assets/images/subreq.svg"
}

]

selectMenuEventEmitter(event: any) {
    //get your selected value from here

}