@nixweb/nixloc-ui 0.0.86 → 0.0.89

package/package.json

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

package/src/component/layout/Menu.vue

@@ -140,7 +140,7 @@ export default {
 
 <style scoped>
 .menu-aberto {
-  width: 277px;
+  width: 350px;
   z-index: 1000;
 }
 
@@ -157,7 +157,7 @@ export default {
 }
 
 .icone-fechar {
-  margin-right: 20px;
+  margin-right: 60px;
 }
 .icone {
   font-size: 20px;

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/shared/SalvarCancelar.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <BarraFixa posicao="rodape" v-show="formSujo">
+    <BarraFixa posicao="rodape" v-show="formSujo && !modal.abrir">
       <div>
         <Botao
           chave="cancelarSalvarCancelar"
@@ -37,6 +37,7 @@ export default {
   computed: {
     ...mapState("validation", ["formSujo"]),
     ...mapGetters("validation", ["formValido"]),
+    ...mapState("generic", ["modal"]),
   },
   methods: {
     ...mapMutations("validation", ["insereFormSujo"]),
@@ -46,5 +47,10 @@ export default {
       this.removeCarregando(["cancelarSalvarCancelar"]);
     },
   },
+  watch: {
+    "modal.abrir": function (valor) {
+      this.insereFormSujo(false);
+    },
+  },
 };
 </script>

package/src/component/template/{ModeloCadastroView.vue → ModeloConfiguracaoView.vue}

@@ -1,9 +1,18 @@
 <template>
   <div>
     <slot name="conteudo-botoes"></slot>
-    <Pesquisa />
-    <br />
-    <ModeloLista :modeloLista="modeloLista" :botaoExcluir="botaoExcluir">
+    <div v-if="mostrarPesquisa">
+      <Pesquisa />
+      <br />
+    </div>
+
+    <ModeloLista
+      :modeloLista="modeloLista"
+      :propsParam="propsParam"
+      :mostrarMoldura="false"
+      :mostrarFiltroHorizontal="mostrarFiltroHorizontal"
+      :botaoExcluir="botaoExcluir"
+    >
       <div slot="conteudo-botoes-tabela-cabecalho">
         <slot name="conteudo-botoes-tabela-cabecalho"></slot>
       </div>
@@ -27,6 +36,15 @@ export default {
   components: { Pesquisa, ModeloLista },
   props: {
     modeloLista: Object,
+    propsParam: Object,
+    mostrarPesquisa: {
+      type: Boolean,
+      default: true,
+    },
+    mostrarFiltroHorizontal: {
+      type: Boolean,
+      default: true,
+    },
     botaoExcluir: {
       type: Boolean,
       default: true,

package/src/component/template/ModeloLista.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div class="g-div-moldura">
+    <div :class="{ 'g-div-moldura': mostrarMoldura }">
       <b-row>
         <b-col sm="12"
           ><div>
-            <FiltroHorizontal>
+            <FiltroHorizontal v-if="mostrarFiltroHorizontal">
               <div slot="conteudo-filtro-horizontal">
                 <slot name="conteudo-filtro-horizontal"></slot>
               </div>
@@ -62,6 +62,15 @@ export default {
   name: "ModeloLista",
   props: {
     modeloLista: Object,
+    propsParam: Object,
+    mostrarMoldura: {
+      type: Boolean,
+      default: true,
+    },
+    mostrarFiltroHorizontal: {
+      type: Boolean,
+      default: true,
+    },
     botaoExcluir: {
       type: Boolean,
       default: true,
@@ -89,7 +98,7 @@ export default {
         totalPorPagina: 10,
       },
       paramsFiltro: [],
-      propsParams: {},
+      filtroDinamico: {},
     };
   },
   created() {
@@ -129,7 +138,7 @@ export default {
       "atualizaCampoPesquisa",
     ]),
     obterTodos() {
-      let obj = { ...this.baseParams, ...this.propsParams };
+      let obj = { ...this.baseParams, ...this.filtroDinamico, ...this.propsParam };
       let params = { url: this.modeloLista.urlGetApi, obj: obj };
       this.getApi(params).then((response) => {
         this.conteudo = response.conteudo;
@@ -200,11 +209,11 @@ export default {
           }
         }
 
-        this.propsParams = result;
+        this.filtroDinamico = result;
 
         this.atualizaPaginacao({
           chave: "modeloLista",
-          totalPorPagina: this.propsParams.totalPorPagina,
+          totalPorPagina: this.filtroDinamico.totalPorPagina,
         });
 
         this.obterTodos();

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

@@ -8,6 +8,7 @@
           :formNome="formNome"
           :mascara="'#####-###'"
           :tamanhoMaximo="9"
+          :requerido="requerido"
           v-model="endereco.cep"
         >
           <div class="glyphicon margem-botao">
@@ -27,6 +28,7 @@
           campo="logradouro"
           :formNome="formNome"
           :tamanhoMaximo="150"
+          :requerido="requerido"
           v-model="endereco.logradouro"
         />
       </b-col>
@@ -57,6 +59,7 @@
           campo="bairro"
           :formNome="formNome"
           :tamanhoMaximo="100"
+          :requerido="requerido"
           v-model="endereco.bairro"
         /> </b-col
       ><b-col xs="12" sm="12" md="12" lg="5" xl="5">
@@ -65,6 +68,7 @@
           campo="cidade"
           :formNome="formNome"
           :tamanhoMaximo="100"
+          :requerido="requerido"
           v-model="endereco.cidade"
         />
       </b-col>
@@ -72,6 +76,7 @@
         <EscolherEstatico
           titulo="UF"
           campoAlvo="uf"
+          :requerido="requerido"
           v-model="endereco.estado"
           :dados="estados"
         /> </b-col
@@ -93,6 +98,10 @@ export default {
   name: "Endereco",
   props: {
     formNome: String,
+    requerido: {
+      type: Boolean,
+      default: false,
+    },
     value: Object,
   },
   components: { Opcoes, Texto, Botao, EscolherEstatico },
@@ -101,33 +110,33 @@ export default {
     return {
       endereco: new Endereco(),
       estados: [
-        { titulo: "AC", valor: "AC" },
-        { titulo: "AL", valor: "AL" },
-        { titulo: "AP", valor: "AP" },
-        { titulo: "AM", valor: "AM" },
-        { titulo: "BA", valor: "BA" },
-        { titulo: "CE", valor: "CE" },
-        { titulo: "DF", valor: "DF" },
-        { titulo: "ES", valor: "ES" },
-        { titulo: "GO", valor: "GO" },
-        { titulo: "MA", valor: "MA" },
-        { titulo: "MT", valor: "MT" },
-        { titulo: "MS", valor: "MS" },
-        { titulo: "MG", valor: "MG" },
-        { titulo: "PA", valor: "PA" },
-        { titulo: "PB", valor: "PB" },
-        { titulo: "PR", valor: "PR" },
-        { titulo: "PE", valor: "PE" },
-        { titulo: "PI", valor: "PI" },
-        { titulo: "RJ", valor: "RJ" },
-        { titulo: "RN", valor: "RN" },
-        { titulo: "RS", valor: "RS" },
-        { titulo: "RO", valor: "RO" },
-        { titulo: "RR", valor: "RR" },
-        { titulo: "SC", valor: "SC" },
-        { titulo: "SP", valor: "SP" },
-        { titulo: "SE", valor: "SE" },
-        { titulo: "TO", valor: "TO" },
+        { conteudo: "AC", id: "AC" },
+        { conteudo: "AL", id: "AL" },
+        { conteudo: "AP", id: "AP" },
+        { conteudo: "AM", id: "AM" },
+        { conteudo: "BA", id: "BA" },
+        { conteudo: "CE", id: "CE" },
+        { conteudo: "DF", id: "DF" },
+        { conteudo: "ES", id: "ES" },
+        { conteudo: "GO", id: "GO" },
+        { conteudo: "MA", id: "MA" },
+        { conteudo: "MT", id: "MT" },
+        { conteudo: "MS", id: "MS" },
+        { conteudo: "MG", id: "MG" },
+        { conteudo: "PA", id: "PA" },
+        { conteudo: "PB", id: "PB" },
+        { conteudo: "PR", id: "PR" },
+        { conteudo: "PE", id: "PE" },
+        { conteudo: "PI", id: "PI" },
+        { conteudo: "RJ", id: "RJ" },
+        { conteudo: "RN", id: "RN" },
+        { conteudo: "RS", id: "RS" },
+        { conteudo: "RO", id: "RO" },
+        { conteudo: "RR", id: "RR" },
+        { conteudo: "SC", id: "SC" },
+        { conteudo: "SP", id: "SP" },
+        { conteudo: "SE", id: "SE" },
+        { conteudo: "TO", id: "TO" },
       ],
     };
   },