Continue #25: Send file via AJAX

Instead of just submitting a form, I'm now sending the file to be
imported via AJAX so that we can interpret the data once it is returned
from the server, and send our POSTs via the API (for non-duplicate
rows).

Note that future commits will assume that we're importing a csv of a
format like "Client.csv" in the examples directory.  Does that sound
right?

app/views/index.jade

@@ -17,6 +17,7 @@ html(lang="en")
     script(type='text/javascript', src='js/lib/FileSaver.js/FileSaver.min.js')
     script(type='text/javascript', src='js/lib/Blob.js/Blob.min.js')
     script(type='text/javascript', src='js/lib/sampleData.js')
+    script(type='text/javascript', src='js/jquery.csv.js')
     script(type='text/javascript', src='js/index.js')
 
   body
@@ -25,9 +26,9 @@ html(lang="en")
         img(src='img/OpenHMIS-logo.jpg')
       div#search
         h1 Client Search
-        form(action="/upload", method="post", enctype="multipart/form-data")
+        form(action="/upload", method="post", enctype="multipart/form-data" id="importForm")
           input#import_file(type='file' name="import.csv")
-          button#importAll(type='submit')
+          button#importAll(type='button')
         form#searchForm
           div.form-group
             input#searchField.form-control(name='searchField', type='text', placeholder='search by first or last name')

public/js/index.js

@@ -59,6 +59,10 @@ $(function() {
                 $("#searchForm #exportAll").click(function() {
                     exportAll();
                 });
+                $("#importAll").click(function() {
+                    importAll();
+                });
+
                 $("#intakeForm input").keyup(function(e) {
                     checkForChanges(data);
                 });
@@ -516,6 +520,25 @@ $(function() {
         console.log("DEBUG: done exporting enrollments");
     }
 
+    function importAll() {
+        // get file
+        var formData = new FormData();
+        formData.append('file', $('input[type=file]')[0].files[0]);
+        $.ajax("/upload", {
+            method: "POST",
+            data: formData,
+            processData: false,
+            contentType: false
+        }).done(function(response) {
+            console.log(response);
+            // read each line of file
+            // for each line, check whether ssn exists via API
+            // if it does, put that line in a list of duplicates
+            // if it doesn't, POST that line to the API
+            // display any duplicates to the user
+        });
+    }
+
     function switchToIntake(personalId, data_length, dataset) {
         // Reset all form fields.
         $("#intakeForm input[type='input']").val("");