@nixweb/nixloc-ui 0.0.67 → 0.0.70

package/package.json

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

package/src/component/forms/ArquivoUpload.vue

@@ -43,10 +43,11 @@
           ></vue-loading>
         </button>
       </div>
-      <br />
-      <Alerta tipo="info" v-if="value">
-        <span>{{ mensagem }}</span>
-      </Alerta>
+      <div class="div-alerta">
+        <Alerta tipo="info" v-if="value">
+          <span>{{ mensagem }}</span>
+        </Alerta>
+      </div>
     </div>
   </div>
 </template>
@@ -80,7 +81,7 @@ export default {
     };
   },
   methods: {
-    ...mapActions("generic", ["adicionarArquivoApi", "removerArquivoApi"]),
+    ...mapActions("generic", ["postFileApi", "deleteFileApi"]),
     carregar() {
       this.arquivo = this.$refs.arquivo.files[0];
       let params = {
@@ -91,10 +92,10 @@ export default {
         aceitos: this.aceitos,
       };
       this.carregandoAdicionar = true;
-      this.adicionarArquivoApi(params).then((response) => {
+      this.postFileApi(params).then((response) => {
         if (response.sucesso) {
           if (this.aoCarregar) this.aoCarregar();
-          this.$emit("input", response.dados);
+          this.$emit("input", response.conteudo);
         } else {
           this.limpar();
         }
@@ -109,7 +110,7 @@ export default {
       };
       this.carregandoRemover = true;
       let params = { url: this.urlRemover, obj: props };
-      this.removerArquivoApi(params).then((response) => {
+      this.deleteFileApi(params).then((response) => {
         if (response.sucesso) {
           if (this.aoCarregar) this.aoCarregar();
           this.limpar();
@@ -170,6 +171,7 @@ export default {
   color: #fff;
   border-color: #f0134d;
   background: #f0134d;
+  margin-left: 5px;
 }
 
 .perigo:hover {
@@ -188,4 +190,10 @@ export default {
   top: 0;
   opacity: 0;
 }
+
+.div-alerta{
+  margin-top:15px;
+}
+
+
 </style>

package/src/component/forms/Botao.vue

@@ -91,7 +91,7 @@ export default {
 }
 
 .pequeno {
-  padding: 5px 10px;
+  padding: 4px 8px;
   font-size: 13px;
 }
 

package/src/component/forms/CheckboxMultiplo.vue

@@ -5,6 +5,7 @@
         v-model="selecionado"
         :options="opcoes"
         :stacked="empilhado"
+        @click.native="executar"
       ></b-form-checkbox-group>
     </b-form-group>
   </div>
@@ -16,6 +17,10 @@ export default {
   props: {
     titulo: String,
     opcoes: Array,
+    params: Object,
+    alterou: Function,
+    clicou: Function,
+    valorInicial: Array,
     value: Array,
     empilhado: {
       type: Boolean,
@@ -28,11 +33,22 @@ export default {
     };
   },
   mounted() {
-    this.selecionado = this.value;
+    this.selecionado = this.valorInicial;
+  },
+  methods: {
+    executar(event) {
+      this.$emit("input", this.selecionado);
+      let self = this;
+      setTimeout(function () {
+        // adicionado o pointerId para previnir que não seja executado em duplicidade
+        if (self.clicou && event.pointerId === 1) self.clicou(self.params);
+      }, 100);
+    },
   },
   watch: {
     selecionado() {
       this.$emit("input", this.selecionado);
+      if (this.alterou) this.alterou(this.params);
     },
   },
 };

package/src/component/forms/DateTime.vue

@@ -152,6 +152,9 @@ export default {
 </script>
 
 <style scoped>
+.titulo {
+  color: #5f7587;
+}
 .sucesso {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/Escolher.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <label>
-      <span>{{ titulo }}</span>
+      <span class="titulo">{{ titulo }}</span>
       <span class="requerido" v-if="requerido">*</span>
       <Dica :campo="campo" :formNome="formNome" />
     </label>
@@ -282,6 +282,9 @@ export default {
 </script>
 
 <style scoped>
+.titulo {
+  color: #5f7587;
+}
 div.antes-lista {
   padding: 8px;
 }

package/src/component/forms/EscolherEstatico.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <label>
-      <span>{{ titulo }}</span>
+      <span class="titulo">{{ titulo }}</span>
     </label>
     <div class="selecione">
       <multiselect
@@ -119,6 +119,9 @@ export default {
 </script>
 
 <style scoped>
+.titulo {
+  color: #5f7587;
+}
 div.antes-lista {
   padding: 8px;
 }

package/src/component/forms/Modal.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import Mensagem from "@/component/shared/Mensagem";
+import Mensagem from "@nixweb/nixloc-ui/src/component/shared/Mensagem";
 import Vodal from "vodal";
 
 import { mapState, mapMutations } from "vuex";

package/src/component/forms/Numero.vue

@@ -138,6 +138,9 @@ export default {
 </script>
 
 <style scoped>
+.titulo {
+  color: #5f7587;
+}
 .sucesso {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/Opcoes.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <span>{{ titulo }}</span>
+    <span class="titulo">{{ titulo }}</span>
     <Dica :campo="campo" :formNome="formNome" />
     <div class="opcoes">
       <b-form-group>
@@ -47,5 +47,7 @@ export default {
 .opcoes {
   margin-top: 5px;
 }
+.titulo {
+  color: #5f7587;
+}
 </style>
-

package/src/component/forms/Texto.vue

@@ -145,6 +145,9 @@ export default {
 </script>
 
 <style scoped>
+.titulo{
+  color: #5F7587;
+}
 .sucesso {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/Toggle.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="principal">
     <b-row>
-      <b-col xs="6" sm="6" md="6" lg="4" xl="4">
+      <b-col xs="6" sm="6" md="6" lg="6" xl="6">
         <div class="lado-a-lado titulo">{{ titulo }}</div>
       </b-col>
       <b-col xs="6" sm="6" md="6" lg="4" xl="4">

package/src/store/modulos/generic.js

@@ -353,7 +353,12 @@ export default {
         },
         deleteFileApi: async function (context, params) {
             context.commit('limpaMetodoExecutadoApi');
-            return axios.post(params.url, params.obj, {
+
+            let url = params.url;
+            let nome = params.obj.nome;
+            let container = params.obj.container;
+            
+            return axios.delete(`${url}?nome=${nome}?container=${container}`, {
                 headers: new Token().tokenHeaders(),
             })
                 .then((response) => {