import { Injectable } from '@angular/core'
-import { ActivatedRouteSnapshot, CanDeactivate, RouterStateSnapshot } from '@angular/router'
+import { CanDeactivate } from '@angular/router'
import { Observable } from 'rxjs'
import { ConfirmService } from '../../core/index'
+import { I18n } from '@ngx-translate/i18n-polyfill'
+
+export type CanComponentDeactivateResult = { text?: string, canDeactivate: Observable<boolean> | boolean }
export interface CanComponentDeactivate {
- canDeactivate: () => { text?: string, canDeactivate: Observable<boolean> | boolean }
+ canDeactivate: () => CanComponentDeactivateResult
}
@Injectable()
export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
- constructor (private confirmService: ConfirmService) { }
+ constructor (
+ private confirmService: ConfirmService,
+ private i18n: I18n
+ ) { }
- canDeactivate (component: CanComponentDeactivate,
- currentRoute: ActivatedRouteSnapshot,
- currentState: RouterStateSnapshot,
- nextState: RouterStateSnapshot
- ) {
+ canDeactivate (component: CanComponentDeactivate) {
const result = component.canDeactivate()
- const text = result.text || 'All unsaved data will be lost, are you sure you want to leave this page?'
+ const text = result.text || this.i18n('All unsaved data will be lost, are you sure you want to leave this page?')
return result.canDeactivate || this.confirmService.confirm(
text,
- 'Warning'
+ this.i18n('Warning')
)
}