Merge pull request #93 from multinet-app/sidebar-refactor

Factor the Sidebar component out of the views that reference it

client/src/App.vue

@@ -1,12 +1,18 @@
 <template>
   <v-app id="app">
+    <sidebar />
     <router-view :apps='apps' />
   </v-app>
 </template>
 
 <script>
+import Sidebar from '@/components/Sidebar'
+
 export default {
   name: 'app',
+  components: {
+    Sidebar,
+  },
   data () {
     return {
       apps: [],

client/src/views/FrontPage.vue

@@ -3,8 +3,6 @@
     fill-height
     fluid
   >
-    <sidebar />
-
     <v-content>
       <div class="getting-started">
         <v-icon
@@ -22,16 +20,6 @@
   </v-container>
 </template>
 
-<script>
-import Sidebar from '@/components/Sidebar'
-
-export default {
-  components: {
-    Sidebar
-  }
-}
-</script>
-
 <style>
 .getting-started {
   align-items: flex-start;

client/src/views/GraphDetail.vue

@@ -1,7 +1,5 @@
 <template>
   <v-container fluid>
-    <sidebar />
-
     <v-content>
       <h1>Graph: {{`${this.workspace}/${this.graph}`}}</h1>
       <div id="graph-details">
@@ -52,7 +50,6 @@
 
 <script>
 import api from '@/api'
-import Sidebar from '@/components/Sidebar'
 
 export default {
   name: 'GraphDetail',
@@ -61,9 +58,6 @@ export default {
       return `${url}/?workspace=${this.workspace}&graph=${this.graph}`;
     },
   },
-  components: {
-    Sidebar
-  },
   props: ['workspace', 'graph', 'apps'],
   data () {
     return {

client/src/views/NodeDetail.vue

@@ -1,7 +1,5 @@
 <template>
   <v-container fluid>
-    <sidebar />
-
     <v-content>
       <h1>Node: {{`${this.workspace}/${this.graph}/${this.node}`}}</h1>
       <div style="border-style: solid;">
@@ -53,13 +51,9 @@
 
 <script>
 import api from '@/api'
-import Sidebar from '@/components/Sidebar'
 
 export default {
   name: 'NodeDetail',
-  components: {
-    Sidebar
-  },
   props: ['workspace', 'graph', 'type', 'node'],
   data () {
     return {

client/src/views/TableDetail.vue

@@ -1,7 +1,5 @@
 <template>
   <v-container fluid>
-    <sidebar />
-
     <v-content>
       <div class="nav">
         <div class="return-nav">
@@ -32,13 +30,9 @@
 </template>
 <script>
 import api from '@/api'
-import Sidebar from '@/components/Sidebar'
 
 export default {
   name: 'TableDetail',
-  components: {
-    Sidebar
-  },
   props: ['workspace', 'table'],
   data () {
     return {

client/src/views/WorkspaceDetail.vue

@@ -1,7 +1,5 @@
 <template>
   <v-container fluid>
-    <sidebar />
-
     <v-content>
       <v-toolbar app>
         <v-hover>
@@ -177,14 +175,12 @@
 <script>
 import api from '@/api';
 import FileInput from '@/components/FileInput'
-import Sidebar from '@/components/Sidebar'
 import ItemPanel from '@/components/ItemPanel'
 
 export default {
   name: 'WorkspaceDetail',
   components: {
     'file-input': FileInput,
-    Sidebar,
     ItemPanel,
   },
   props: ['workspace','title'],