feat: TT-26 detect changes in projects and project types

Author: scastillo-jp

package-lock.json

@@ -26,22 +26,9 @@
             data-target="#editModal"
             class="btn btn-sm btn-primary"
           >
-            <i class="fa fa-pencil fa-xs">{{ haveChanges}}</i>
+            <i class="fa fa-pen fa-xs"></i>
           </button>
 
-          <app-dialog
-            *ngIf="showModal"
-            class="modal fade"
-            id="editModal"
-            tabindex="-1"
-            role="dialog"
-            aria-hidden="true"
-            [title]="'Edit Customer'"
-            [body]="message"
-            (closeModalEvent)="discardChanges(customer.id)"
-            >
-          </app-dialog>
-
           <button
             data-toggle="modal"
             data-target="#deleteModal"
@@ -68,4 +55,17 @@
   [body]="message"
   (closeModalEvent)="deleteCustomer()"
 >
+</app-dialog>
+
+<app-dialog
+  *ngIf="showModal"
+  class="modal fade"
+  id="editModal"
+  tabindex="-1"
+  role="dialog"
+  aria-hidden="true"
+  [title]="'Edit Customer'"
+  [body]="message"
+  (closeModalEvent)="discardChanges()"
+  >
 </app-dialog>

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

@@ -32,6 +32,7 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
   changeCustomerSubscription: Subscription;
   showModal = false;
   idToDelete: string;
+  idToEdit: string;
   message: string;
   isLoading$: Observable<boolean>;
 
@@ -78,6 +79,7 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
   }
 
   editCustomer(customerId: string) {
+    this.idToEdit = customerId;
     if (this.haveChanges === true) {
       this.message = `Do you have changes in a client, do you want to discard them?`;
       this.showModal = true;
@@ -90,12 +92,12 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
     }
   }
 
-  discardChanges(customerId: string) {
-    this.showCustomerForm = true;
+  discardChanges() {
     this.showModal = false;
     this.changeValueShowCustomerForm.emit(this.showCustomerForm);
     this.resetProjectFieldsToEdit();
-    this.store.dispatch(new SetCustomerToEdit(customerId));
+    this.store.dispatch(new SetCustomerToEdit(this.idToEdit));
+    this.showCustomerForm = true;
   }
 
   private resetProjectFieldsToEdit() {