1 import { Injectable } from '@angular/core'
2 import { CanDeactivate } from '@angular/router'
3 import { Observable } from 'rxjs'
4 import { ConfirmService } from '../../core/index'
5 import { I18n } from '@ngx-translate/i18n-polyfill'
7 export type CanComponentDeactivateResult = { text?: string, canDeactivate: Observable<boolean> | boolean }
9 export interface CanComponentDeactivate {
10 canDeactivate: () => CanComponentDeactivateResult
14 export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
16 private confirmService: ConfirmService,
20 canDeactivate (component: CanComponentDeactivate) {
21 const result = component.canDeactivate()
22 const text = result.text || this.i18n('All unsaved data will be lost, are you sure you want to leave this page?')
24 return result.canDeactivate || this.confirmService.confirm(