fishstick22/alert-subscribe-angular-ui-prototype

Angular Prototype UI for Alert Subscribe project

AlertSubscribeAngularUiPrototype

This project was generated with Angular CLI version 1.5.0.

Development server

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

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.

Deploying to GitHub Pages

Install npm i -g angular-cli-ghpages Run ng build --env=prod-ngh --base-href "https://{username}.github.io/alert-subscribe-angular-ui-prototype/" Run ngh

Further help

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

Custom setup notes...

Absolute paths with Angular and Webpack ref: set baseUrl in tsconfig.json -- now can use absolute imports everywhere without all that ../../../garbage

Install/enable Bootstrap, FontAwesome: yarn add [email protected] yarn add font-awesome add imports to styles.scss

Using Sass with the Angular CLI ref: create src/assets/scss and put _variables.scss & other imports there, modify styles entry in .angular-cli.json component scss files can then just @import '~assets/scss/drag-drop'; -- now everything nice and neat in one place!

Other packages to (yarn) add and import (into app.module.ts): @ng-bootstrap/ng-bootstrap angular-in-memory-web-api

Environments for developing with/without in-memory web api: create environments/environment.dev-api.ts, etc update .angular-cli.json

Defining global constants in environment-specific way ref: create/import app.config.ts, then can use environment imports to assign values

Testing folder ref: src/testing folder contains helpers and routerlink stub directive for test cases this must be added to the src/tsconfig.app.json exclude "**/testing/*.ts"

Enable IE11 Polyfills: uncomment imports in polyfills.ts

Lint tweaks: tslint.json "import-spacing": false -- allows aligning the from clauses "no-inferrable-types": [false, "ignore-params"] -- rather see types regardless