Add download CSV button

insper-education · Sep 11, 2023 · 0ede9bb · 0ede9bb
1 parent 0a9cfe1
commit 0ede9bb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/backend/app/dashboard/static/dashboard-progress.js b/backend/app/dashboard/static/dashboard-progress.js
@@ -264,6 +264,20 @@ function toggleVisibility() {
   }
 }
 
+function downloadCSV() {
+  let exportPlugin2 = hot.getPlugin('exportFile');
+  let blob = exportPlugin2.exportAsBlob('csv', {
+    columnHeaders: true,
+  });
+
+  //is there a better way to do this?
+  let downloadLink = document.createElement('a');
+  downloadLink.href = URL.createObjectURL(blob);
+  downloadLink.download = 'exercise_data.csv';
+  downloadLink.click();
+
+}
+
 document.addEventListener('DOMContentLoaded', function () {
 
   let active_button = document.getElementById("semester");

diff --git a/backend/app/dashboard/templates/dashboard/instructor-progress.html b/backend/app/dashboard/templates/dashboard/instructor-progress.html
@@ -17,6 +17,7 @@
     </datalist>
   </div>
   <button onclick="toggleVisibility()" class="btn btn-secondary">Toggle visualization</button>
+  <button onclick="downloadCSV()" class="btn btn-secondary">Download CSV</button>
   <div id="tags-list"></div>
 {% endblock %}