2 | Companies 3 | 4 |
5 || Name | 5 |Phone | 7 |8 | | |
|---|---|---|---|
| {{company.name}} | 13 |{{company.email}} | 14 |{{company.phone}} | 15 |16 | 17 | 18 | | 19 |
2 |
--------------------------------------------------------------------------------
/src/app/home/home/home.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/duncanhunter/Pluralsight-NgRx-Play-by-Play/5a034c46bd34de399f8dda0d1ba9dfef1c347dfc/src/app/home/home/home.component.scss
--------------------------------------------------------------------------------
/src/app/home/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-home',
5 | templateUrl: './home.component.html',
6 | styleUrls: ['./home.component.scss']
7 | })
8 | export class HomeComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/models/appState.ts:
--------------------------------------------------------------------------------
1 | import { Company } from './company';
2 |
3 | export interface AppState {
4 | companies: { companies: Company[] }
5 | }
6 |
--------------------------------------------------------------------------------
/src/app/models/company.ts:
--------------------------------------------------------------------------------
1 | export interface Company {
2 | id?: number;
3 | name: string;
4 | email: string;
5 | phone: number;
6 | }
7 |
--------------------------------------------------------------------------------
/src/app/models/index.ts:
--------------------------------------------------------------------------------
1 | export { Company } from './company';
2 |
3 |
--------------------------------------------------------------------------------
/src/app/reducers/company.reducer.spec.ts:
--------------------------------------------------------------------------------
1 | import { companyReducer } from './company.reducer';
2 | import * as companyActions from './../actions/company.actions';
3 |
4 | describe(`companyReducer`, () => {
5 |
6 | describe(`deleteCompanyAction`, () => {
7 |
8 | it(`should delete a company`, () => {
9 | const currentState = {
10 | companies: [
11 | { id: 1, name: 'SSW', email: 'email', phone: 123 },
12 | { id: 2, name: 'Microsoft' , email: 'email', phone: 123 },
13 | ]
14 | };
15 | const expectedResult = {
16 | companies: [{ id: 2, name: 'Microsoft', email: 'email', phone: 123 }]
17 | };
18 |
19 | const action = new companyActions.DeleteCompanySuccessAction(1);
20 | const result = companyReducer(currentState, action);
21 | expect(result).toEqual(expectedResult);
22 | });
23 |
24 | });
25 | });
26 |
27 |
--------------------------------------------------------------------------------
/src/app/reducers/company.reducer.ts:
--------------------------------------------------------------------------------
1 | import { Company } from './../models';
2 | import * as fromCompanies from './../actions/company.actions';
3 |
4 | export interface State {
5 | companies: Company[];
6 | };
7 |
8 | const initialState: State = {
9 | companies: []
10 | };
11 |
12 | export function companyReducer(state = initialState, action: fromCompanies.Actions): State {
13 | switch (action.type) {
14 | case fromCompanies.LOAD_COMPANIES_SUCCESS: {
15 | return state = {
16 | companies: action.payload
17 | };
18 | }
19 | case fromCompanies.DELETE_COMPANY_SUCCESS: {
20 | return state = {
21 | companies: state.companies.filter(company => company.id !== action.payload)
22 | };
23 | }
24 | default: {
25 | return state;
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/wallabyTest.ts:
--------------------------------------------------------------------------------
1 | import './polyfills';
2 |
3 | import 'zone.js/dist/long-stack-trace-zone';
4 | import 'zone.js/dist/proxy.js';
5 | import 'zone.js/dist/sync-test';
6 | import 'zone.js/dist/jasmine-patch';
7 | import 'zone.js/dist/async-test';
8 | import 'zone.js/dist/fake-async-test';
9 |
10 | import { getTestBed } from '@angular/core/testing';
11 | import {
12 | BrowserDynamicTestingModule,
13 | platformBrowserDynamicTesting
14 | } from '@angular/platform-browser-dynamic/testing';
15 |
16 | getTestBed().initTestEnvironment(
17 | BrowserDynamicTestingModule,
18 | platformBrowserDynamicTesting()
19 | );
20 |
--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/duncanhunter/Pluralsight-NgRx-Play-by-Play/5a034c46bd34de399f8dda0d1ba9dfef1c347dfc/src/assets/.gitkeep
--------------------------------------------------------------------------------
/src/assets/ngrx.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/duncanhunter/Pluralsight-NgRx-Play-by-Play/5a034c46bd34de399f8dda0d1ba9dfef1c347dfc/src/assets/ngrx.png
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
1 | // The file contents for the current environment will overwrite these during build.
2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do
3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead.
4 | // The list of which env maps to which file can be found in `.angular-cli.json`.
5 |
6 | export const environment = {
7 | production: false
8 | };
9 |
--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/duncanhunter/Pluralsight-NgRx-Play-by-Play/5a034c46bd34de399f8dda0d1ba9dfef1c347dfc/src/favicon.ico
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |