Added new views

src/components/Navbar.vue

@@ -13,7 +13,10 @@
       <b-collapse id="nav-text-collapse" is-nav>
         <b-navbar-nav>
           <b-nav-item :to="{ name: 'Home'}">Home</b-nav-item>
+          <b-nav-item :to="{ name: 'Samples'}">Samples</b-nav-item>
           <b-nav-item :to="{ name: 'Devices'}">Devices</b-nav-item>
+          <b-nav-item :to="{ name: 'Models'}">Models</b-nav-item>
+          <b-nav-item :to="{ name: 'Results'}">Results</b-nav-item>
           <b-nav-item :to="{ name: 'About'}">About</b-nav-item>
         </b-navbar-nav>
       </b-collapse>

src/router/index.js

@@ -2,6 +2,9 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
 import Devices from '../views/Devices.vue'
+import Samples from "@/views/Samples";
+import Models from "@/views/Models";
+import Results from "@/views/Results";
 
 Vue.use(VueRouter)
 
@@ -11,11 +14,26 @@ const routes = [
     name: 'Home',
     component: Home
   },
+  {
+    path: '/samples',
+    name: 'Samples',
+    component: Samples
+  },
   {
     path: '/devices',
     name: 'Devices',
     component: Devices
   },
+  {
+    path: '/models',
+    name: 'Models',
+    component: Models
+  },
+  {
+    path: '/results',
+    name: 'Results',
+    component: Results
+  },
   {
     path: '/about',
     name: 'About',

src/views/Models.vue

@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "Models"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/Results.vue

@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "Results"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/Samples.vue

@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "Samples"
+}
+</script>
+
+<style scoped>
+
+</style>