From b4fab723b67ade63045755eeb81c67f57729050e Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Fri, 24 May 2019 21:15:39 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt       |  2 +-
 ayanova/src/router.js          |  6 ++++++
 ayanova/src/views/notfound.vue | 24 ++++++++++++++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 ayanova/src/views/notfound.vue

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 9013f40b..c57c693a 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -56,7 +56,7 @@ TODO: LINTER ISSUES
 
 TODO: LOGIN navigate back to prior request when it triggers a login?
 	- Or would this cause a loop at times and fuck shit up?
-TODO UNDER CONSTRUCTION
+DONE UNDER CONSTRUCTION
 	- show under construction page in every item that has no current view so it's clear it's not just buggy and blank but purposefully so
 TODO: Trial mode client should offer alternative logins right on login page and fill in for user to try out
 	- So a list of user names and a short text of what that user is used for when testing
diff --git a/ayanova/src/router.js b/ayanova/src/router.js
index f9e2b9af..c4309fb5 100644
--- a/ayanova/src/router.js
+++ b/ayanova/src/router.js
@@ -6,6 +6,7 @@ import dispatch from "./views/dispatch.vue";
 import accounting from "./views/accounting.vue";
 import administration from "./views/administration.vue";
 import operations from "./views/operations.vue";
+import notfound from "./views/notfound.vue";
 
 Vue.use(Router);
 
@@ -75,6 +76,11 @@ export default new Router({
       name: "inventory-widget-edit",
       component: () =>
         import(/* webpackChunkName: "inventory-widget-edit" */ "./views/inventory-widget-edit.vue")
+    },
+    {
+      path: "*",
+      name: "notfound",
+      component: notfound
     }
   ]
 });
diff --git a/ayanova/src/views/notfound.vue b/ayanova/src/views/notfound.vue
new file mode 100644
index 00000000..356ee333
--- /dev/null
+++ b/ayanova/src/views/notfound.vue
@@ -0,0 +1,24 @@
+<template>
+  <v-container>
+    <v-layout justify-center>
+      <v-flex xs12>
+        <div class="text-xs-center">
+          <v-icon color="red" size="100">fa-dragon</v-icon>
+          <div class="headline">{{"404 - " + this.$gzlocale.get("ErrorAPI2010")}}</div>
+        </div>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>
+
+<script>
+export default {
+  beforeCreate() {
+    this.$gzevent.$emit("menu-change", {
+      isMain: true,
+      icon: "fa-dragon",
+      title: "404 - " + this.$gzlocale.get("ErrorAPI2010")
+    });
+  }
+};
+</script>