@nixweb/nixloc-ui 0.0.49 → 0.0.52

package/package.json

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

package/src/component/forms/Botao.vue

@@ -83,7 +83,8 @@ export default {
   border-radius: 40px !important;
   font-size: 13px !important;
   font-weight: 400;
-  letter-spacing: 0.5px !important;
+  font-style: normal !important;
+  letter-spacing: 1px !important;
   -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
   -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
   box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);

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,20 @@ 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%);
 }
 
 .tamanho {
@@ -49,10 +53,12 @@ export default {
   top: 0;
   left: 0;
   right: 0;
+  border-bottom: 1px solid #e1e1e2;
 }
 
 .rodape {
   left: 0;
   bottom: 0px;
+  border-top: 1px solid #e1e1e2;
 }
 </style>

package/src/component/layout/Menu.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="page">
     <div id="header" :style="'background-color:' + corTopo">
-      <!-- <a href="#menu"><span></span></a> -->
+      <a href="#menu"><span></span></a>
     </div>
     <nav id="menu">
       <div id="panel-menu">
@@ -62,7 +62,7 @@ export default {
       document.querySelector("#menu"),
       {
         backButton: {
-          close: true,
+          close: false,
         },
         setSelected: {
           hover: false,
@@ -72,7 +72,7 @@ export default {
           add: true,
         },
         iconbar: {
-          use: "(min-width: 450px)",
+          use: false,
           top: ['<a href="#/"><span class="fas fa-bars"></span></a>'],
         },
         searchfield: {
@@ -88,7 +88,7 @@ export default {
         },
         sidebar: {
           collapsed: {
-            use: "(min-width: 450px)",
+            use: false,
           },
           expanded: {
             use: "(min-width: 1000px)",
@@ -106,7 +106,7 @@ export default {
             ],
           },
           {
-            content: ["prev", "breadcrumbs", "close"],
+            content: ["prev", "breadcrumbs"],
           },
         ],
       },

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/component/template/ModeloLista.vue

@@ -119,7 +119,7 @@ export default {
     },
   },
   methods: {
-    ...mapActions("generic", ["getApi", "deleteApi"]),
+    ...mapActions("generic", ["getApi", "deleteAllApi"]),
     ...mapMutations("generic", [
       "removeCarregando",
       "adicionaSelecao",
@@ -139,7 +139,7 @@ export default {
         url: this.modeloLista.urlRemoverTodosApi,
         selecionados: this.selecionados,
       };
-      this.deleteApi(params).then(() => {
+      this.deleteAllApi(params).then(() => {
         this.removeCarregando(["remover"]);
         this.adicionaSelecao([]);
       });

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;
         }
     },
 }