added file upload option

2 files changed, 70 insertions, 10 deletions

diff --git a/static/website/js/cloud.js b/static/website/js/cloud.js
index fc0bbfc..7d7d5dd 100644
--- a/static/website/js/cloud.js
+++ b/static/website/js/cloud.js
@@ -1005,13 +1005,50 @@ $(document.body).ready(function() {
         e.preventDefault();
 
     });
-    //on hover pop the disclaimer
-    /*
-     $("#disclaimer").hover(function() {
-               $('#disclaimer-text').modal({
-            show: true
-        });
-      });
-     */
+
+$(document).on("click", "#fileuploadsubmit", function() {
+
+    if(confirm("Uploaded file last only till sesstion. Use direct file name for execution.")){
+        var name = doSubmit();
+        $("<span>" + name + "</span>").insertAfter("#uploaddataset");
+        $("#uploaddatasetModal").modal('hide');
+        $("#uploaddataset").hide();
+    }
+    else{
+        return false;
+    }
+
+  
+
+});
+
+$(document).on("click", "#reset", function() {
+    if(confirm("Are you sure you want to reset? Reset will clear of your data/uploaded file.")){
+        document.location.reload(true);
+    }
+    else{
+        return false;
+    }
+});
 
 }); //document.readOnly()
+
+function doSubmit(){
+    // Form Data
+    var formData = new FormData();
+
+    var fileSelect = document.getElementById("fileSelect");
+    if(fileSelect.files && fileSelect.files.length == 1){
+        var file = fileSelect.files[0]
+        formData.set("file", file , file.name);
+    }
+
+    var session_id = document.getElementById("session_id");
+    formData.set("session_id", session_id.value)
+    // Http Request  
+    var request = new XMLHttpRequest();
+    request.open('POST', "http://10.101.201.190:8001/upload");
+    request.send(formData);
+    return (fileSelect.files[0].name);
+}
+
diff --git a/static/website/templates/index.html b/static/website/templates/index.html
index 56989ab..d431a4c 100644
--- a/static/website/templates/index.html
+++ b/static/website/templates/index.html
@@ -215,6 +215,29 @@
                     <br>
                     <input type="hidden" id="session_id" name="session_id" value="{{ session_id }}">
                     <a id="execute" class="btn btn-dark text-white"><span id="execute-inner">Execute</span></a>
+                     <!-- Trigger the modal with a button -->
+                      <button id="uploaddataset" type="button" class="btn btn-dark text-white" data-toggle="modal" data-target="#uploaddatasetModal">Upload Dataset</button>
+                       <button id="reset" type="button" class="btn btn-dark text-white" data-dismiss="modal">Reset</button>
+
+                      <!-- Modal -->
+                      <div class="modal fade" id="uploaddatasetModal" role="dialog">
+                        <div class="modal-dialog">
+                          <!-- Modal content-->
+                          <div class="modal-content">
+                            <div class="modal-header">
+                            </div>
+                            <div class="modal-body">
+<form>
+  <input type="file" id="fileSelect"/>
+  <button id="fileuploadsubmit" type="button" >Upload</button>
+</form>
+                            </div>
+                            <div class="modal-footer">
+                              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
 
                 </div>
             </div>
@@ -571,14 +594,14 @@
         </div>
     </div>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-82999923-4"></script>
+    <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-82999923-4"></script>
     <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
 
      gtag('config', 'UA-82999923-4');
-    </script>
+    </script> -->
     <!-- -- diff wrapper ends---------------------------------- -->
     <script src="{% static 'website/bootstrap-4.1.0/js/jquery.min.js' %}"></script>
     <script src="{% static 'website/bootstrap-4.1.0/js/popper.min.js' %}"></script>