diff --git a/.gitignore b/.gitignore
index c1735d5..af0bf35 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+/.angular/cache
node_modules
dist
coverage
diff --git a/.husky/post-commit b/.husky/post-commit
new file mode 100644
index 0000000..d58d067
--- /dev/null
+++ b/.husky/post-commit
@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+echo [Husky] pre-commit running Prettier on staged files
+npx git reset
\ No newline at end of file
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..1678838
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+echo [Husky] pre-commit running Prettier on staged files
+npx lint-staged
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 68652e8..107845a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+deposit
+withdraw
\ No newline at end of file
diff --git a/projects/bank-v13/src/app/actions/actions.component.scss b/projects/bank-v13/src/app/actions/actions.component.scss
new file mode 100644
index 0000000..1666808
--- /dev/null
+++ b/projects/bank-v13/src/app/actions/actions.component.scss
@@ -0,0 +1,4 @@
+button {
+ width: 152px;
+ margin-right: 20px;
+}
\ No newline at end of file
diff --git a/projects/bank-v13/src/app/actions/actions.component.ts b/projects/bank-v13/src/app/actions/actions.component.ts
new file mode 100644
index 0000000..faadd9b
--- /dev/null
+++ b/projects/bank-v13/src/app/actions/actions.component.ts
@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+import { Account } from '../stores/account.store';
+
+@Component({
+ selector: 'app-actions',
+ templateUrl: './actions.component.html',
+ styleUrls: ['./actions.component.scss']
+})
+export class ActionsComponent implements OnInit {
+ constructor(private account: Account) {}
+
+ deposit() {
+ this.account.deposit(parseInt(window.prompt('select amount'), 10));
+ }
+ withdraw() {
+ this.account.withdraw(parseInt(window.prompt('select amount'), 10));
+ }
+ ngOnInit() {}
+}
diff --git a/projects/bank-v13/src/app/app.component.html b/projects/bank-v13/src/app/app.component.html
new file mode 100644
index 0000000..d9621e6
--- /dev/null
+++ b/projects/bank-v13/src/app/app.component.html
@@ -0,0 +1,8 @@
+
+
Welcome to your bank account manager!
+
+
+ Your current balance:
+ $ {{ account.balance }}
+
diff --git a/projects/bank-v13/src/app/balance/balance.component.scss b/projects/bank-v13/src/app/balance/balance.component.scss
new file mode 100644
index 0000000..542a9f9
--- /dev/null
+++ b/projects/bank-v13/src/app/balance/balance.component.scss
@@ -0,0 +1,6 @@
+span {
+ color: green;
+ }
+ .negative {
+ color: red;
+ }
\ No newline at end of file
diff --git a/projects/bank-v13/src/app/balance/balance.component.ts b/projects/bank-v13/src/app/balance/balance.component.ts
new file mode 100644
index 0000000..534b836
--- /dev/null
+++ b/projects/bank-v13/src/app/balance/balance.component.ts
@@ -0,0 +1,13 @@
+import { Component, OnInit } from '@angular/core';
+import { Account } from '../stores/account.store';
+
+@Component({
+ selector: 'app-balance',
+ templateUrl: './balance.component.html',
+ styleUrls: ['./balance.component.scss']
+})
+export class BalanceComponent implements OnInit {
+ constructor(public account: Account) {}
+
+ ngOnInit(): void {}
+}
diff --git a/projects/bank-v13/src/app/stores/account.store.ts b/projects/bank-v13/src/app/stores/account.store.ts
new file mode 100644
index 0000000..6537ffb
--- /dev/null
+++ b/projects/bank-v13/src/app/stores/account.store.ts
@@ -0,0 +1,53 @@
+import { Injectable } from '@angular/core';
+import {
+ observable,
+ autorun,
+ computed,
+ action,
+ makeAutoObservable
+} from 'mobx';
+import { sum } from 'lodash';
+
+@Injectable({ providedIn: 'root' })
+export class Account {
+ @observable transactions: number[] = [];
+
+ constructor() {
+ if (localStorage.savedTransactions) {
+ this.transactions = JSON.parse(localStorage.savedTransactions);
+ }
+
+ makeAutoObservable(this);
+
+ autorun(() => {
+ localStorage.savedTransactions = JSON.stringify(this.transactions);
+ });
+ }
+
+ @computed get balance(): number {
+ return sum(this.transactions);
+ }
+
+ @computed get isNegative(): boolean {
+ return this.balance < 0;
+ }
+
+ @computed get deposits(): number[] {
+ return this.transactions.filter((t) => t >= 0);
+ }
+
+ @computed get withdrawls(): number[] {
+ return this.transactions.filter((t) => t < 0);
+ }
+
+ @action deposit(money: number) {
+ if (money) {
+ this.transactions = [...this.transactions, money];
+ }
+ }
+ @action withdraw(money: number) {
+ if (money) {
+ this.transactions = [...this.transactions, -money];
+ }
+ }
+}
diff --git a/projects/bank-v13/src/app/transactions/transactions.component.html b/projects/bank-v13/src/app/transactions/transactions.component.html
new file mode 100644
index 0000000..c75de3b
--- /dev/null
+++ b/projects/bank-v13/src/app/transactions/transactions.component.html
@@ -0,0 +1,20 @@
+
+
+
+ Deposits
+
+
+ {{ deposit }}
+
+
+
+
+ Withdrawls
+
+
+
+ {{ withdrawl }}
+
+
+
+
BankV13
+ (id: string): T;
+ };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting()
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/projects/bank-v13/tsconfig.app.json b/projects/bank-v13/tsconfig.app.json
new file mode 100644
index 0000000..c3c4837
--- /dev/null
+++ b/projects/bank-v13/tsconfig.app.json
@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/app",
+ "types": []
+ },
+ "files": ["src/main.ts", "src/polyfills.ts"],
+ "include": ["src/**/*.d.ts"]
+}
diff --git a/projects/bank-v13/tsconfig.spec.json b/projects/bank-v13/tsconfig.spec.json
new file mode 100644
index 0000000..558b74c
--- /dev/null
+++ b/projects/bank-v13/tsconfig.spec.json
@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/spec",
+ "types": ["jasmine"]
+ },
+ "files": ["src/test.ts", "src/polyfills.ts"],
+ "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
+}
diff --git a/projects/bank/src/environments/environment.ts b/projects/bank/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/projects/bank/src/environments/environment.ts
+++ b/projects/bank/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/projects/bank/src/polyfills.ts b/projects/bank/src/polyfills.ts
index e49856e..4efb94c 100644
--- a/projects/bank/src/polyfills.ts
+++ b/projects/bank/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
diff --git a/projects/bank/src/styles.scss b/projects/bank/src/styles.scss
index 2559ad1..7168b40 100644
--- a/projects/bank/src/styles.scss
+++ b/projects/bank/src/styles.scss
@@ -1,5 +1,5 @@
/* You can add global styles to this file, and also import other style files */
-@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+@import "@angular/material/prebuilt-themes/indigo-pink.css";
* {
font-family: sans-serif;
diff --git a/projects/bank/src/test.ts b/projects/bank/src/test.ts
index 5af6956..15f93b3 100644
--- a/projects/bank/src/test.ts
+++ b/projects/bank/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -21,7 +21,10 @@ declare const require: {
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(),
+ {
+ teardown: { destroyAfterEach: false }
+ }
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/projects/mobx-angular/src/lib/mobx-reaction.directive.ts b/projects/mobx-angular/src/lib/mobx-reaction.directive.ts
index f06d282..cc98915 100644
--- a/projects/mobx-angular/src/lib/mobx-reaction.directive.ts
+++ b/projects/mobx-angular/src/lib/mobx-reaction.directive.ts
@@ -5,7 +5,7 @@ import { MobxAutorunDirective } from './mobx-autorun.directive';
@Directive({ selector: '[mobxReaction]' })
export class MobxReactionDirective extends MobxAutorunDirective {
@Input() mobxReaction;
- @Input() mobxReactionOptions: IReactionOptions;
+ @Input() mobxReactionOptions: IReactionOptions;
constructor(
protected templateRef: TemplateRef,
@@ -15,7 +15,10 @@ export class MobxReactionDirective extends MobxAutorunDirective {
}
autoDetect(view) {
- const opts: IReactionOptions = Object.assign({ fireImmediately: true }, this.mobxReactionOptions);
+ const opts: IReactionOptions = Object.assign(
+ { fireImmediately: true },
+ this.mobxReactionOptions
+ );
this.dispose = reaction(
this.mobxReaction,
diff --git a/projects/mobx-angular/src/test.ts b/projects/mobx-angular/src/test.ts
index 53298e5..63ffbf1 100644
--- a/projects/mobx-angular/src/test.ts
+++ b/projects/mobx-angular/src/test.ts
@@ -1,7 +1,7 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone';
-import 'zone.js/dist/zone-testing';
+import 'zone.js';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -22,7 +22,10 @@ declare const require: {
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(),
+ {
+ teardown: { destroyAfterEach: false }
+ }
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/projects/tictactoe/src/environments/environment.ts b/projects/tictactoe/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/projects/tictactoe/src/environments/environment.ts
+++ b/projects/tictactoe/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/projects/tictactoe/src/polyfills.ts b/projects/tictactoe/src/polyfills.ts
index e49856e..4efb94c 100644
--- a/projects/tictactoe/src/polyfills.ts
+++ b/projects/tictactoe/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
diff --git a/projects/tictactoe/src/test.ts b/projects/tictactoe/src/test.ts
index 5af6956..15f93b3 100644
--- a/projects/tictactoe/src/test.ts
+++ b/projects/tictactoe/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -21,7 +21,10 @@ declare const require: {
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(),
+ {
+ teardown: { destroyAfterEach: false }
+ }
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/projects/todo-v6/src/environments/environment.ts b/projects/todo-v6/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/projects/todo-v6/src/environments/environment.ts
+++ b/projects/todo-v6/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/projects/todo-v6/src/polyfills.ts b/projects/todo-v6/src/polyfills.ts
index 406e183..dbc1a93 100644
--- a/projects/todo-v6/src/polyfills.ts
+++ b/projects/todo-v6/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,8 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
-
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
diff --git a/projects/todo-v6/src/test.ts b/projects/todo-v6/src/test.ts
index 50193eb..15f93b3 100644
--- a/projects/todo-v6/src/test.ts
+++ b/projects/todo-v6/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -8,7 +8,11 @@ import {
} from '@angular/platform-browser-dynamic/testing';
declare const require: {
- context(path: string, deep?: boolean, filter?: RegExp): {
+ context(
+ path: string,
+ deep?: boolean,
+ filter?: RegExp
+ ): {
keys(): string[];
(id: string): T;
};
@@ -17,7 +21,10 @@ declare const require: {
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(),
+ {
+ teardown: { destroyAfterEach: false }
+ }
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/projects/todo/src/environments/environment.ts b/projects/todo/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/projects/todo/src/environments/environment.ts
+++ b/projects/todo/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/projects/todo/src/polyfills.ts b/projects/todo/src/polyfills.ts
index 2304c4b..0605a9b 100644
--- a/projects/todo/src/polyfills.ts
+++ b/projects/todo/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
diff --git a/projects/todo/src/test.ts b/projects/todo/src/test.ts
index 5af6956..15f93b3 100644
--- a/projects/todo/src/test.ts
+++ b/projects/todo/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -21,7 +21,10 @@ declare const require: {
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(),
+ {
+ teardown: { destroyAfterEach: false }
+ }
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);