Added homepage service

Author: bladewizz

src/lib/site-home/components/home-page/home-page.component.html

@@ -1 +1,11 @@
-<app-photo-capture></app-photo-capture>
+<div *ngIf="homePageState|async as State">
+    <div *ngIf="!State.takingPhoto">
+    James is best teacher.
+    <Button (click)="startTakingPhoto()"> </Button>
+    
+    </div>
+
+
+
+<app-photo-capture *ngIf="State.takingPhoto"></app-photo-capture>
+</div>

src/lib/site-home/components/home-page/home-page.component.ts

@@ -1,15 +1,21 @@
 import { Component, OnInit } from '@angular/core';
+import { HomePageService} from '../../services/home-page.service';
 
 @Component({
   selector: 'app-home-page',
   templateUrl: './home-page.component.html',
   styleUrls: ['./home-page.component.scss']
 })
 export class HomePageComponent implements OnInit {
+  homePageState = this.homepageservice.getState();
 
-  constructor() { }
+  constructor(private homepageservice:HomePageService) { }
 
   ngOnInit(): void {
   }
 
+  startTakingPhoto(){
+    this.homepageservice.updateState({takingPhoto:true});
+  }
+
 }

src/lib/site-home/components/photo-capture/photo-capture.component.ts

@@ -31,13 +31,16 @@ export class PhotoCaptureComponent implements OnInit {
   }
 
   startCamera() {
-    if (!!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia)) {
-      navigator.mediaDevices.getUserMedia(this.constraints).then(this.attachVideo.bind(this)).catch(this.handleError);
-    } else {
+    console.log("called");
+    if ((navigator.mediaDevices && navigator.mediaDevices.getUserMedia)) {
+      navigator.mediaDevices.getUserMedia(this.constraints).then(this.attachVideo.bind(this)).catch(this.handleError.bind(this));
+    }
+     else {
       alert('Sorry, camera not available.');
     }
   }
 
+
   attachVideo(stream) {
     this.renderer.setProperty(this.videoElement.nativeElement, 'srcObject', stream);
     this.renderer.listen(this.videoElement.nativeElement, 'play', (event) => {
@@ -48,6 +51,8 @@ export class PhotoCaptureComponent implements OnInit {
 
   handleError(error) {
     console.log('Error: ', error);
+    alert('Sorry, camera not available.');
+    this.startCamera();
   }
 
   capture() {

src/lib/site-home/interfaces/home-page.interface.ts

@@ -0,0 +1 @@
+export interface iHomePageState{takingPhoto:boolean}

src/lib/site-home/services/home-page.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { HomePageService } from './home-page.service';
+
+describe('HomePageService', () => {
+  let service: HomePageService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(HomePageService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/lib/site-home/services/home-page.service.ts

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { iHomePageState } from '../interfaces/home-page.interface';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class HomePageService {
+  defaultStateStatus = {
+    takingPhoto:false
+  }
+  homePageState = new BehaviorSubject<iHomePageState>(this.defaultStateStatus);
+
+  getState(){
+    return this.homePageState.asObservable();
+  }
+  updateState(newState){
+    const currState = this.homePageState.getValue();
+    this.homePageState.next({...currState,...newState})
+  }
+}