bug fixing

Oktawian-L · Nov 3, 2019 · 8d8adb0 · 8d8adb0
1 parent 4d15e31
commit 8d8adb0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/Subiton/src/app/app.module.ts b/Subiton/src/app/app.module.ts
@@ -30,6 +30,7 @@ import { UserDetailResolver } from './_resolvers/user-details.resolver';
 import { UserListResolver } from './_resolvers/user-list.resolver';
 import { UserEditComponent } from './users/user-edit/user-edit.component';
 import { UserEditResolver } from './_resolvers/user-edit.resolver';
+import { PreventUnsavedChanges } from './_guards/prevent-unsaved-changes.guard';
 
 // defining reading token early om
 export function tokenGetter() {
@@ -75,7 +76,8 @@ export function tokenGetter() {
       ErrorInterceptorProvider,
       UserDetailResolver,
       UserListResolver,
-      UserEditResolver
+      UserEditResolver,
+      PreventUnsavedChanges
    ],
    bootstrap: [
       AppComponent

diff --git a/Subiton/src/app/routes.ts b/Subiton/src/app/routes.ts
@@ -9,14 +9,17 @@ import { UserDetailResolver } from './_resolvers/user-details.resolver';
 import { UserListResolver } from './_resolvers/user-list.resolver';
 import { UserEditComponent } from './users/user-edit/user-edit.component';
 import { UserEditResolver } from './_resolvers/user-edit.resolver';
+import { PreventUnsavedChanges } from './_guards/prevent-unsaved-changes.guard';
 
 export const appRoutes: Routes = [
   { path: 'home', component: HomeComponent },
   { path: '', runGuardsAndResolvers: 'always', canActivate: [AuthGuard],
     children: [
       { path: 'users', component: UserListComponent, resolve: { users: UserListResolver } },
       { path: 'users/:id', component: UserDetailsComponent, resolve: {user: UserDetailResolver} },
-      { path: 'profile/edit', component: UserEditComponent, resolve: { user: UserEditResolver } },
+      { path: 'profile/edit', component: UserEditComponent,
+                              resolve: { user: UserEditResolver },
+                              canDeactivate: [PreventUnsavedChanges] },
       { path: 'likes', component: LikesComponent },
       { path: 'messages', component: MessagesComponent }
     ] },

diff --git a/Subiton/src/app/users/user-edit/user-edit.component.ts b/Subiton/src/app/users/user-edit/user-edit.component.ts
@@ -17,7 +17,7 @@ export class UserEditComponent implements OnInit {
   galleryOptions: NgxGalleryOptions[];
   galleryImages: NgxGalleryImage[];
 
-  @ViewChild('editForm') editForm: NgForm;
+  @ViewChild('editForm', { static: false }) editForm: NgForm;
 
   constructor(private route: ActivatedRoute,
               private alertify: AlertifyService) { }