Export XLSX in PartnerProfile

src/app/dashboard/partner-details/partner-details.component.html

@@ -435,8 +435,8 @@
                         <h5> Export as </h5>
                     </header>
                     <div class="options">                    
-                        <button class="button" (click)="exportCSV()"> CSV </button>
-                        <button class="button" (click)="exportExcel()"> Excel </button>
+                        <button class="button" (click)="exportProfileData(0)"> CSV </button>
+                        <button class="button" (click)="exportProfileData(1)"> Excel </button>
                     </div>
                 </div>
             </ng-container>

src/app/dashboard/partner-details/partner-details.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import * as Papa from 'papaparse';
+import * as XLSX from 'xlsx'
 
 
 @Component({
@@ -27,8 +28,7 @@ export class PartnerDetailsComponent implements OnInit {
     }
 
 
-    loadCSVData(partnerData: any) {
-        JSON.stringify(partnerData).split
+    loadExportData(partnerData: any) {
 
         let csvArray = [{
                 "PortalID": partnerData.portalId ? partnerData.portalId : '-',
@@ -89,17 +89,25 @@ export class PartnerDetailsComponent implements OnInit {
         return csvArray;
     }
 
-    exportCSV() {
-        let csvData = Papa.unparse(this.loadCSVData(this.partnerDetails))
+    exportProfileData(index: number) {
+        let fileTypeXLS = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+        let fileTypeCSV = 'text/csv;charset=utf-8;';
+        let fileExtension = index === 0 ? '.csv' : '.xlsx';
         let element = document.createElement('a');
-        let blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
+        let blob;
+
+        if (index === 0) {
+            let csvData = Papa.unparse(this.loadExportData(this.partnerDetails));
+            blob = new Blob([csvData], { type: fileTypeCSV });
+        } else {
+            let ws = XLSX.utils.json_to_sheet(this.loadExportData(this.partnerDetails));
+            let wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };
+            let excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
+            blob = new Blob([excelBuffer], { type: fileTypeXLS });
+        }
         let url = URL.createObjectURL(blob);
         element.href = url;
-        element.setAttribute('download', 'PartnerProfile.csv');
+        element.setAttribute('download', 'PartnerProfile' + fileExtension);
         element.click();
     }
-
-    exportExcel() {
-
-    }
 }

src/app/dashboard/table/table.component.ts

@@ -172,6 +172,7 @@ export class TableComponent implements OnInit {
         element.href = url;
         element.setAttribute('download', 'PartnerProfile' + fileExtension);
         element.click();
-
     }
+
+    
 }