35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
// #docregion
|
|
import { Injectable } from '@angular/core';
|
|
import { Observable } from 'rxjs';
|
|
import { CanDeactivate,
|
|
ActivatedRouteSnapshot,
|
|
RouterStateSnapshot } from '@angular/router';
|
|
|
|
import { CrisisDetailComponent } from './crisis-center/crisis-detail/crisis-detail.component';
|
|
|
|
@Injectable({
|
|
providedIn: 'root',
|
|
})
|
|
export class CanDeactivateGuard implements CanDeactivate<CrisisDetailComponent> {
|
|
|
|
canDeactivate(
|
|
component: CrisisDetailComponent,
|
|
route: ActivatedRouteSnapshot,
|
|
state: RouterStateSnapshot
|
|
): Observable<boolean> | boolean {
|
|
// Get the Crisis Center ID
|
|
console.log(route.paramMap.get('id'));
|
|
|
|
// Get the current URL
|
|
console.log(state.url);
|
|
|
|
// Allow synchronous navigation (`true`) if no crisis or the crisis is unchanged
|
|
if (!component.crisis || component.crisis.name === component.editName) {
|
|
return true;
|
|
}
|
|
// Otherwise ask the user with the dialog service and return its
|
|
// observable which resolves to true or false when the user decides
|
|
return component.dialogService.confirm('Discard changes?');
|
|
}
|
|
}
|