@nixweb/nixloc-ui 0.0.81 → 0.0.84

package/package.json

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

package/src/component/forms/CheckboxMultiplo.vue

@@ -12,6 +12,8 @@
 </template>
 
 <script>
+import { mapState, mapMutations } from "vuex";
+
 export default {
   name: "CheckboxMultiplo",
   props: {
@@ -26,6 +28,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    marcarFormSujo: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
@@ -36,11 +42,13 @@ export default {
     this.selecionado = this.valorInicial;
   },
   methods: {
+    ...mapMutations("validation", ["insereFormSujo"]),
     executar(event) {
+      if (this.marcarFormSujo) this.insereFormSujo(true);
       this.$emit("input", this.selecionado);
       let self = this;
       setTimeout(function () {
-        // adicionado o pointerId para previnir que não seja executado em duplicidade
+        // adicionado o pointerId para prevenir que não seja executado em duplicidade
         if (self.clicou && event.pointerId === 1) self.clicou(self.params);
       }, 100);
     },

package/src/component/forms/Decimal.vue

@@ -10,7 +10,6 @@
         v-if="notificacoes.length > 0 && formSujo"
         class="requerido glyphicon fas fa-exclamation-triangle"
       ></i>
-
       <vue-numeric
         class="form-control"
         v-on:keyup.enter.native="apertouEnter"
@@ -67,7 +66,11 @@ export default {
     this.valor = this.value;
   },
   methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
+    ...mapMutations("validation", [
+      "insereValidacao",
+      "removeValidacao",
+      "insereFormSujo",
+    ]),
     valida() {
       this.notificacoes = [];
       if (this.value == 0) return;
@@ -90,6 +93,7 @@ export default {
     valor() {
       this.valida();
       this.formSujo = true;
+      this.insereFormSujo(true);
       this.$emit("input", this.valor);
     },
     notificacoes() {

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) {
@@ -283,9 +289,6 @@ export default {
 </script>
 
 <style scoped>
-.titulo {
-  color: #5f7587;
-}
 div.antes-lista {
   padding: 8px;
 }
@@ -300,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/forms/TextoArea.vue

@@ -56,7 +56,11 @@ export default {
     this.valida();
   },
   methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
+    ...mapMutations("validation", [
+      "insereValidacao",
+      "removeValidacao",
+      "insereFormSujo",
+    ]),
     valida() {
       this.notificacoes = [];
 
@@ -80,6 +84,7 @@ export default {
     value() {
       this.valida();
       this.formSujo = true;
+      this.insereFormSujo(true);
     },
     notificacoes() {
       let self = this;

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

@@ -5,7 +5,6 @@
         <div class="div-logo text-center">
           <img :src="urlImagem" />
         </div>
-        <div class="div-hr"><hr /></div>
       </li>
       <li>
         <a
@@ -16,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>
 
@@ -29,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>
@@ -146,32 +145,31 @@ export default {
 }
 
 .div-logo {
-  margin-top: 5px;
+  padding-top: 5px;
+  padding-bottom: 15px;
 }
 
 .div-icone {
   width: 35px;
   height: 35px;
   padding-top: 5px;
-}
-
-.div-hr {
-  padding-left: 30px;
-  padding-right: 30px;
+  margin-left: 25px;
 }
 
 .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;
 }
 .titulo-sub {
   margin-left: 5px;
@@ -183,7 +181,7 @@ export default {
 }
 
 img {
-  height: 30px;
+  height: 27px;
   margin-top: 10px;
 }
 </style>

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>