fix: TT-29 Warn-of-unsaved-changes-on-customer-page

Author: jr-98

src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.html

@@ -1,11 +1,6 @@
 <div class="table-responsive-sm">
-  <table
-    *ngIf="customers"
-    class="table table-bordered table-striped mb-0"
-    datatable
-    [dtTrigger]="dtTrigger"
-    [dtOptions]="dtOptions"
-  >
+  <table *ngIf="customers" class="table table-bordered table-striped mb-0" datatable [dtTrigger]="dtTrigger"
+    [dtOptions]="dtOptions">
     <thead class="thead-blue">
       <tr class="d-flex">
         <th class="col-5 text-center">Customer ID</th>
@@ -19,20 +14,11 @@
         <td class="col-5 text-break">{{ customer.id }}</td>
         <td class="col-3 text-break">{{ customer.name }}</td>
         <td class="col-4 text-center">
-          <button
-            (click)="editCustomer(customer.id)"
-            type="button"
-            class="btn btn-sm btn-primary"
-          >
+          <button (click)="editCustomer(customer.id)" type="button" class="btn btn-sm btn-primary">
             <i class="fa fa-pencil fa-xs"></i>
           </button>
-          <button
-            data-toggle="modal"
-            data-target="#deleteModal"
-            (click)="openModal(customer)"
-            type="button"
-            class="btn btn-sm btn-danger ml-2"
-          >
+          <button data-toggle="modal" data-target="#deleteModal" (click)="openModal(customer)" type="button"
+            class="btn btn-sm btn-danger ml-2">
             <i class="fa fa-trash-alt fa-xs"></i>
           </button>
         </td>
@@ -41,15 +27,6 @@
   </table>
 </div>
 
-<app-dialog
-  *ngIf="showModal"
-  class="modal fade"
-  id="deleteModal"
-  tabindex="-1"
-  role="dialog"
-  aria-hidden="true"
-  [title]="'Delete Customer'"
-  [body]="message"
-  (closeModalEvent)="deleteCustomer()"
->
+<app-dialog *ngIf="showModal" class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-hidden="true"
+  [title]="'Delete Customer'" [body]="message" (closeModalEvent)="deleteCustomer()">
 </app-dialog>

src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.ts

@@ -13,6 +13,8 @@ import {
 } from './../../../../store/customer-management.actions';
 import { ResetProjectToEdit } from '../../../projects/components/store/project.actions';
 import { ResetProjectTypeToEdit } from '../../../projects-type/store';
+//import { EntryState } from 'src/app/modules/time-clock/store/entry.reducer';
+//import { ConsoleReporter } from 'jasmine';
 @Component({
   selector: 'app-customer-list',
   templateUrl: './customer-list.component.html',
@@ -109,5 +111,13 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
     this.message = `Are you sure you want to delete ${item.name}?`;
     this.showModal = true;
   }
-
+  /*openEditModal(customerId: string) {
+    if(){
+      editCustomer(customer.id)
+    }else{
+      this.idToDelete = item.id;
+      this.message = `The changes will lose. Are you sure you change to customer ${item.name}?`;
+      this.showModal = true;
+    }
+  }*/
 }