From 62466e7d94f43549a8197da84717522af25de9f6 Mon Sep 17 00:00:00 2001
From: sifihog <34435508+sifihog@users.noreply.github.com>
Date: Fri, 31 Jan 2020 01:21:59 -0500
Subject: [PATCH] Added 'Download' button

Added download button to allow for log download in CSV format.
---
 examples/index.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/examples/index.html b/examples/index.html
index 1753797..1b44832 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -55,6 +55,7 @@ <h1>WebJack Demo</h1>
   <p>
     <button class="btn-baud">Change baud</button>
     <button class="btn-freq">Change frequencies</button>
+    <button class="btn-dl">Download</button>
   </p>
 
   <script>
@@ -169,6 +170,21 @@ <h1>WebJack Demo</h1>
       var baud = prompt('Enter a baud (speed) that is a factor of 44100 and under 1225',441);
       if (baud) connection.setBaud(baud);
     });
+    $('.btn-dl').click(function() {
+      // unicode and data type header for download href
+      var csv = "data:text/csv;charset=utf-8," + connection.history.received.join('\n');
+      // encode received data for utf8
+      var encodedUri = encodeURI(csv);
+      
+      // hidden link created for HTML download attribute
+      var link = document.createElement("a");
+      link.setAttribute("href", encodedUri);
+      link.setAttribute("download", new Date().toJSON().slice(0,10).replace(/-/g,'/')+'.csv');
+      document.body.appendChild(link); // Required for FF
+      link.click();
+      // removed hidden html link for cleanliness
+      document.body.removeChild(link);     
+    });
 
   </script>
   <script src="fft/sketch.js"></script>