Lm/toasted errors

package.json

@@ -56,6 +56,7 @@
     "vue-responsive-components": "^0.2.3",
     "vue-router": "^3.0.7",
     "vue-select": "^3.1.0",
+    "vue-toasted": "^1.1.27",
     "vue2-hammer": "^2.1.2",
     "vuedraggable": "^2.23.0",
     "vuesax": "^3.9.0",

src/components/FileReader.vue

@@ -43,7 +43,21 @@ export default {
       let file = ev.target.files[0];
       // Submit it to be loaded
       let unique_id = this.$store.getters["data/nextFreeFileID"];
-      this.$store.dispatch("intake/loadFile", {file, unique_id});
+      let self = this;
+      this.$store.dispatch("intake/loadFile", {
+        file, 
+        unique_id, 
+        parse_error_callback: function(err) {
+          if(err instanceof SyntaxError)
+          {
+            let toast = self.$toasted.show("Failed to parse uploaded file, please verify that file is properly formatted json", { 
+              theme: "bubble", 
+              position: "top-center", 
+              duration : 5000
+            });
+          }
+        }
+      });
       // Go to that directory
       this.$router.push("/results/" + unique_id)
     },

src/main.ts

@@ -53,6 +53,10 @@ require("@/assets/styles/jquery.dataTables.min.css");
 require("@/assets/styles/prism.css");
 require("@/assets/styles/prism-line-numbers.min.css");
 
+// Vue toasted
+import Toasted from "vue-toasted";
+Vue.use(Toasted);
+
 dom.watch();
 
 library.add(fas, far);