Merge pull request #13 from dacarley/unresponsive-ui

Fixed the "stuck invisible modal" problem mostly by removing animations

src/js/control-view.js

@@ -97,13 +97,12 @@ module.exports = {
     
     'state.bitDiameter': {
       handler: function (bitDiameter) {
-        console.log("New bitDiameter " + bitDiameter);
-        console.log("Units: " + this.mach_units);
-        if(this.mach_units == 'IMPERIAL')
+        if(this.mach_units == 'IMPERIAL') {
           this.tool_diameter = bitDiameter / 25.4;
-        else
+        }
+        else {
           this.tool_diameter = bitDiameter;
-        console.log("Tool diameter: " + this.tool_diameter);
+        }
       },
       immediate: true
     },
@@ -482,25 +481,23 @@ module.exports = {
 
       this.showGcodeMessage = true;
 
-      let done = false;
-      while (!done) {
+      while (this.showGcodeMessage) {
         const toolpath = await api.get(`path/${file}`);
+        this.toolpath_progress = toolpath.progress;
 
         if (typeof toolpath.progress == 'undefined') {
-          done = true;
+          this.showGcodeMessage = false
+
           toolpath.filename = file;
           this.toolpath_progress = 1;
-          this.showGcodeMessage = false;
           this.toolpath = toolpath;
 
-          var state = this.$root.state;
-          var bounds = toolpath.bounds;
-          for (var axis of 'xyzabc') {
+          const state = this.$root.state;
+          const bounds = toolpath.bounds;
+          for (let axis of 'xyzabc') {
             Vue.set(state, 'path_min_' + axis, bounds.min[axis]);
             Vue.set(state, 'path_max_' + axis, bounds.max[axis]);
           }
-        } else {
-          this.toolpath_progress = toolpath.progress;
         }
       }
     },

src/pug/templates/message.pug

@@ -26,7 +26,7 @@
 //-/////////////////////////////////////////////////////////////////////////////
 
 script#message-template(type="text/x-template")
-  .modal-mask(v-show="show", transition="modal")
+  .modal-mask(v-if="show")
     .modal-wrapper
       .modal-container
         .modal-header