Update navigation

web/src/components/MainDrawer.vue

@@ -17,6 +17,17 @@
     </template>
 
     <NavList :mini="mini" />
+
+    <template #append>
+      <v-list>
+        <v-list-item icon @click="mini = !mini">
+          <v-list-item-action>
+            <v-icon v-if="mini">mdi-chevron-right</v-icon>
+            <v-icon v-else>mdi-chevron-left</v-icon>
+          </v-list-item-action>
+        </v-list-item>
+      </v-list>
+    </template>
   </v-navigation-drawer>
 </template>
 

web/src/components/NavList.vue

@@ -5,6 +5,7 @@
       :key="groupIndex"
       nav
       rounded
+      :dense="dense"
     >
       <v-subheader v-if="group.groupTitle && !mini">
         {{ group.groupTitle }}
@@ -38,6 +39,10 @@ export default {
     mini: {
       type: Boolean,
       default: false
+    },
+    dense: {
+      type: Boolean,
+      default: false
     }
   }
 }

web/src/mixins/Nav.js

@@ -11,19 +11,19 @@ export default {
             title: 'Dashboard',
             icon: 'mdi-view-dashboard-outline',
             route: { name: 'home' }
-          },
-          {
-            title: 'Crachá Virtual',
-            icon: 'mdi-badge-account-horizontal',
-            route: { name: 'user-id' },
-            role: 'servant'
-          },
-          {
-            title: 'Alterar minha senha',
-            icon: 'mdi-form-textbox-password',
-            route: { name: 'update-password' }
           }
           // {
+          //   title: 'Crachá Virtual',
+          //   icon: 'mdi-badge-account-horizontal',
+          //   route: { name: 'user-id' },
+          //   role: 'servant'
+          // },
+          // {
+          //   title: 'Alterar minha senha',
+          //   icon: 'mdi-form-textbox-password',
+          //   route: { name: 'update-password' }
+          // },
+          // {
           //   title: 'Meus dispositivos',
           //   icon: 'mdi-cellphone-link',
           //   route: { name: 'my-devices' },