feat(analytics): excel export of reports table (#2691)

packages/analytics/addon/components/ca-report-preview.hbs

@@ -4,7 +4,16 @@
       <UkSpinner @ratio={{1}} />
     </div>
   {{else}}
-    <table class="uk-table uk-table-divider uk-table-striped">
+    <UkButton
+      class="uk-button uk-button-primary uk-float-right uk-margin-small-top"
+      {{on "click" this.exportTable}}
+    >
+      {{t "caluma.analytics.preview.export"}}
+    </UkButton>
+    <table
+      class="uk-table uk-table-divider uk-table-striped"
+      id="reports-table"
+    >
       <thead>
         <tr>
           {{#each this.data.value.headings as |header|}}

packages/analytics/addon/components/ca-report-preview.js

@@ -1,9 +1,12 @@
+import { action } from "@ember/object";
+import { next } from "@ember/runloop";
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 import { queryManager } from "ember-apollo-client";
 import { task } from "ember-concurrency";
 import { trackedTask } from "reactiveweb/ember-concurrency";
+import * as XLSX from "xlsx";
 
 import getAnalyticsResultsQuery from "@projectcaluma/ember-analytics/gql/queries/get-analytics-results.graphql";
 
@@ -58,4 +61,17 @@ export default class CaReportPreviewComponent extends Component {
     }
     return null;
   }
+
+  @action
+  exportTable() {
+    next(() => {
+      const wb = XLSX.utils.table_to_book(
+        document.getElementById("reports-table"),
+      );
+      XLSX.writeFile(
+        wb,
+        `${new Date().toLocaleDateString()}_${this.args.slug}.xlsx`,
+      );
+    });
+  }
 }

packages/analytics/package.json

@@ -35,7 +35,8 @@
     "ember-uikit": "^9.1.1",
     "ember-validated-form": "^7.0.1",
     "graphql": "^15.8.0",
-    "reactiveweb": "^1.2.2"
+    "reactiveweb": "^1.2.2",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
   },
   "//": [
     "TODO: remove obsolete dependency to `ember-data` which is only necessary",

packages/analytics/tests/integration/components/ca-report-preview-test.js

@@ -9,14 +9,11 @@ module("Integration | Component | ca-report-preview", function (hooks) {
   setupRenderingTest(hooks);
   setupIntl(hooks);
 
-  test.skip("it renders", async function (assert) {
+  test("it renders", async function (assert) {
     await render(hbs`<CaReportPreview />`);
 
-    assert
-      .dom(this.element)
-      .hasText(
-        "t:caluma.analytics.sections.table-preview:() t:caluma.analytics.preview.refresh:() t:caluma.analytics.preview.download:()",
-      );
+    assert.dom(this.element).hasText("t:caluma.analytics.preview.export:()");
+    assert.dom(this.element.querySelector("#reports-table")).exists();
   });
 
   todo("it renders table data", async function () {});

packages/analytics/translations/de.yaml

@@ -48,3 +48,5 @@ caluma:
       cases: Dossiers
       work-items: Aufgaben
       documents: Dokumente
+    preview:
+      export: Export

packages/analytics/translations/en.yaml

@@ -48,3 +48,5 @@ caluma:
       cases: Cases
       work-items: Work items
       documents: Documents
+    preview:
+      export: Export

packages/analytics/translations/fr.yaml

@@ -48,3 +48,5 @@ caluma:
       cases: Dossiers
       work-items: Tâches
       documents: Documents
+    preview:
+      export: Export