Simple Excel export

Author: perki

dr-controler.js

@@ -1,5 +1,5 @@
 import { drLib } from './dr-lib.js';
-import { exportCSVFile } from './exportToCSV.js';
+import { exportXLSFile } from './exporToXLS.js';
 
 /**
  * UI management code. 
@@ -77,8 +77,8 @@ async function showQuestionnary(questionaryId) {
 
   setSharingLink(questionaryId);
   const {headers, patientsData} = await setPatientList(questionaryId);
-  document.getElementById('button-download').onclick = () => {
-    exportCSVFile(headers, patientsData, 'patients');
+  document.getElementById('button-download').onclick = async () => {
+    await exportXLSFile(headers, patientsData, 'patients');
   }
   document.getElementById('questionnary-view').style.display = 'block';
 }

dr-patient-view-controler.js

@@ -1,5 +1,5 @@
 import { drPatientLib  } from "./dr-patient-view-lib.js";
-import { exportCSVFile } from "./exportToCSV.js";
+import { exportXLSFile } from './exporToXLS.js';
 import { patientLib } from "./patient-lib.js";
 /**
  * Based on 
@@ -12,6 +12,8 @@ import { patientLib } from "./patient-lib.js";
 
 
 let infos;
+let username;
+let qId;
 window.onload = async (event) => {
   const { patientApiEndpoint, questionaryId } = getRequestFrormApiEndPoint();
   infos = await drPatientLib.setRefresh(patientApiEndpoint, questionaryId, refresh)
@@ -22,8 +24,10 @@ window.onload = async (event) => {
   const formTitle = document.getElementById('card-questionnary-details-title');
   formTitle.innerHTML = patientLib.getFormTitle(questionaryId);
 
+  qId = questionaryId;
+
   // -- set patient Id
-  const username = infos.user.username;
+  username = infos.user.username;
   document.getElementById('patient-label').innerHTML = username;
 }
 
@@ -43,8 +47,8 @@ const downloadHeaders = Object.assign({
 
 async function refresh (lines) {
   // -- set download button
-  document.getElementById('button-download').onclick = () => {
-    exportCSVFile(downloadHeaders, lines, username + '-' + questionaryId);
+  document.getElementById('button-download').onclick = async () => {
+    await exportXLSFile(downloadHeaders, lines, username + '-' + qId);
   };
 
   // -- update table

exporToXLS.js

@@ -0,0 +1,27 @@
+// add XML export to file
+import "https://unpkg.com/write-excel-file@1.x/bundle/write-excel-file.min.js";
+
+export async function exportXLSFile(headers, lines, fileTitle) {
+  try {
+    console.log({ headers, lines });
+
+    const schema = Object.entries(headers).map((h) => {
+      const key = h[0];
+      return {
+        column: h[1],
+        value: function (e) {
+          return e[key];
+        },
+      };
+    });
+
+
+    const exportedFilename = fileTitle + ".xlsx" || "export.xlsx";
+    await writeXlsxFile(lines, {
+      schema,
+      fileName: exportedFilename,
+    });
+  } catch (e) {
+    console.log(e, e.stack);
+  }
+}

exportToCSV.js

@@ -5,7 +5,7 @@ function fenceLine(items) {
     return '"' + items.map(i => i.replaceAll('"','\'\'')).join('","') + '"\r\n';
 }
 
-export function exportCSVFile(headers, lines, fileTitle) {
+export async function exportCSVFile(headers, lines, fileTitle) {
   let csv = fenceLine(Object.values(headers));
 
   for (const line of lines) {