shared-sidemenu

Version - 0.1.4

Steps to Integrate sidemenu into application

Step 1: Install the shelljs library

Step 2: Copy the setup-sidemenu.js file to application root folder

Step 3: Add line of code postinstall to package.json

 "scripts": {
    "ng": "ng",
    --> "postinstall": "node ./setup-sidemenu.js",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
    },
    
   "dependencies": {
     --> "shared-sidemenu": "^0.1.4",
     "@angular/common": "^4.0.0",

Step 4: Configured sidemenu in app.module.ts file

    import { SideMenuModule } from 'shared-sidemenu';
        
    imports: {
    -->  SideMenuModule.forRoot()
    }

Step 5: Add the Component Code in HTML file

    <left-side-menu-select [styles]="styles" [type]="'normal'"
                               [assetsPath]="''" [isVarianceNavigation]="true"
                               [isOpen]=false [loadURL]="SIDE_MENU_URL" [position]="''">
    </left-side-menu-select>

Sample values for SIDE_MENU_URL: 'http://52.38.158.252:7270/ttsm/api/ttsmconfig?param=side_menu' and styles={top: '2px', position: 'absolute'},

Ignore the sideMenuAssetsPath, position input values. (Not required at this moment)

Installing updates

Step 1: Version Changes in package.json

 "dependencies": {
   --> "shared-sidemenu": "^0.1.2",
   "@angular/common": "^4.0.0",

Step 2: Run from CLI

$ npm install

Library Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

to automatically create all *.js, *.d.ts and *.metadata.json files in the dist directory:

dist
├── index.d.ts                  # Typings for AOT compilation
├── index.js                    # Flat ES Module (FESM) for use with webpack
├── lib.d.ts                    # Typings for AOT compilation
├── lib.metadata.json           # Metadata for AOT compilation
├── lib.umd.js                  # UMD bundle for use with Node.js, SystemJS or script tag
├── package.json                # package.json for consumer of your library
├── sample.component.d.ts       # Typings for AOT compilation
├── sample.directive.d.ts       # Typings for AOT compilation
├── sample.pipe.d.ts            # Typings for AOT compilation
└── sample.service.d.ts         # Typings for AOT compilation

Finally you publish your library to NPM by publishing the contents of the dist directory:

$ npm publish dist

To lint all *.ts files:

$ npm run lint

Live Preview changes

$ cd demo 
$ nf start 

Publishing your library to NPM

To publish your library to NPM, first generate the dist directory:

$ npm run build

and then publish the contents of the dist directory to NPM:

$ npm publish dist

License

MIT © durga