alert when gcode not found

src/js/control-view.js

@@ -49,6 +49,7 @@ module.exports = {
       showNoGcodeMessage: false,
       macrosLoading: false,
       show_gcodes: false,
+      GCodeNotFound: false,
     };
   },
 
@@ -320,6 +321,11 @@ module.exports = {
         return;
       }
 
+      if (!this.state.files.includes(this.state.selected)) {
+        this.GCodeNotFound = true;
+        return;
+      }
+
       this.last_file = file;
       this.last_file_time = file_time;
 
@@ -617,7 +623,6 @@ module.exports = {
             }
             return true;
           });
-          console.log(this.config.gcode_list);
           this.save_config(this.config);
         }
       }
@@ -771,7 +776,6 @@ module.exports = {
         }
         try {
           this.load();
-          console.log("selected", this.state);
           if (this.state.macros[id].alert == true) {
             this.macrosLoading = true;
           } else {

src/pug/templates/control-view.pug

@@ -30,6 +30,14 @@ script#control-view-template(type="text/x-template")
           button.pure-button(@click="macrosLoading=false") Cancel
           button.pure-button.pure-button-primary(@click="start_pause") Run
     
+    message(:show.sync="GCodeNotFound")
+      h3(slot="header") File not found
+      div(slot="body")
+          p It seems like the file you selected cannot be found. Try uploading again.
+      div(slot="footer")
+        button.pure-button.button-error(@click="GCodeNotFound=false")
+          | OK
+
     table(style="table-layout: fixed; width: 100%;")
       tr(style="height: fit-content;")
         td(style="white-space: nowrap; width: 410px;", rowspan="2")