wsuite-service-menu

Service menu for all the wsuite services

Usage no npm install needed!

<script type="module">
  import wsuiteServiceMenu from 'https://cdn.skypack.dev/wsuite-service-menu';
</script>

README

Features

  • Service menu for all the wsuite services

Install

npm install wsuite-service-menu --save

Setup & Uses

step 1: Import the WsuiteServiceMenuModule module in module file.

import { CommonModule } from '@angular/common';
import { WsuiteServiceMenuModule } from 'wsuite-service-menu';

@NgModule({
  imports: [
    CommonModule,
    WsuiteServiceMenuModule
  ],
  bootstrap: [App],
  declarations: [App]
})
class MainModule {}

step 2: Implement & Configure service menu (Ex. HeaderComponent)

Declare & Assign the values of variables in .ts file

    brand_names: any = [];
    brandName: string = '<brand-name>';
    serviceName: string = '<service-name>';
    loginBrandId: number = '<login-brand-id>';
    sortName: string = '<sort-name>';
    serviceConfig: any = {
        slug: '<slug>',
        devType: '<devType>',
        bucketName: '<bucketName>',
        clientLable: '<clientLable>',
        brandLable: '<brandLable>',
        serviceLable: '<serviceLable>',
        identityPoolId: '<identityPoolId>'
    };

Add the selector in .html file

    <wsuite-service-menu 
        [brand_names]="brand_names"
        [brandName]="brandName"
        [serviceName]="serviceName"
        [loginBrandId]="loginBrandId"
        [sortName]="sortName"
        [serviceConfig]="serviceConfig">
    </wsuite-service-menu>