client/src/app/shared/guards/can-deactivate-guard.service.ts

   1 import { Injectable } from '@angular/core'
   2 import { CanDeactivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'
   3 import { Observable } from 'rxjs/Observable'
   4 import { ConfirmService } from '../../core/index'
   5
   6 export interface CanComponentDeactivate {
   7   canDeactivate: () => { text?: string, canDeactivate: Observable<boolean> | boolean }
   8 }
   9
  10 @Injectable()
  11 export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
  12   constructor (private confirmService: ConfirmService) { }
  13
  14   canDeactivate (component: CanComponentDeactivate,
  15     currentRoute: ActivatedRouteSnapshot,
  16     currentState: RouterStateSnapshot,
  17     nextState: RouterStateSnapshot
  18   ): Observable<boolean> | boolean {
  19     const result = component.canDeactivate()
  20     const text = result.text || 'All unsaved data will be lost, are you sure you want to leave this page?'
  21
  22     return result.canDeactivate || this.confirmService.confirm(
  23       text,
  24       'Warning'
  25     )
  26   }
  27
  28 }