Merge pull request #143 from Apes2getherStrong/hotfix-broken-forms

hotfix broken forms

src/app/header/header.component.html

@@ -1,7 +1,7 @@
 <div class="nav-container">
 
   <div (click)="collapsed = true" class="nav-header">
-    <a routerLink="/">WayToGo fix1 </a>
+    <a routerLink="/">WayToGo fix2 </a>
   </div>
 
   <div style="flex-grow: 1"></div>

src/app/route/route-edit/route-edit.component.css

@@ -0,0 +1,4 @@
+input[type="text"], textarea {
+  -webkit-user-select: auto;
+  user-select: auto;
+}

src/app/route/route-edit/route-edit.component.html

@@ -28,7 +28,8 @@ <h2 *ngIf="editMode" class="card-title">Editing Route</h2>
 
             <div class="form-group mt-3">
               <label class="card-text" for="name">Name</label>
-              <input class="form-control" formControlName="name" id="name" type="text">
+              <input class="form-control" formControlName="name" id="name"
+                     type="text" autocomplete="off" (focus)="onFocus($event)">
             </div>
 
             <div class="form-group">

src/app/route/route-edit/route-edit.component.ts

@@ -200,4 +200,8 @@ export class RouteEditComponent implements OnInit, CanComponentDeactivate {
         });
     }
   }
+
+  onFocus(event: Event): void {
+    event.preventDefault();
+  }
 }

src/app/shared/guards/can-deactivate-form-guard.service.ts

@@ -9,7 +9,7 @@ export class CanDeactivateFormGuardService {
   constructor(private confirmationDialogService: ConfirmationDialogService) {}
 
   canDeactivateForm(isDirty: boolean):Promise<boolean> {
-    if (isDirty) {
+    /*if (isDirty) {
       return new Promise((resolve) => {
         this.confirmationDialogService
           .confirm(
@@ -24,6 +24,19 @@ export class CanDeactivateFormGuardService {
       });
     } else {
       return Promise.resolve(true);
-    }
+    }*/
+
+    return new Promise((resolve) => {
+      this.confirmationDialogService
+        .confirm(
+          'Confirm Exiting',
+          `You are about to exit without saving the changes. Do you want to proceed?`,
+          'Yes',
+          'Cancel'
+        )
+        .subscribe((confirmed: boolean) => {
+          resolve(confirmed);
+        });
+    });
   }
 }