@nixweb/nixloc-ui 0.0.82 → 0.0.85

package/package.json

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

package/src/component/forms/CheckboxMultiplo.vue

@@ -28,6 +28,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    marcarFormSujo: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
@@ -40,7 +44,7 @@ export default {
   methods: {
     ...mapMutations("validation", ["insereFormSujo"]),
     executar(event) {
-      this.insereFormSujo(true);
+      if (this.marcarFormSujo) this.insereFormSujo(true);
       this.$emit("input", this.selecionado);
       let self = this;
       setTimeout(function () {

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,11 +173,13 @@ export default {
       "insereValidacao",
       "removeValidacao",
       "reiniciaValidacao",
+      "insereFormSujo",
     ]),
     aoAbrir() {
       this.obterTodos();
     },
     aoSelecionar(value) {
+      if (this.marcarFormSujo) this.insereFormSujo(true);
       this.$emit("input", value);
       if (this.alterou) this.alterou();
       if (this.campoAlvo) {
@@ -297,9 +303,9 @@ div.depois-lista {
 }
 
 .selecione {
-  height: 34px;
-  border-bottom: 1px solid #d6d6d6;
-  border-radius: 2px !important;
+  height: 36px;
+  border-bottom: 1px solid #d6dadf;
+  border-radius: 0px !important;
   margin-bottom: 20px;
 }
 

package/src/component/layout/BarraFixa.vue

@@ -39,7 +39,7 @@ export default {
 
 <style scoped>
 .barra {
-  background-color: #fafafc;
+  background-color: white;
   position: fixed;
   width: 100%;
   overflow: hidden;

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>