jank/angular-hotel-manager
1
0
Fork 0
Code Issues 1 Pull requests 5 Projects Releases Packages Wiki Activity Actions

add better validation to forms

Browse source
This commit is contained in:
Jan-Marlon Leibl 2024-12-03 09:23:50 +01:00
parent 6e5eadd3a2
commit a6829fc3f5
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/app/form.guard.ts
View file

@ -3,11 +3,11 @@ import { HotelFormComponent } from './hotel-form/hotel-form.component';
import { HotelDetailsComponent } from './hotel-details/hotel-details.component'; import { HotelDetailsComponent } from './hotel-details/hotel-details.component';
export const formGuard: CanDeactivateFn<HotelFormComponent | HotelDetailsComponent> = (component: HotelFormComponent | HotelDetailsComponent, currentRoute, currentState, nextState) => { export const formGuard: CanDeactivateFn<HotelFormComponent | HotelDetailsComponent> = (component: HotelFormComponent | HotelDetailsComponent, currentRoute, currentState, nextState) => {
console.log(component) const hasUnsavedChanges =
if (component instanceof HotelFormComponent && component.form?.dirty) { (component instanceof HotelFormComponent && component.form?.dirty) ||
return confirm('You have unsaved changes. Do you really want to leave?'); (component instanceof HotelDetailsComponent && component.hotelForm?.form?.dirty);
}
else if (component instanceof HotelDetailsComponent && component.hotelForm?.form?.dirty) { if (hasUnsavedChanges) {
return confirm('You have unsaved changes. Do you really want to leave?'); return confirm('You have unsaved changes. Do you really want to leave?');
} }