@nixweb/nixloc-ui 0.0.44 → 0.0.47

package/package.json

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

package/src/component/forms/Botao.vue

@@ -81,7 +81,7 @@ export default {
   cursor: pointer;
   border: none;
   border-radius: 40px !important;
-  font-size: 14px;
+  font-size: 13px !important;
   font-weight: 400;
   letter-spacing: 0.5px !important;
   -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);

package/src/component/forms/Senha.vue

@@ -18,7 +18,7 @@
         v-bind:value="value"
         v-on:input="$emit('input', $event.target.value)"
         class="form-control"
-        :class="{ 'requerido': notificacoes.length > 0 && formSujo }"
+        :class="{ requerido: notificacoes.length > 0 && formSujo }"
       />
     </div>
     <div v-if="formSujo">
@@ -64,7 +64,11 @@ export default {
     this.valida();
   },
   methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
+    ...mapMutations("validation", [
+      "insereValidacao",
+      "removeValidacao",
+      "insereFormSujo",
+    ]),
     valida() {
       this.notificacoes = [];
 
@@ -88,6 +92,7 @@ export default {
     value() {
       this.valida();
       this.formSujo = true;
+      this.insereFormSujo(true);
     },
     notificacoes() {
       let self = this;

package/src/component/forms/Texto.vue

@@ -23,7 +23,7 @@
         v-bind:value="value"
         v-on:input="$emit('input', $event.target.value)"
         class="form-control"
-        :class="{ 'requerido': notificacoes.length > 0 && formSujo }"
+        :class="{ requerido: notificacoes.length > 0 && formSujo }"
       />
     </div>
     <div v-if="formSujo">
@@ -74,7 +74,11 @@ export default {
     this.valida();
   },
   methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
+    ...mapMutations("validation", [
+      "insereValidacao",
+      "removeValidacao",
+      "insereFormSujo",
+    ]),
     valida() {
       this.notificacoes = [];
 
@@ -109,6 +113,7 @@ export default {
     value() {
       this.valida();
       this.formSujo = true;
+      this.insereFormSujo(true);
     },
     notificacoes() {
       let self = this;

package/src/component/forms/Toggle.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="principal">
     <b-row>
-      <b-col xs="4" sm="4" md="4" lg="4" xl="2">
+      <b-col xs="6" sm="6" md="6" lg="4" xl="4">
         <div class="lado-a-lado titulo">{{ titulo }}</div>
       </b-col>
-      <b-col xs="4" sm="4" md="4" lg="4" xl="2">
+      <b-col xs="6" sm="6" md="6" lg="4" xl="4">
         <VueToggles
           height="23"
           width="60"
@@ -12,8 +12,9 @@
           uncheckedText="Não"
           :checkedBg="cor"
           uncheckedBg="lightgrey"
-          :value="value"
-          @click="value = !value"
+          :disabled="desabilitado"
+          :value="valor"
+          @click="clique"
         />
       </b-col>
     </b-row>
@@ -31,11 +32,27 @@ export default {
   props: {
     titulo: String,
     cor: String,
+    desabilitado: {
+      type: Boolean,
+      default: false,
+    },
+    params: Object,
+    alterou: Function,
     value: Boolean,
   },
-  watch: {
-    value() {
-      this.$emit("input", this.value);
+  data() {
+    return {
+      valor: false,
+    };
+  },
+  created() {
+    this.valor = this.value;
+  },
+  methods: {
+    clique() {
+      this.valor = !this.valor;
+      this.$emit("input", this.valor);
+      if (this.alterou) this.alterou(this.params);
     },
   },
 };

package/src/component/layout/Menu.vue

@@ -8,8 +8,8 @@
         <ul v-for="item in menu" :key="item.titulo">
           <li>
             <span>{{ item.titulo }}</span>
-            <ul v-for="primeiroNivel in item.primeiroNivel" :key="primeiroNivel.titulo">
-              <li>
+            <ul>
+              <li v-for="primeiroNivel in item.primeiroNivel" :key="primeiroNivel.titulo">
                 <span
                   :class="{ titulo: primeiroNivel.rotaDestino != '' }"
                   @click="navegarPara(primeiroNivel.rotaDestino)"

package/src/component/shared/SalvarCancelar.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <BarraFixa posicao="rodape" v-show="formSujo">
+      <div>
+        <Botao
+          chave="cancelarSalvarCancelar"
+          titulo="Cancelar"
+          tipo="perigo"
+          tamanho="medio"
+          :clique="cancelar"
+        />
+        <Botao
+          chave="salvarSalvarCancelar"
+          titulo="Salvar"
+          tipo="sucesso"
+          :desabilitado="!formValido(formNome)"
+          tamanho="medio"
+          :clique="salvar"
+        />
+      </div>
+    </BarraFixa>
+  </div>
+</template>
+<script>
+import BarraFixa from "@nixweb/nixloc-ui/src/component/layout/BarraFixa.vue";
+import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+
+import { mapState, mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "SalvarCancelar",
+  components: { BarraFixa, Botao },
+  props: {
+    formNome: String,
+  },
+  computed: {
+    ...mapState("validation", ["formSujo"]),
+    ...mapGetters("validation", ["formValido"]),
+  },
+  methods: {
+    ...mapMutations("validation", ["insereFormSujo"]),
+    ...mapMutations("generic", ["removeCarregando"]),
+    salvar() {},
+    cancelar() {
+      this.insereFormSujo(false);
+      this.removeCarregando(["cancelarSalvarCancelar"]);
+    },
+  },
+};
+</script>

package/src/component/template/InserirEditarModeloView.vue

@@ -14,16 +14,17 @@
         <slot name="conteudo-principal"></slot>
       </div>
     </Painel>
+    <SalvarCancelar :formNome="painel.formNome" />
   </div>
 </template>
 
 <script>
 import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel";
-
+import SalvarCancelar from "@nixweb/nixloc-ui/src/component/shared/SalvarCancelar";
 
 export default {
   name: "InserirEditarModeloView",
-  components: { Painel },
+  components: { Painel, SalvarCancelar },
   props: {
     painel: Object,
   },

package/src/store/modulos/generic.js

@@ -202,7 +202,7 @@ export default {
                 params: params.obj,
                 headers: new Token().tokenHeaders(),
             })
-                .then((response) => {                  
+                .then((response) => {
                     if (response.data.sucesso) {
                         context.commit('insereMetodoExecutadoApi', params.MetodoExecutadoApi);
                         context.commit('removeNotificacao');
@@ -217,7 +217,7 @@ export default {
                     return false;
                 })
         },
-        deleteApi: async function (context, params) {
+        deleteAllApi: async function (context, params) {
 
             context.commit('limpaMetodoExecutadoApi');
             context.commit('listaIdParaStringVirgula', params.selecionados);
@@ -245,6 +245,31 @@ export default {
                     return false;
                 })
         },
+        deleteApi: async function (context, params) {
+
+            context.commit('limpaMetodoExecutadoApi');
+            let url = params.url;
+
+            return axios.delete(`${url}`, {
+                headers: new Token().tokenHeaders(),
+            })
+                .then((response) => {
+                    if (response.data.sucesso) {
+                        context.commit('insereMetodoExecutadoApi', 'deleteApi')
+                        context.commit('insereToast', 'deleteApiSucesso');
+                        context.commit('removeNotificacao');
+                        return response.data;
+                    } else {
+                        context.commit('insereNotificacao', response.data.notificacoes)
+                        context.commit('insereToast', 'deleteApiErro');
+                        return response.data;
+                    }
+
+                }, (err) => {
+                    context.commit('insereNotificacaoErroApi');
+                    return false;
+                })
+        },
         getPdfApi: async function (context, params) {
             context.commit('limpaMetodoExecutadoApi');
             return axios.post(params.url, params.obj, {