fix: TT-29 identation-and-code-structure-corrections

Author: jr-98

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

@@ -1,5 +1,9 @@
 <div class="table-responsive-sm">
-  <table *ngIf="customers" class="table table-bordered table-striped mb-0" datatable [dtTrigger]="dtTrigger"
+  <table
+    *ngIf="customers"
+    class="table table-bordered table-striped mb-0"
+    datatable
+    [dtTrigger]="dtTrigger"
     [dtOptions]="dtOptions">
     <thead class="thead-blue">
       <tr class="d-flex">
@@ -14,10 +18,19 @@
         <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 data-toggle="modal" data-target="#editModal" (click)="openEditModal(customer)" 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"
+          <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>
@@ -27,9 +40,25 @@
   </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>
-<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
+  *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

@@ -111,13 +111,13 @@ export class CustomerListComponent implements OnInit, OnDestroy, AfterViewInit {
     this.message = `Are you sure you want to delete ${item.name}?`;
     this.showModal = true;
   }
-  openEditModal(item: Customer) {
-    if (this.showCustomerForm === true) {
+
+    openEditModal(item: Customer) {
       this.idToEdit = item.id;
+    if (this.showCustomerForm === true) {
       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();
     }
   }