Company Edit
2 |Companies
2 |Contact Edit
2 |
4 | ![contact image profile]()
5 |
6 |
7 |
11 |
12 | {{company.name}}
13 |
14 |
15 |
16 |
2 |
4 | All
5 | {{company.name}}
6 |
7 |
8 | Contacts
3 |2 | home works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/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.css'] 7 | }) 8 | export class HomeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/state/appState.ts: -------------------------------------------------------------------------------- 1 | import { Company } from '../company/company'; 2 | export interface AppState { 3 | companies: Company[]; 4 | } 5 | -------------------------------------------------------------------------------- /src/app/state/company.actions.ts: -------------------------------------------------------------------------------- 1 | import { Action } from '@ngrx/store'; 2 | import { Company } from '../company/company'; 3 | 4 | export const DISCONNECT_COMPANIES = 'DISCONNECT_COMPANIES'; 5 | export const DISCONNECT_COMPANIES_SUCCESS = 'DISCONNECT_COMPANIES_SUCCESS'; 6 | export const CONNECT_COMPANIES = 'CONNECT_COMPANIES'; 7 | export const CONNECT_COMPANIES_SUCCESS = 'CONNECT_COMPANIES_SUCCESS'; 8 | export const CONNECT_COMPANIES_FAILURE = 'CONNECT_COMPANIES_FAILURE'; 9 | export const REMOVE_COMPANY = 'REMOVE_COMPANY'; 10 | export const REMOVE_COMPANY_SUCCESS = 'REMOVE_COMPANY_SUCCESS'; 11 | export const REMOVE_COMPANY_FAILURE = 'REMOVE_COMPANY_FAILURE'; 12 | export const ADDED_COMPANY_SYNCED = 'ADDED_COMPANY_SYNCED'; 13 | export const UPDATED_COMPANY_SYNCED = 'UPDATED_COMPANY_SYNCED'; 14 | export const REMOVED_COMPANY_SYNCED = 'REMOVED_COMPANY_SYNCED'; 15 | 16 | export class DisconnectCompaniesAction implements Action { 17 | readonly type = DISCONNECT_COMPANIES; 18 | } 19 | 20 | export class DisconnectCompaniesSuccessAction implements Action { 21 | readonly type = DISCONNECT_COMPANIES_SUCCESS; 22 | } 23 | 24 | export class ConnectCompaniesAction implements Action { 25 | readonly type = CONNECT_COMPANIES; 26 | } 27 | 28 | export class ConnectCompaniesSuccessAction implements Action { 29 | readonly type = CONNECT_COMPANIES_SUCCESS; 30 | constructor(public payload: Company[]) { } 31 | } 32 | 33 | export class ConnectCompaniesFailureAction implements Action { 34 | readonly type = CONNECT_COMPANIES_FAILURE; 35 | constructor(public payload: Error) { } 36 | } 37 | 38 | export class RemoveCompanyAction implements Action { 39 | readonly type = REMOVE_COMPANY; 40 | constructor(public payload: Company) { } 41 | } 42 | 43 | export class RemoveCompanySuccessAction implements Action { 44 | readonly type = REMOVE_COMPANY_SUCCESS; 45 | } 46 | 47 | export class RemoveCompanyFailureAction implements Action { 48 | readonly type = REMOVE_COMPANY_FAILURE; 49 | constructor(public payload: Error) { } 50 | } 51 | 52 | export class AddedCompanySyncedAction implements Action { 53 | readonly type = ADDED_COMPANY_SYNCED; 54 | constructor(public payload: Company) { } 55 | } 56 | 57 | export class UpdatedCompanySyncedAction implements Action { 58 | readonly type = UPDATED_COMPANY_SYNCED; 59 | constructor(public payload: Company) { } 60 | } 61 | 62 | export class RemovedCompanySyncedAction implements Action { 63 | readonly type = REMOVED_COMPANY_SYNCED; 64 | constructor(public payload: Company) { } 65 | } 66 | 67 | export type All 68 | = DisconnectCompaniesAction 69 | | DisconnectCompaniesSuccessAction 70 | | ConnectCompaniesAction 71 | | ConnectCompaniesSuccessAction 72 | | ConnectCompaniesFailureAction 73 | | RemoveCompanyAction 74 | | RemoveCompanySuccessAction 75 | | RemoveCompanyFailureAction 76 | | AddedCompanySyncedAction 77 | | UpdatedCompanySyncedAction 78 | | RemovedCompanySyncedAction; 79 | 80 | 81 | -------------------------------------------------------------------------------- /src/app/state/company.effects.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Effect, Actions, toPayload } from '@ngrx/effects'; 3 | import { Router } from '@angular/router'; 4 | import { Observable } from 'rxjs/Observable'; 5 | import { Action } from '@ngrx/store'; 6 | 7 | import { CompanyService } from '../company/company.service'; 8 | import * as CompanyActions from './company.actions'; 9 | 10 | import 'rxjs/add/observable/of'; 11 | import 'rxjs/add/operator/first'; 12 | import 'rxjs/add/operator/switchMap'; 13 | import 'rxjs/add/operator/map'; 14 | import { DisconnectCompaniesSuccessAction } from './company.actions'; 15 | 16 | @Injectable() 17 | export class CompanyEffects { 18 | 19 | @Effect() connectCompanies$ = this.actions$ 20 | .ofType(CompanyActions.CONNECT_COMPANIES, CompanyActions.DISCONNECT_COMPANIES) 21 | .switchMap(action => { 22 | if (action.type === CompanyActions.CONNECT_COMPANIES) { 23 | return this.companyService.getCompaniesEvents() 24 | .catch(error => Observable.of(new CompanyActions.ConnectCompaniesFailureAction(error))); 25 | } else { 26 | this.companyService.diconnectCompanies(); 27 | return Observable.of(new CompanyActions.DisconnectCompaniesSuccessAction()); 28 | } 29 | }); 30 | 31 | // @Effect() connectCompanies$ = this.actions$ 32 | // .ofType(CompanyActions.CONNECT_COMPANIES, CompanyActions.DISCONNECT_COMPANIES) 33 | // .switchMap(action => { 34 | // if (action.type === CompanyActions.CONNECT_COMPANIES) { 35 | // return this.companyService.getCompanies() 36 | // .map(companies => (new CompanyActions. (companies))) 37 | // .catch(error => Observable.of(new CompanyActions.ConnectCompaniesFailureAction(error))); 38 | // } else { 39 | // return Observable.of(new CompanyActions.DisconnectCompaniesSuccessAction()); 40 | // } 41 | // }); 42 | 43 | constructor( 44 | private router: Router, 45 | private companyService: CompanyService, 46 | private actions$: Actions 47 | ) { } 48 | 49 | } 50 | -------------------------------------------------------------------------------- /src/app/state/company.reducers.ts: -------------------------------------------------------------------------------- 1 | import * as CompanyActions from './company.actions'; 2 | import { Company } from '../company/company'; 3 | 4 | export function companyReducer(state = [], action) { 5 | switch (action.type) { 6 | case CompanyActions.CONNECT_COMPANIES_SUCCESS: { 7 | return action.payload; 8 | } 9 | 10 | case CompanyActions.ADDED_COMPANY_SYNCED: 11 | const exists = state.find(company => company.$key === action.payload.$key); 12 | return exists ? state : [...state, action.payload]; 13 | 14 | case CompanyActions.UPDATED_COMPANY_SYNCED: 15 | return state.map(company => { 16 | return company.$key === action.payload.$key ? Object.assign({}, action.payload) : company; 17 | }); 18 | 19 | case CompanyActions.REMOVED_COMPANY_SYNCED: 20 | return state.filter(company => company.$key !== action.payload.$key); 21 | 22 | default: { 23 | return state; 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/duncanhunter/Pluralsight-Angular-Fire-Course/166af8496b744ae2da25b3334bc77f53fe646c41/src/assets/.gitkeep -------------------------------------------------------------------------------- /src/assets/branching-info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/duncanhunter/Pluralsight-Angular-Fire-Course/166af8496b744ae2da25b3334bc77f53fe646c41/src/assets/branching-info.png -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true, 3 | firebaseConfig: { 4 | apiKey: 'AIzaSyBJsTnYKiu2mdLnwkSidQjw3THCty5sEm4', 5 | authDomain: 'buildingappswithangularf-ebcb5.firebaseapp.com', 6 | databaseURL: 'https://buildingappswithangularf-ebcb5.firebaseio.com', 7 | projectId: 'buildingappswithangularf-ebcb5', 8 | storageBucket: 'buildingappswithangularf-ebcb5.appspot.com', 9 | messagingSenderId: '957445559070' 10 | } 11 | }; 12 | -------------------------------------------------------------------------------- /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 | firebaseConfig: { 9 | apiKey: 'AIzaSyBJsTnYKiu2mdLnwkSidQjw3THCty5sEm4', 10 | authDomain: 'buildingappswithangularf-ebcb5.firebaseapp.com', 11 | databaseURL: 'https://buildingappswithangularf-ebcb5.firebaseio.com', 12 | projectId: 'buildingappswithangularf-ebcb5', 13 | storageBucket: 'buildingappswithangularf-ebcb5.appspot.com', 14 | messagingSenderId: '957445559070' 15 | }, 16 | fakeFirebaseConfig: { 17 | apiKey: 'xxx', 18 | authDomain: 'xxx', 19 | databaseURL: 'https://xx.firebaseio.com', 20 | projectId: 'xxx' 21 | } 22 | }; 23 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/duncanhunter/Pluralsight-Angular-Fire-Course/166af8496b744ae2da25b3334bc77f53fe646c41/src/favicon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |