added export to excel functionality in transaction logs

3 weeks ago · 2dd260fc51
parent 60b0ceddf9
commit 2dd260fc51
4 changed files with 17 additions and 3 deletions
--- a/src/app/transaction-logs/transaction-logs.component.html
+++ b/src/app/transaction-logs/transaction-logs.component.html
@ -21,6 +21,9 @@
                    <div class="card mb-0 mt-2">
                      <div class="card-header font-edit-13-child d-flex justify-content-between align-items-center">
                        {{'transactionLogs' | translate}}
+                        <div class="d-flex align-items-center gap-2">
+                          <i (click)="exportDataInExcel()" id="downloadReport" class="fa fa-download"></i>
+                        </div>
                        
                      </div>

--- a/src/app/transaction-logs/transaction-logs.component.ts
+++ b/src/app/transaction-logs/transaction-logs.component.ts
@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { TransactionLogService } from '../shared/services/transaction-log.service';
 import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
+import { ExcelExportService } from '../shared/services/excel-export.service';
+import { TRANSACTION_LOGS_FILE_NAME } from '../utils/app.constants';

 interface TransactionLog {
  logId: number;
@ -31,7 +33,10 @@ export class TransactionLogsComponent implements OnInit {
  isLoading = false;
  errorMessage: string = '';

-  constructor(private transactionLogService: TransactionLogService) {}
+  constructor(
+    private transactionLogService: TransactionLogService,
+    private excelExportService: ExcelExportService
+  ) {}

  ngOnInit(): void {
    this.loadLogs();
@ -53,4 +58,8 @@ export class TransactionLogsComponent implements OnInit {
      }
    });
  }
+
+  exportDataInExcel(){
+    this.excelExportService.exportExcel(this.logs, TRANSACTION_LOGS_FILE_NAME)
+  }
 }
--- a/src/app/utils/app.constants.ts
+++ b/src/app/utils/app.constants.ts
@ -35,4 +35,6 @@ export const EXCEL_FILE_TYPE = 'application/vnd.openxmlformats-officedocument.sp

 export const EXCEL_FILE_EXTENSION = '.xlsx';

-export const LOGGING_DETAILS_FILE_NAME = 'logging-manager-details'
+export const LOGGING_DETAILS_FILE_NAME = 'logging-manager-details';
+
+export const TRANSACTION_LOGS_FILE_NAME = 'transaction-logs-details';
--- a/src/index.html
+++ b/src/index.html
@ -5,7 +5,7 @@
  <title>ACONNECTUX</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/png" href="assets/images/mfsys-logo.png">
 </head>
 <body>
  <app-root></app-root>