@nixweb/nixloc-ui 0.0.49 → 0.0.50

package/package.json

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

package/src/component/layout/BarraFixa.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <div
+      v-show="!carregando('painel')"
       class="barra"
       :style="'min-height:' + altura + 'px;'"
       :class="{ topo: posicao == 'topo', rodape: posicao == 'rodape' }"
@@ -13,6 +14,8 @@
 </template>
 
 <script>
+import { mapState, mapGetters, mapMutations } from "vuex";
+
 export default {
   name: "BarraFixa",
   props: {
@@ -25,19 +28,22 @@ export default {
       default: 70,
     },
   },
+  computed: {
+    ...mapGetters("generic", ["carregando"]),
+  },
 };
 </script>
 
 <style scoped>
 .barra {
-  background-color: white;
+  background-color: #fafafc;
   position: fixed;
   width: 100%;
   overflow: hidden;
   z-index: 20;
   padding: 18px;
-  -webkit-box-shadow: 5px 5px 5px 5px rgb(219 223 233 / 33%);
-  box-shadow: 5px 5px 5px 5px rgb(219 223 233 / 33%);
+  border-top: 1px solid #e1e1e2;
+  border-bottom: 1px solid #e1e1e2;
 }
 
 .tamanho {

package/src/component/shared/Mensagem.vue

@@ -1,7 +1,9 @@
 <template>
   <div :class="{ 'div-mensagem': !modal.abrir }" v-if="notificacoes.length > 0">
     <Alerta tipo="perigo">
-      <span>{{ mensagens(notificacoes) }}</span>
+      <div v-for="notificacao in notificacoes">
+        {{ notificacao.mensagem }}
+      </div>
     </Alerta>
     <b-alert
       v-show="false"
@@ -24,8 +26,8 @@ export default {
   name: "Mensagem",
   data() {
     return {
-      maximoSegundos: 8,
-      contagemRegressiva: 8,
+      maximoSegundos: 10,
+      contagemRegressiva: 10,
     };
   },
   computed: {

package/src/store/modulos/generic.js

@@ -162,7 +162,9 @@ export default {
                 .then((response) => {
                     if (response.data.sucesso) {
                         context.commit('insereMetodoExecutadoApi', params.MetodoExecutadoApi);
+                        context.commit('insereToast', 'adicionarApiSucesso');
                         context.commit('removeNotificacao');
+                        context.commit('validation/removeFormSujo', null, { root: true });
                         return response.data;
                     } else {
 
@@ -185,6 +187,7 @@ export default {
                         context.commit('insereMetodoExecutadoApi', params.MetodoExecutadoApi);
                         context.commit('insereToast', 'modificarApiSucesso');
                         context.commit('removeNotificacao');
+                        context.commit('validation/removeFormSujo', null, { root: true });
                         return response.data;
                     } else {
                         context.commit('insereToast', 'modificarApiErro');

package/src/store/modulos/validation.js

@@ -31,6 +31,9 @@ export default {
         },
         insereFormSujo: (state, formSujo) => {
             state.formSujo = formSujo;
+        },
+        removeFormSujo: (state) => {
+            state.formSujo = false;
         }
     },
 }