Fix routing (#43)

ui/src/App.vue

@@ -4,7 +4,7 @@
       <v-list>
         <v-list-item class="px-2" :to="{ name: 'Home' }">
           <v-list-item-avatar rounded="0">
-            <v-img src="/flask_white.svg" :width="40"></v-img>
+            <v-img src="/static/flask_white.svg" :width="40"></v-img>
           </v-list-item-avatar>
           <v-list-item-content>
             <v-list-item-title class="title">
@@ -132,9 +132,7 @@
       </v-btn>
 
     </v-app-bar>
-    <div>
-      <router-view></router-view>
-    </div>
+    <router-view></router-view>
     <v-snackbar v-model="snackbar" :color="$store.state.alert.type" :timeout="$store.state.alert.type === 'error' ? -1 : 5000" outlined>
       <b style="display: block">{{ $store.state.alert.name | capitalize }}</b>
       {{ $store.state.alert.detail }}
@@ -190,6 +188,8 @@ export default Vue.extend({
       return this.$store.state.showAlert
     },
     crumbs: function() {
+      this.$route.name
+
       let pathArray = this.$route.path.split("/")
       pathArray.shift()
 

ui/src/router/index.ts

@@ -29,6 +29,7 @@ import TicketType from '../views/TicketType.vue';
 import TicketTypeList from "@/views/TicketTypeList.vue";
 import TaskList from "@/views/TaskList.vue";
 import Settings from "@/views/Settings.vue";
+import NotFound from "@/views/NotFound.vue";
 
 Vue.use(VueRouter);
 
@@ -229,7 +230,6 @@ const routes: Array<RouteConfig> = [
     ]
   },
 
-
   {
     path: "/dashboards",
     name: "DashboardList",
@@ -264,6 +264,13 @@ const routes: Array<RouteConfig> = [
     component: Graph,
     meta: { title: "Graph" },
   },
+
+  {
+    path: '*',
+    name: "Not Found",
+    component: NotFound,
+    meta: { title: "Not Found" },
+  }
 ];
 
 const router = new VueRouter({

ui/src/views/NotFound.vue

@@ -0,0 +1,13 @@
+<template>
+  <v-main>
+    <div class="fill-height d-flex flex-row align-center justify-center">
+      <h1>Page not found :(</h1>
+    </div>
+  </v-main>
+</template>
+
+<script>
+export default {
+  name: "NotFound"
+}
+</script>