diff --git a/PLAYBOOK.md b/PLAYBOOK.md
index 5ab5c844c..92e07ff7d 100644
--- a/PLAYBOOK.md
+++ b/PLAYBOOK.md
@@ -21,7 +21,7 @@ Do-it-yourself step-by-step instructions to create this project structure from s
brew update
brew install node
#brew upgrade node
-# upgrade npm to at least 6.3.0
+# upgrade npm to at least 6.x.x
npm install -g npm
```
@@ -52,14 +52,14 @@ bazel clean --expunge
npm remove -g @angular/cli
npm remove -g @nrwl/schematics
npm remove -g @nestjs/cli
+npm remove -g semantic-release-cli
+npm remove -g commitizen
npm install -g @angular/cli
-npm install -g @nrwl/schematics@6.4.0-beta.1
+npm install -g @nrwl/schematics@6.4.0-beta.3
npm install -g @nestjs/cli
-
-npm install -g ndb
-npm i -g semantic-release-cli
-npm i -g commitizen
+npm install -g semantic-release-cli
+npm install -g commitizen
# verify globally installed packages
npm list -g --depth=0
@@ -176,7 +176,7 @@ npm i -D tslint-config-prettier
npx tslint-config-prettier-check ./tslint.json
# install testCafe for e2e testing and remove protractor
-npm i testcafe testcafe-angular-selectors testcafe-live
+npm i -D testcafe testcafe-angular-selectors testcafe-live
# for CI/CD automation and release
# first time semantic-release setup
@@ -194,9 +194,9 @@ npm i -D lint-staged
```bash
# generate `Lazy-loaded Feature Modules`
-ng g lib home --routing --lazy --prefix=ngx --parent-module=apps/webapp/src/app/app.module.ts --unit-test-runner=jest --tags=layout,entry-module
-ng g lib dashboard --routing --lazy --prefix=ngx --parent-module=apps/webapp/src/app/app.module.ts --unit-test-runner=jest --tags=layout,entry-module
-ng g lib NotFound --routing --lazy --prefix=ngx --parent-module=apps/webapp/src/app/app.module.ts --unit-test-runner=jest --tags=entry-module
+ng g lib home --routing --lazy --prefix=ngx --parent-module=apps/webapp/src/app/app.module.ts --unit-test-runner=jest --tags=layout,entry-module
+ng g lib dashboard --routing --lazy --prefix=ngx --parent-module=apps/webapp/src/app/app.module.ts --unit-test-runner=jest --tags=layout,entry-module
+ng g lib NotFound --routing --lazy --prefix=ngx --parent-module=apps/webapp/src/app/app.module.ts --unit-test-runner=jest --tags=entry-module
ng g lib experiments --routing --lazy --prefix=ngx --parent-module=libs/dashboard/src/lib/dashboard.module.ts --unit-test-runner=jest --tags=child-module
ng g lib widgets --routing --lazy --prefix=ngx --parent-module=libs/dashboard/src/lib/dashboard.module.ts --unit-test-runner=jest --tags=child-module
ng g lib grid --routing --lazy --prefix=ngx --parent-module=libs/dashboard/src/lib/dashboard.module.ts --unit-test-runner=jest --tags=child-module
@@ -385,6 +385,11 @@ ng g component containers/StickyTable --project=experiments --dry-run
ng g component containers/clapButton --project=experiments -s -t --spec=false --dry-run
ng g component containers/knobDemo --project=experiments --dry-run
ng g component containers/ledDemo --project=experiments --dry-run
+ng g component containers/ImageComp --project=experiments --dry-run
+
+# generate components for `ImageComparison` Module
+ng g lib ImageComparison --prefix=ngx --tags=public-module --spec=false --publishable=true --dry-run
+ng g component ImageComparison --project=image-comparison --export --flat --dry-run
```
#### Workspace Schematics
@@ -392,7 +397,8 @@ ng g component containers/ledDemo --project=experiments --dry-run
# generate workspace-schematic `store`
ng g workspace-schematic store
# run workspace-schematic `store`
-npm run workspace-schematic store models/sumo -- --type=model --project=grid --dry-run
+# *** always delete ./dist folder when you change schematic implementation ***
+npm run workspace-schematic store models/sumoDemo -- --project=grid --dry-run
```
### Install
diff --git a/README.md b/README.md
index 2d52d9bb1..9a7630925 100644
--- a/README.md
+++ b/README.md
@@ -50,5 +50,7 @@ Run `npm run doc:serve` to serve docs.
Run `npm run deploy:mock` to deploy demo app to gp-pages.
Analyzing bundle size `npm run bundle-report`
+
+Analyzing and Visualizing the Dependency Graph (affected modules by uncommitted changes)
-Analyzing and Visualizing the Dependency Graph `npm run dep-graph`
+`npm run affected:dep-graph -- --uncommitted`
diff --git a/angular.json b/angular.json
index 597373899..de44ff30a 100644
--- a/angular.json
+++ b/angular.json
@@ -1378,6 +1378,46 @@
}
}
}
+ },
+ "image-comparison": {
+ "root": "libs/image-comparison",
+ "sourceRoot": "libs/image-comparison/src",
+ "projectType": "library",
+ "prefix": "ngx",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-ng-packagr:build",
+ "options": {
+ "tsConfig": "libs/image-comparison/tsconfig.lib.json",
+ "project": "libs/image-comparison/ng-package.json"
+ },
+ "configurations": {
+ "production": {
+ "project": "libs/image-comparison/ng-package.prod.json"
+ }
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": [
+ "libs/image-comparison/tsconfig.lib.json",
+ "libs/image-comparison/tsconfig.spec.json"
+ ],
+ "exclude": [
+ "**/node_modules/**"
+ ]
+ }
+ },
+ "test": {
+ "builder": "@nrwl/builders:jest",
+ "options": {
+ "jestConfig": "libs/image-comparison/jest.config.js",
+ "tsConfig": "libs/image-comparison/tsconfig.spec.json",
+ "setupFile": "libs/image-comparison/src/test-setup.ts"
+ }
+ }
+ }
}
},
"schematics": {
diff --git a/apps/webapp/src/assets/img/comp/1-after.jpg b/apps/webapp/src/assets/img/comp/1-after.jpg
new file mode 100644
index 000000000..bf1d3d48f
Binary files /dev/null and b/apps/webapp/src/assets/img/comp/1-after.jpg differ
diff --git a/apps/webapp/src/assets/img/comp/1-before.jpg b/apps/webapp/src/assets/img/comp/1-before.jpg
new file mode 100644
index 000000000..9d80161d5
Binary files /dev/null and b/apps/webapp/src/assets/img/comp/1-before.jpg differ
diff --git a/apps/webapp/src/assets/img/comp/2-after.jpg b/apps/webapp/src/assets/img/comp/2-after.jpg
new file mode 100644
index 000000000..2fed73d96
Binary files /dev/null and b/apps/webapp/src/assets/img/comp/2-after.jpg differ
diff --git a/apps/webapp/src/assets/img/comp/2-before.jpg b/apps/webapp/src/assets/img/comp/2-before.jpg
new file mode 100644
index 000000000..51324a777
Binary files /dev/null and b/apps/webapp/src/assets/img/comp/2-before.jpg differ
diff --git a/apps/webapp/src/assets/img/comp/3-after.jpg b/apps/webapp/src/assets/img/comp/3-after.jpg
new file mode 100644
index 000000000..3f2bc3c1b
Binary files /dev/null and b/apps/webapp/src/assets/img/comp/3-after.jpg differ
diff --git a/apps/webapp/src/assets/img/comp/3-before.jpg b/apps/webapp/src/assets/img/comp/3-before.jpg
new file mode 100644
index 000000000..97646b093
Binary files /dev/null and b/apps/webapp/src/assets/img/comp/3-before.jpg differ
diff --git a/apps/webapp/src/styles.scss b/apps/webapp/src/styles.scss
index d8697507b..4a9299ac2 100644
--- a/apps/webapp/src/styles.scss
+++ b/apps/webapp/src/styles.scss
@@ -36,6 +36,3 @@ $alt-theme: mat-dark-theme($alt-primary, $alt-accent);
@import '~perfect-scrollbar/css/perfect-scrollbar.css';
@import '~filepond/dist/filepond.min.css';
@import '~filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css';
-
-$ionicons-font-path: '~ionicons/dist/fonts';
-@import '~ionicons/dist/scss/ionicons';
diff --git a/libs/auth/src/lib/auth.module.ts b/libs/auth/src/lib/auth.module.ts
index 590e59db4..fa03c4979 100644
--- a/libs/auth/src/lib/auth.module.ts
+++ b/libs/auth/src/lib/auth.module.ts
@@ -9,6 +9,7 @@ import { AuthState } from './auth.state';
import { LoginComponent } from './components/login/login.component';
import { ROPCService } from './ropc.service';
import { AuthService } from './auth.service';
+import { AuthGuard } from './auth.guard';
import {
MatButtonModule,
@@ -23,7 +24,7 @@ import {
} from '@angular/material';
import { ReactiveFormsModule } from '@angular/forms';
import { FlexLayoutModule } from '@angular/flex-layout';
-import { AuthGuard } from './auth.guard';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@NgModule({
imports: [
@@ -40,6 +41,7 @@ import { AuthGuard } from './auth.guard';
MatToolbarModule,
FlexLayoutModule,
ReactiveFormsModule,
+ FontAwesomeModule,
OAuthModule.forRoot({
resourceServer: {
allowedUrls: ['http://localhost:8080/auth'],
diff --git a/libs/auth/src/lib/components/login/login.component.html b/libs/auth/src/lib/components/login/login.component.html
index 5007f731c..4ffb0776d 100644
--- a/libs/auth/src/lib/components/login/login.component.html
+++ b/libs/auth/src/lib/components/login/login.component.html
@@ -64,13 +64,13 @@
security
-