Header-footer NPM

Design Central - Angular 5, CAE

This project was generated with Angular CLI version 1.6.5.

Getting started - for new Devs and project setup

Local development environment setup

Install node and a CORS web browser plugin.

Run npm install to install all library dependencies.

Run npm run dev which will start the angular build whenever an angular file changes (ng serve) and the api, node web server (node server/server.ts).

Navigate to localhost:4200 and start your CORS web browser plugin.

Other local dev commands

Run npm start to run both the below commands concurrently.

Run npm test to execute the unit tests via Karma and Jasemine.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run node server/server.ts to start up the endpoint passthrough service.

Other Angular commands

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Steps to use header, footer and sidebar components

1) Clone the git repo ( https://wwwin-github.cisco.com/jgresham/devsc-ang5.git ) along with the node modules, use the branch header_footer_Components 2) Header component (header-cui) folder. 3) Sidebar component (sidebar-cui) folder. 4) Footer component (cui-footer) node_modules. 5) List of files : a) Header component & sidebar component: 1) app.component.html 2) app.component.css 3) app.component.spec.ts 4) app.component.ts 5) app.module.ts 6) header-cui.component.html 7) header-cui.component.css 8) header-cui.component.spec.ts 9) header-cui.component.ts 10) sidebar-cui.component.html 11) sidebar-cui.component.css 12) sidebar-cui.component.spec.ts 13) sidebar-cui.component.ts 14) styles.scss 15) sparklcn image: src/app/assets/sparklcn.png (for toolbar menu)

b) footer component 1) source folder: node_modules/@cisco-ngx/cui-components/dist/cui-footer package.json: "@cisco-ngx/cui-components": "git+https://wwwin-gitlab-sjc.cisco.com/cisco-ui-ngx/cui-components.git"