Merge pull request #216 from UUDigitalHumanitieslab/feature/export

Export to Excel and CSV
UUDigitalHumanitieslab · Sep 5, 2024 · 38ec5e5 · 38ec5e5
2 parents 5fd4d35 + 5026e26
commit 38ec5e5
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 1 deletion.
diff --git a/frontend/vre/index.html b/frontend/vre/index.html
@@ -53,6 +53,7 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/[email protected]/backbone-min.js"></script>
         <script src="https://unpkg.com/[email protected]/dist/js/tabulator.min.js"></script>
+        <script src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.mini.min.js"></script>
         <script src="/static/bundle.js"></script>
     </body>
 </html>
diff --git a/frontend/vre/record/record.list.managing.view.js b/frontend/vre/record/record.list.managing.view.js
@@ -20,6 +20,8 @@ export var RecordListManagingView = CompositeView.extend({
             this.vreCollectionsSelect.submitForm(event, selection);
         },
         'click .more-records': 'loadMore',
+        'click .download-xlsx': 'downloadXLSX',
+        'click .download-csv': 'downloadCSV',
     },
 
     initialize: function(options) {
@@ -39,4 +41,12 @@ export var RecordListManagingView = CompositeView.extend({
     loadMore: function(event) {
         this.collection.trigger('moreRequested', event);
     },
+
+    downloadXLSX: function() {
+        this.recordListView.downloadXLSX();
+    },
+
+    downloadCSV: function() {
+        this.recordListView.downloadCSV();
+    },
 });
diff --git a/frontend/vre/record/record.list.managing.view.mustache b/frontend/vre/record/record.list.managing.view.mustache
@@ -1,2 +1,6 @@
 <h4 id="search-feedback"></h4>
-<a href="#" class="more-records">Load more records</a>
+<ul class="inline-list">
+    <li><a href="#" class="more-records">Load more records</a></li>
+    <li><a href="#" class="download-xlsx">Download XLSX</a></li>
+    <li><a href="#" class="download-csv">Download CSV</a></li>
+</ul>
diff --git a/frontend/vre/record/record.list.view.js b/frontend/vre/record/record.list.view.js
@@ -64,4 +64,12 @@ export var RecordListView = Backbone.View.extend({
             this.table.replaceData(data);
         }
     },
+
+    downloadXLSX: function() {
+        this.table.download("xlsx", "edpop.xlsx", {sheetName: "EDPOP"});
+    },
+
+    downloadCSV: function() {
+        this.table.download("csv", "edpop.csv");
+    },
 });