Fix

Drawer lock state bug fix

Author: phact

virtdata-docsys/src/main/node/docsys/layouts/default.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <nuxt />
-  </div>
+      <nuxt />
+ </div>
 </template>
 
 <style>
@@ -53,3 +53,4 @@
     background-color: #35495e;
   }
 </style>
+

virtdata-docsys/src/main/node/docsys/pages/docs/_slug.vue

@@ -7,11 +7,12 @@
                :active_category_name="active_category_name"
                :active_topic="active_topic"/>
 
-    <v-app-bar app color="secondary">
-      <v-app-bar-nav-icon @click.stop="toggleDrawer"/>
+    <v-app-bar app dark color="secondary">
+      <v-app-bar-nav-icon color="primary" @click.stop="toggleDrawer"/>
       <v-toolbar-title>DS Bench Documentation</v-toolbar-title>
     </v-app-bar>
 
+
     <v-content>
       <v-container>
         <v-row align="stretch">
@@ -30,11 +31,13 @@
       </v-container>
     </v-content>
 
-    <v-footer app color="secondary">
+    <v-footer dark app color="secondary">
       <span>&copy; 2020</span>
     </v-footer>
 
   </v-app>
+ 
+
 </template>
 <script>
     import get_data from '~/mixins/get_data.js';
@@ -46,19 +49,6 @@
         components: {
             DocsMenu, MarkdownVue
         },
-        computed: {
-            isDrawerOpen() {
-                return this.$store.state.docs.isDrawerOpen;
-            },
-            isDrawerOpen2() {
-                return this.$store.getters.drawerState;
-            }
-        },
-        methods: {
-            toggleDrawer() {
-                this.$store.commit('docs/toggleDrawerState');
-            }
-        },
         data(context) {
             console.log("data context.params:" + JSON.stringify(context.params));
             console.log("data context.route:" + JSON.stringify(context.route));
@@ -84,6 +74,19 @@
                     }
                 }
             }
+        },
+        computed: {
+            isDrawerOpen() {
+                return this.$store.state.docs.isDrawerOpen;
+            },
+            isDrawerOpen2() {
+                return this.$store.getters.drawerState;
+            }
+        },
+        methods: {
+            toggleDrawer() {
+                this.$store.commit('docs/toggleDrawerState');
+            }
         }
     }
 </script>

virtdata-docsys/src/main/node/docsys/pages/docs/index.vue

@@ -4,13 +4,16 @@
     <docs-menu v-model="isDrawerOpen"
                :categories="categories"
                :active_category="active_category"
+               :active_category_name="active_category_name"
                :active_topic="active_topic"/>
 
-    <v-app-bar app color="secondary">
-      <v-app-bar-nav-icon @click.stop="toggleDrawer"/>
+    <v-app-bar app dark color="secondary">
+      <v-app-bar-nav-icon color="primary" @click.stop="toggleDrawer"/>
       <v-toolbar-title>DS Bench Documentation</v-toolbar-title>
     </v-app-bar>
 
+
+
     <v-content>
       <v-container>
         <v-row align="stretch">
@@ -29,11 +32,12 @@
       </v-container>
     </v-content>
 
-    <v-footer app color="secondary">
+    <v-footer dark app color="secondary">
       <span>&copy; 2020</span>
     </v-footer>
 
   </v-app>
+
 </template>
 <script>
     import get_data from '~/mixins/get_data.js';
@@ -45,20 +49,7 @@
         components: {
             DocsMenu, MarkdownVue
         },
-        computed: {
-            isDrawerOpen() {
-                return this.$store.state.docs.isDrawerOpen;
-            },
-            isDrawerOpen2() {
-                return this.$store.getters.drawerState;
-            }
-        },
-        methods: {
-            toggleDrawer() {
-                this.$store.commit('docs/toggleDrawerState');
-            }
-        },
-        data(context) {
+       data(context) {
             console.log("data context.params:" + JSON.stringify(context.params));
             console.log("data context.route:" + JSON.stringify(context.route));
             console.log("data context.query:" + JSON.stringify(context.query));
@@ -83,6 +74,19 @@
                     }
                 }
             }
+        },
+        computed: {
+            isDrawerOpen() {
+                return this.$store.state.docs.isDrawerOpen;
+            },
+            isDrawerOpen2() {
+                return this.$store.getters.drawerState;
+            }
+        },
+        methods: {
+            toggleDrawer() {
+                this.$store.commit('docs/toggleDrawerState');
+            }
         }
     }
 </script>