fix: TT-29 Modal-implemented

Author: jr-98

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

@@ -14,7 +14,7 @@
         <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 data-toggle="modal" data-target="#editModal" (click)="openEditModal(customer)" 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"
@@ -30,3 +30,6 @@
 <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>
+<app-dialog *ngIf="showModal" class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-hidden="true"
+  [title]="'Edit Customer'" [body]="message" (closeModalEvent)="editCustomer()">
+</app-dialog>

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

@@ -13,8 +13,7 @@ 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';
+import { EntryState } from 'src/app/modules/time-clock/store/entry.reducer';
 @Component({
   selector: 'app-customer-list',
   templateUrl: './customer-list.component.html',
@@ -33,6 +32,7 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
   changeCustomerSubscription: Subscription;
   showModal = false;
   idToDelete: string;
+  idToEdit: string;
   message: string;
   isLoading$: Observable<boolean>;
 
@@ -78,10 +78,10 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
     this.dtTrigger.unsubscribe();
   }
 
-  editCustomer(customerId: string) {
+  editCustomer() {
     this.showCustomerForm = true;
     this.changeValueShowCustomerForm.emit(this.showCustomerForm);
-    this.store.dispatch(new SetCustomerToEdit(customerId));
+    this.store.dispatch(new SetCustomerToEdit(this.idToEdit));
     this.resetProjectFieldsToEdit();
   }
 
@@ -111,13 +111,14 @@ 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;
+  openEditModal(item: Customer) {
+    if (this.showCustomerForm === true) {
+      this.idToEdit = item.id;
       this.message = `The changes will lose. Are you sure you change to customer ${item.name}?`;
       this.showModal = true;
+    } else {
+      this.idToEdit = item.id;
+      this.editCustomer();
     }
-  }*/
+  }
 }