@nixweb/nixloc-ui 0.0.84 → 0.0.87

package/package.json

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

package/src/component/forms/Escolher.vue

@@ -179,7 +179,6 @@ export default {
       this.obterTodos();
     },
     aoSelecionar(value) {
-      if (this.marcarFormSujo) this.insereFormSujo(true);
       this.$emit("input", value);
       if (this.alterou) this.alterou();
       if (this.campoAlvo) {
@@ -249,6 +248,7 @@ export default {
     "value.id": function () {
       this.valida();
       this.formSujo = true;
+      if (this.marcarFormSujo) this.insereFormSujo(true);
       this.valorAtual = { id: this.value.id, conteudo: this.value.conteudo };
     },
     notificacoes() {
@@ -318,7 +318,7 @@ div.depois-lista {
 }
 
 .cadastrar-novo-titulo {
-  color: #577696;
+  font-size: 18px;
   margin-bottom: 5px;
 }
 </style>

package/src/component/forms/Numero.vue

@@ -47,6 +47,10 @@ export default {
       type: String,
       default: "float",
     },
+    marcarFormSujo: {
+      type: Boolean,
+      default: true,
+    },
     value: Number,
     alterou: Function,
     enter: Function,
@@ -104,7 +108,7 @@ export default {
 
       this.$emit("input", valor);
       this.formSujo = true;
-      this.insereFormSujo(true);
+      if (this.marcarFormSujo) this.insereFormSujo(true);
 
       this.valor = valor;
     },
@@ -138,7 +142,6 @@ export default {
 </script>
 
 <style scoped>
-
 .sucesso {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/Texto.vue

@@ -41,7 +41,6 @@ import { mapState, mapMutations } from "vuex";
 export default {
   components: { Dica },
   name: "Texto",
-  mixins: [],
   props: [
     "titulo",
     "campo",
@@ -57,6 +56,7 @@ export default {
     "enter",
     "limpou",
     "saiu",
+    "marcarFormSujo",
   ],
   data() {
     return {
@@ -113,7 +113,9 @@ export default {
     value() {
       this.valida();
       this.formSujo = true;
-      this.insereFormSujo(true);
+      // inverti a validação devido não colocar o default como true no props
+      var valor = this.marcarFormSujo == undefined ? true : this.marcarFormSujo;
+      if (valor) this.insereFormSujo(true);
     },
     notificacoes() {
       let self = this;
@@ -145,7 +147,6 @@ export default {
 </script>
 
 <style scoped>
-
 .sucesso {
   color: #94aa2a;
   font-size: 14px;

package/src/component/layout/BarraFixa.vue

@@ -45,7 +45,7 @@ export default {
   overflow: hidden;
   z-index: 20;
   padding: 18px;
-  margin-left: 220px;
+  margin-left: 100px;
 }
 
 .tamanho {

package/src/component/layout/Menu.vue

@@ -140,7 +140,7 @@ export default {
 
 <style scoped>
 .menu-aberto {
-  width: 277px;
+  width: 350px;
   z-index: 1000;
 }
 
@@ -153,11 +153,11 @@ export default {
   width: 35px;
   height: 35px;
   padding-top: 5px;
-  margin-left: 25px;
+  margin-left: 38px;
 }
 
 .icone-fechar {
-  margin-right: 20px;
+  margin-right: 60px;
 }
 .icone {
   font-size: 20px;
@@ -170,6 +170,7 @@ export default {
   font-weight: 400;
   margin-top: -6px;
   text-align: center;
+  width: 100%;
 }
 .titulo-sub {
   margin-left: 5px;

package/src/component/shared/Mensagem.vue

@@ -1,19 +1,26 @@
 <template>
-  <div :class="{ 'div-mensagem': !modal.abrir }" v-if="notificacoes.length > 0">
-    <div v-for="notificacao in notificacoes">
-      <Alerta tipo="perigo">
-        {{ notificacao.mensagem }}
-      </Alerta>
-    </div>
-    <b-alert
-      v-show="false"
-      :show="contagemRegressiva"
-      dismissible
-      variant="danger"
-      @dismissed="contagemRegressiva = 0"
-      @dismiss-count-down="contagemRegressivaAlterada"
+  <div>
+    <div
+      :class="{ 'div-mensagem': !modal.abrir }"
+      v-if="notificacaoArmazenada.length > 0"
     >
-    </b-alert>
+      <div>
+        <Alerta tipo="perigo">
+          <div v-for="notificacao in notificacaoArmazenada">
+            {{ notificacao.mensagem }}
+          </div>
+        </Alerta>
+      </div>
+      <b-alert
+        v-show="false"
+        :show="contagemRegressiva"
+        dismissible
+        variant="danger"
+        @dismissed="contagemRegressiva = 0"
+        @dismiss-count-down="contagemRegressivaAlterada"
+      >
+      </b-alert>
+    </div>
   </div>
 </template>
 
@@ -28,6 +35,7 @@ export default {
     return {
       maximoSegundos: 10,
       contagemRegressiva: 10,
+      notificacaoArmazenada: [],
     };
   },
   computed: {
@@ -35,10 +43,16 @@ export default {
   },
   watch: {
     notificacoes() {
-      if (this.notificacoes.length > 0) this.contagemRegressiva = 5;
+      if (this.notificacoes.length > 0) {
+        this.notificacaoArmazenada = this.notificacoes;
+        this.contagemRegressiva = 5;
+      }
     },
     contagemRegressiva() {
-      if (this.contagemRegressiva === 0) this.removeNotificacao();
+      if (this.contagemRegressiva === 0) {
+        this.notificacaoArmazenada = [];
+        this.removeNotificacao();
+      }
     },
   },
   methods: {

package/src/component/template/{InserirEditarModeloView.vue → ModeloAdicionarModificarView.vue}

@@ -23,7 +23,7 @@ import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel";
 import SalvarCancelar from "@nixweb/nixloc-ui/src/component/shared/SalvarCancelar";
 
 export default {
-  name: "InserirEditarModeloView",
+  name: "ModeloAdicionarModificarView",
   components: { Painel, SalvarCancelar },
   props: {
     painel: Object,

package/src/component/template/ModeloCadastroView.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <slot name="conteudo-botoes"></slot>
+    <Pesquisa />
+    <br />
+    <ModeloLista :modeloLista="modeloLista" :botaoExcluir="botaoExcluir">
+      <div slot="conteudo-botoes-tabela-cabecalho">
+        <slot name="conteudo-botoes-tabela-cabecalho"></slot>
+      </div>
+      <div slot="conteudo-filtro-horizontal">
+        <slot name="conteudo-filtro-horizontal"></slot>
+      </div>
+      <div slot="conteudo-botoes-tabela">
+        <slot name="conteudo-botoes-tabela"></slot>
+      </div>
+    </ModeloLista>
+  </div>
+</template>
+
+<script>
+import Pesquisa from "../shared/Pesquisa.vue";
+
+import ModeloLista from "@nixweb/nixloc-ui/src/component/template/ModeloLista.vue";
+
+export default {
+  name: "ModeloView",
+  components: { Pesquisa, ModeloLista },
+  props: {
+    modeloLista: Object,
+    botaoExcluir: {
+      type: Boolean,
+      default: true,
+    },
+  },
+};
+</script>