Allow the nav bar to persist the selected item style. (#274)

PaddlePaddle · Feb 22, 2018 · b6b606d · b6b606d
1 parent 7ecb82c
commit b6b606d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="app">
         <v-app>
-            <AppMenu>
+            <AppMenu :initialRoute="initialRoute">
             </AppMenu>
             <router-view></router-view>
         </v-app>
@@ -12,9 +12,22 @@
 import AppMenu from './common/component/AppMenu'
 
 export default {
-  name: 'App',
-  components: {
+    name: 'App',
+    components: {
 		AppMenu
+    },
+    data() {
+        return {
+            initialRoute: "scalars"
+        }
+    },
+    created() {
+        if (location.hash && location.hash != '#/') {
+            this.initialRoute = /(\#\/)(\w*)([?|&]{0,1})/.exec(location.hash)[2];
+        }
+        else {
+            location.hash = '#/scalars';
+        }
     }
 }
 </script>

diff --git a/frontend/src/common/component/AppMenu.vue b/frontend/src/common/component/AppMenu.vue
@@ -15,10 +15,11 @@
 
 <script>
 export default {
+    props: ['initialRoute'],
     name: 'AppMenu',
     data () {
         return {
-        selected: 'scalars',
+        selected: this.initialRoute,
         items: [
             {
                 url: '/scalars',