penambahan UI update password

src/app/content/hemat-app/cost-management/cost-management.component.ts

@@ -426,7 +426,7 @@ export class CostManagementComponent implements OnInit {
     );
   }
 
-  export(){
+  export() {
     this.spinnerExportActive = true;
     setTimeout(() => {
       const columnsToExport = [

src/app/content/hemat-app/cost-management/modal-export/modal-export.component.html

@@ -2,6 +2,8 @@
   <h4 style="color: #ffffff; margin-bottom: 20px !important">
     Comparison of Water and Electricity Costs > {{ dataRow.building }}
   </h4>
+  <p style="color: #ffffff">Room : {{ dataRow?.roomName }}</p>
+  <p style="color: #ffffff">Category : {{ dataRow?.categoryName }}</p>
 
   <div class="card-dashboard">
     <ngx-datatable

src/app/content/hemat-app/cost-management/modal-export/modal-export.component.ts

@@ -29,6 +29,10 @@ export class ModalExportComponent {
 
   ngOnInit() {
     this.formattedEndDate = this.dataRow.endDate.slice(0, 7);
+  }
+
+  ngAfterViewInit(): void {
+    console.log(this.dataRow);
     this.fetchData(
       this.dataRow.categoryId,
       this.dataRow.roomId,
@@ -75,7 +79,7 @@ export class ModalExportComponent {
         columnsToExport
       );
       this.spinnerExportActive = false;
-      this.activeModal.close('Export completed');
+      this.activeModal.close("Export completed");
     }, 3000);
   }
 }