add preliminary prefix implementation

Author: Jessica Shi

codegen.html

@@ -73,6 +73,13 @@ <h6 style="margin-bottom: 0px; margin-top: 18px">Input a tensor algebra expressi
                       <ul id="listExamples" class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="btnExamples"></ul>
                     </div>
                   </td>
+                  <td style="width:150px; padding-right:15px">
+                    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label" 
+                    style="width:100%">
+                      <input id="prefix" class="mdl-textfield__input" style="font-family: monospace" spellcheck="false" autocomplete="off" autocorrect="false" autocapitalize="false">
+                      <label class="mdl-textfield__label">(Optional) Prefix</label>
+                    </div>
+                  </td>
                   <td style="width: 200px">
                     <button id="btnGetKernel" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect demo-btn">Generate Kernel</button>
                   </td>

javascripts/demo.js

@@ -4,7 +4,8 @@ function demo() {
       expression: "",
       tensorOrders: {},
       error: "",
-      indices: []
+      indices: [],
+      prefix: ""
     },
     schedule: [],
     output: {
@@ -30,7 +31,6 @@ function demo() {
       }
     },
     updateScheduleView: function() {
-      console.log(model.schedule);
       model.removeInvalidIndices();
       model.removeInvalidAccesses();
       model.scheduleView(0);
@@ -81,6 +81,11 @@ function demo() {
       }
       model.updateInputViews();
     },
+    setPrefix: function(prefix) {
+      model.cancelReq();
+      model.setOutput("", "", "", "");
+      model.input.prefix = prefix;
+    },
     setOutput: function(computeLoops, assemblyLoops, fullCode, error) {
       model.output = { computeLoops: computeLoops,
                        assemblyLoops: assemblyLoops,
@@ -1008,6 +1013,10 @@ function demo() {
       command += ")";
     }
 
+    // if (model.input.prefix) {
+    //   command += " -prefix=\"" + model.input.prefix + "\""; 
+    // }
+
     var req = $.ajax({
         type: "POST",
         url: "http://tensor-compiler-online.csail.mit.edu",
@@ -1138,4 +1147,8 @@ function demo() {
   $("#btnGPU").click(function() {
     model.setSchedule(default_GPU_schedules[$(this).attr('data-val')]);
   });
+
+  $("#prefix").keyup(function() {
+    model.setPrefix($("#prefix").val());
+  });
 }