@nixweb/nixloc-ui 0.0.83 → 0.0.86

package/package.json

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

package/src/component/forms/Escolher.vue

@@ -118,6 +118,10 @@ export default {
     cadastrarNovoTitulo: String,
     cadastrarNovoLargura: Number,
     cadastrarNovoAltura: Number,
+    marcarFormSujo: {
+      type: Boolean,
+      default: true,
+    },
   },
   components: {
     Multiselect,
@@ -169,6 +173,7 @@ export default {
       "insereValidacao",
       "removeValidacao",
       "reiniciaValidacao",
+      "insereFormSujo",
     ]),
     aoAbrir() {
       this.obterTodos();
@@ -243,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() {
@@ -301,7 +307,7 @@ div.depois-lista {
   border-bottom: 1px solid #d6dadf;
   border-radius: 0px !important;
   margin-bottom: 20px;
- }
+}
 
 .selecione-invalido {
   border-bottom: 1px solid #ff5454;
@@ -312,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

@@ -15,7 +15,7 @@
           <div class="div-icone lado-a-lado">
             <i class="fas fa-chart-area icone-dash" :style="'color:' + corBase"></i>
           </div>
-          <div class="lado-a-lado titulo">Dashboard</div>
+          <div class="titulo">Dashboard</div>
         </a>
       </li>
 
@@ -28,10 +28,10 @@
           <div class="div-icone lado-a-lado">
             <i :class="item.icone" class="icone" :style="'color:' + corBase"></i>
           </div>
-          <div class="lado-a-lado titulo">{{ item.modulo }}</div>
-          <div class="lado-a-lado seta menu__arrow-icon">
+          <div class="titulo">{{ item.titulo }}</div>
+          <!--  <div class="lado-a-lado seta menu__arrow-icon">
             <i class="fas fa-angle-right"></i>
-          </div>
+          </div> -->
         </a>
       </li>
     </ul>
@@ -153,20 +153,24 @@ export default {
   width: 35px;
   height: 35px;
   padding-top: 5px;
+  margin-left: 38px;
 }
 
 .icone-fechar {
   margin-right: 20px;
 }
 .icone {
-  font-size: 18px;
+  font-size: 20px;
 }
 .icone-dash {
-  font-size: 20px;
+  font-size: 22px;
 }
 .titulo {
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 400;
+  margin-top: -6px;
+  text-align: center;
+  width: 100%;
 }
 .titulo-sub {
   margin-left: 5px;

package/src/component/layout/Moldura.vue

@@ -13,7 +13,7 @@ export default {
 .moldura {
   border: 1px solid #dbdfe9;
   background-color: white;
-  border-radius: 6px;
+  border-radius: 3px;
   padding: 15px;
 }
 </style>

package/src/component/layout/Painel.vue

@@ -98,7 +98,7 @@ export default {
 <style scoped>
 .c-container {
   margin: auto;
-  padding-left: 220px;
+  padding-left: 110px;
   max-width: 1400px;
 }
 

package/src/component/layout/Topo.vue

@@ -29,7 +29,7 @@ export default {
   width: 100%;
   position: fixed;
   top: 0;
-  left: 220px;
+  left: 100px;
   z-index: 20;
 }
 </style>

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>