meme form update

public/assets/js/meme/form.js

@@ -0,0 +1,68 @@
+$(function () {
+  $("form").submit(function (e) {
+    e.preventDefault();
+
+    $("#file-progress").removeClass("hidden");
+
+    var formData = new FormData();
+    var file = document.getElementById("seq-file").files[0];
+    var filename = document.getElementById("seq-file").files[0].name;
+
+    formData.append("files", file);
+    formData.append("datatype", $("select[name='datatype']").val());
+    formData.append("gencodeid", $("select[name='gencodeid']").val());
+    formData.append("mail", $("input[name='mail']").val());
+
+    var action_url = $("#msa-form").attr("action");
+
+    var xhr = new XMLHttpRequest();
+
+    xhr.open("post", action_url, true);
+
+    xhr.upload.onprogress = function (e) {
+      if (e.lengthComputable) {
+        var percentage = (e.loaded / e.total) * 100;
+
+        $("#seq-file").css("display", "none");
+        $(".progress .progress-bar").css("width", percentage + "%");
+      }
+    };
+
+    xhr.onerror = function (e) {
+      $("#file-progress").html(e);
+    };
+
+    xhr.onload = function (res) {
+      // Replace field with green text, name of file
+      var result = JSON.parse(this.responseText);
+
+      if (_.has(result, "error")) {
+        $("#modal-error-msg").text(result.error);
+        $("#errorModal").modal();
+        $("#file-progress").css("display", "none");
+        $("#seq-file").css("display", "block");
+        $(".progress .progress-bar").css("width", "0%");
+      } else if ("error" in result.analysis) {
+        $("#modal-error-msg").text(result.analysis.error);
+        $("#errorModal").modal();
+        $("#file-progress").css("display", "none");
+        $("#seq-file").css("display", "block");
+        $(".progress .progress-bar").css("width", "0%");
+      } else if ("upload_redirect_path" in result) {
+        window.location.href = result.upload_redirect_path;
+      } else {
+        $("#modal-error-msg").text(
+          "We received data in an unexpected format from the server."
+        );
+        $("#errorModal").modal();
+        $("#file-progress").css("display", "none");
+        $("#seq-file").css("display", "block");
+        $(".progress .progress-bar").css("width", "0%");
+      }
+    };
+
+    xhr.send(formData);
+  });
+
+  $(".mail-group").change(datamonkey.helpers.validate_email);
+});