@nixweb/nixloc-ui 0.0.58 → 0.0.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.58",
+  "version": "0.0.61",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/layout/BarraFixa.vue

@@ -7,8 +7,6 @@
       :class="{
         topo: posicao == 'topo',
         rodape: posicao == 'rodape',
-        esconde: menu.escondeMostra,
-        mostra: !menu.escondeMostra,
       }"
     >
       <div class="tamanho">
@@ -35,7 +33,6 @@ export default {
   },
   computed: {
     ...mapGetters("generic", ["carregando"]),
-    ...mapState("generic", ["menu"]),
   },
 };
 </script>
@@ -48,6 +45,7 @@ export default {
   overflow: hidden;
   z-index: 20;
   padding: 18px;
+  margin-left: 220px;
 }
 
 .tamanho {
@@ -68,11 +66,4 @@ export default {
   border-top: 1px solid #e1e1e2;
 }
 
-.esconde {
-  padding-left: 60px;
-}
-
-.mostra {
-  padding-left: 230px;
-}
 </style>

package/src/component/layout/Menu.vue

@@ -7,8 +7,10 @@
           @click.prevent="navegarPara('dashboard')"
           :class="sessaoDestaque('home')"
         >
-          <i class="fa fa-home menu__icon" aria-hidden="true"></i>
-          Dashboard
+          <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
+            <i class="fa fa-home icone" aria-hidden="true"></i>
+          </div>
+          <div class="lado-a-lado titulo">Dashboard</div>
         </a>
       </li>
 
@@ -18,9 +20,13 @@
           @click.prevent="abrirSubMenu(item.modulo)"
           :class="sessaoDestaque(item.modulo)"
         >
-          <i :class="item.icone" class="menu__icon" aria-hidden="true"></i>
-          {{ item.modulo }}
-          <i class="fa fa-chevron-right menu__arrow-icon" aria-hidden="true"></i>
+          <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
+            <i :class="item.icone" class="icone" aria-hidden="true"></i>
+          </div>
+          <div class="lado-a-lado titulo">{{ item.modulo }}</div>
+          <div class="lado-a-lado seta menu__arrow-icon">
+            <i class="fa fa-chevron-right" aria-hidden="true"></i>
+          </div>
         </a>
       </li>
     </ul>
@@ -62,6 +68,12 @@ import { mapState } from "vuex";
 
 export default {
   name: "Menu",
+  props: {
+    corBase: {
+      type: String,
+      default: "#4680A5",
+    },
+  },
   data() {
     return {
       modulo: "",
@@ -112,7 +124,29 @@ export default {
     },
   },
   computed: {
-    ...mapState("generic", ["menu"]),
+    ...mapState("usuario", ["menu"]),
   },
 };
 </script>
+
+<style scoped>
+.div-icone {
+  width: 30px;
+  height: 30px;
+  padding-left: 6px;
+  padding-top: 3px;
+  border-radius: 8px;
+}
+
+.icone {
+  color: white;
+  font-size: 16px;
+}
+
+.titulo {
+  margin-left: 15px;
+}
+
+.seta {
+}
+</style>

package/src/component/value-objects/DadosContato.vue

@@ -67,7 +67,7 @@ export default {
   watch: {
     value: {
       handler() {
-        this.dadosPessoa = this.value;
+        this.dadosContato = this.value;
       },
       deep: true,
     },

package/src/store/modulos/generic.js

@@ -6,9 +6,6 @@ import Token from "@nixweb/nixloc-ui/src/config/token";
 export default {
     namespaced: true,
     state: {
-        menu: {
-            itens: []
-        },
         modal: {
             nome: undefined,
             abrir: false
@@ -69,14 +66,6 @@ export default {
         },
     },
     mutations: {
-        insereItemMenu: (state, itens) => {
-            itens.forEach(function (obj) {
-                state.menu.itens.push(obj);
-            });
-        },
-        removeItensMenu: (state) => {
-            state.menu.itens = [];
-        },
         abrirModal: (state, nome) => {
             state.modal.nome = nome;
             state.modal.abrir = true;
@@ -187,7 +176,12 @@ export default {
                         return response.data;
                     }
                 }, (err) => {
-                    context.commit('insereNotificacaoErroApi');
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('insereNotificacao', [{ mensagem: "Usuário não autorizado!" }])
+
+                    if (!err.response)
+                        context.commit('insereNotificacaoErroApi');
                     return false;
                 })
         },
@@ -212,7 +206,13 @@ export default {
                         return response.data;
                     }
                 }, (err) => {
-                    context.commit('insereNotificacaoErroApi');
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('insereNotificacao', [{ mensagem: "Usuário não autorizado!" }])
+
+                    if (!err.response)
+                        context.commit('insereNotificacaoErroApi');
+
                     return false;
                 })
         },
@@ -261,7 +261,12 @@ export default {
                     }
 
                 }, (err) => {
-                    context.commit('insereNotificacaoErroApi');
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('insereNotificacao', [{ mensagem: "Usuário não autorizado!" }])
+
+                    if (!err.response)
+                        context.commit('insereNotificacaoErroApi');
                     return false;
                 })
         },
@@ -286,7 +291,12 @@ export default {
                     }
 
                 }, (err) => {
-                    context.commit('insereNotificacaoErroApi');
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('insereNotificacao', [{ mensagem: "Usuário não autorizado!" }])
+
+                    if (!err.response)
+                        context.commit('insereNotificacaoErroApi');
                     return false;
                 })
         },
@@ -331,7 +341,12 @@ export default {
                         return response.data;
                     }
                 }, (err) => {
-                    context.commit('insereNotificacaoErroApi');
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('insereNotificacao', [{ mensagem: "Usuário não autorizado!" }])
+
+                    if (!err.response)
+                        context.commit('insereNotificacaoErroApi');
                     return false;
                 })
         },
@@ -351,7 +366,12 @@ export default {
                         return response.data;
                     }
                 }, (err) => {
-                    context.commit('insereNotificacaoErroApi');
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('insereNotificacao', [{ mensagem: "Usuário não autorizado!" }])
+
+                    if (!err.response)
+                        context.commit('insereNotificacaoErroApi');
                     return false;
                 })
         },

package/src/store/modulos/usuario.js

@@ -0,0 +1,22 @@
+export default {
+    namespaced: true,
+    state: {
+        usuarioLogado: {},
+        menu: {
+            itens: []
+        },
+    },
+    mutations: {
+        insereUsuarioLogado: (state, obj) => {
+            state.usuarioLogado = obj;
+        },
+        insereItemMenu: (state, itens) => {
+            itens.forEach(function (obj) {
+                state.menu.itens.push(obj);
+            });
+        },
+        removeItensMenu: (state) => {
+            state.menu.itens = [];
+        },
+    },
+}

package/src/store/store.js

@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
 
+import usuario from './modulos/usuario'
 import generic from './modulos/generic'
 import validation from './modulos/validation'
 
@@ -8,6 +9,6 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   modules: {
-    generic, validation
+    generic, validation, usuario
   }
 })