@nixweb/nixloc-ui 0.0.59 → 0.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.59",
+  "version": "0.0.62",
   "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: "",
@@ -116,3 +128,25 @@ export default {
   },
 };
 </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/template/ModeloLista.vue

@@ -150,7 +150,8 @@ export default {
   },
   watch: {
     metodoExecutadoApi: function (value) {
-      if (value == "deleteAllApi") {
+      console.log(value);
+      if (value === "deleteAllApi" || value === "deleteAllApiErro") {
         this.obterTodos();
       }
     },

package/src/store/modulos/generic.js

@@ -176,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;
                 })
         },
@@ -201,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;
                 })
         },
@@ -245,12 +256,18 @@ export default {
                         return response.data;
                     } else {
                         context.commit('insereNotificacao', response.data.notificacoes)
+                        context.commit('insereMetodoExecutadoApi', 'deleteAllApiErro');
                         context.commit('insereToast', 'deleteApiErro');
                         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;
                 })
         },
@@ -275,7 +292,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;
                 })
         },
@@ -320,7 +342,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;
                 })
         },
@@ -340,7 +367,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;
                 })
         },