@nixweb/nixloc-ui 0.0.34 → 0.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.34",
+  "version": "0.0.38",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,
@@ -18,6 +18,7 @@
     "vue2-datepicker": "^2.13.0",
     "vue2-editor": "^2.6.6",
     "vue-loading-template": "^1.3.0",
+    "vue-moment": "^4.0.0",
     "vue-multiselect": "^2.1.0",
     "vue-numeric": "^2.4.1",
     "vue-toasted": "^1.1.28",

package/src/component/forms/Botao.vue

@@ -17,8 +17,12 @@
       :disabled="desabilitado"
       @click="executar()"
     >
-      <i :class="classeIcone" v-if="!carregando(this.chave)"></i>
-      <span class="titulo" v-if="!carregando(this.chave)">{{ titulo }}</span>
+      <i
+        class="titulo"
+        :class="classeIcone"
+        v-if="!carregando(this.chave) && classeIcone"
+      ></i>
+      <span v-if="!carregando(this.chave)">{{ titulo }}</span>
       <vue-loading
         v-if="carregando(this.chave)"
         type="bubbles"
@@ -69,7 +73,7 @@ export default {
 }
 
 .titulo {
-  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .botao {

package/src/component/layout/BarraFixa.vue

@@ -30,7 +30,6 @@ export default {
 
 <style scoped>
 .barra {
-  margin-left: 100px;
   background-color: white;
   position: fixed;
   width: 100%;

package/src/component/layout/Menu.vue

@@ -32,7 +32,6 @@
           </li>
         </ul>
       </div>
-
       <ul id="panel-account" data-mm-title="Conta">
         <li v-for="item in conta" :key="item.titulo">
           <span class="titulo" @click="navegarPara(item.rotaDestino)">{{
@@ -62,6 +61,10 @@ export default {
     new Mmenu(
       document.querySelector("#menu"),
       {
+        backButton: {
+          close: true,
+        },
+
         setSelected: {
           hover: true,
           parent: true,
@@ -74,15 +77,7 @@ export default {
           placeholder: "Pesquisar",
           splash: "<p>O que você está procurando?</p>",
           title: "Pesquisar",
-        },
-        iconbar: {
-          use: "(min-width: 450px)",
-          top: ['<a href="/dashboard"><span class="fa fa-home"></span></a>'],
-          /*  bottom: [
-            '<a href="#/"><span class="fa fa-twitter"></span></a>',
-            '<a href="#/"><span class="fa fa-facebook"></span></a>',
-            '<a href="#/"><span class="fa fa-youtube"></span></a>',
-          ],*/
+          noResults: "Nenhum resultado",
         },
         iconPanels: {
           add: true,
@@ -90,11 +85,10 @@ export default {
         },
         sidebar: {
           collapsed: {
-            use: "(min-width: 450px)",
+            use: false,
           },
           expanded: {
-            use: "(min-width: 992px)",
-            initial: "closed",
+            use: "(min-width: 1000px)",
           },
         },
         navbars: [
@@ -111,10 +105,6 @@ export default {
           {
             content: ["prev", "breadcrumbs", "close"],
           },
-          {
-            position: "bottom",
-            content: [],
-          },
         ],
       },
       {

package/src/component/shared/Carregando.vue

@@ -49,7 +49,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 .carregando {
   position: absolute;
   left: 50%;

package/src/component/shared/Paginacao.vue

@@ -36,3 +36,18 @@ export default {
   },
 };
 </script>
+
+<style>
+
+.page-item {
+  font-size: 13px !important;
+}
+
+.page-item.active .page-link {
+  font-size: 13px !important;
+  z-index: 3 !important;
+  color: #fff !important;
+  background-color: #d98621 !important;
+  border-color: #d98621 !important;
+}
+</style>

package/src/component/shared/Registro.vue

@@ -6,7 +6,7 @@
         <b-badge variant="warning">
           <span class="c-total">{{ totalRegistro }}</span>
         </b-badge>
-        <span>registros</span>
+        <span class="registros">registros</span>
       </span>
     </div>
   </div>
@@ -37,4 +37,9 @@ export default {
   color: white;
   font-size: 14px;
 }
+
+.registros{
+  margin-left: 5px;
+}
+
 </style>

package/src/component/shared/Tabela.vue

@@ -147,7 +147,7 @@ export default {
     ...mapActions("generic", ["pdfApi"]),
     selecionar() {
       this.adicionaSelecao([]);
-      if (!this.selecionarTodos) {
+      if (this.selecionarTodos) {
         for (let i in this.dados) {
           this.selecionados.push(this.dados[i].id);
         }
@@ -196,11 +196,6 @@ export default {
 </script>
 
 <style scoped>
-
-table {
-    border-collapse: initial !important;
-}
-
 table tbody tr td {
   max-width: 350px;
 }
@@ -225,10 +220,6 @@ table tbody tr td {
   font-weight: bold;
 }
 
-.titulo-margem {
-  padding-bottom: 5px;
-}
-
 .tabela-numero {
   font-size: 16px;
   font-weight: bold;

package/src/component/template/ModeloLista.vue

@@ -13,11 +13,11 @@
       </b-row>
       <b-row>
         <b-col sm="6">
-          <ResumoTabela :resumo="result.resumo" />
+          <ResumoTabela :resumo="conteudo.resumo" />
         </b-col>
 
         <b-col sm="6">
-          <Registro :totalRegistro="result.totalRegistros" />
+          <Registro :totalRegistro="conteudo.totalRegistros" />
         </b-col>
       </b-row>
       <BarraFixa posicao="topo" v-show="selecionados.length > 0">
@@ -34,7 +34,7 @@
       ></BarraFixa>
       <Tabela
         :cabecalhoTabela="modeloLista.cabecalhoTabela"
-        :dados="result.dados"
+        :dados="conteudo.dados"
         :mostrarChecks="modeloLista.mostrarChecks"
       >
         <div slot="conteudo-botoes-tabela">
@@ -43,7 +43,7 @@
       </Tabela>
     </div>
     <br />
-    <Paginacao chave="modeloLista" :totalRegistros="result.totalRegistros" />
+    <Paginacao chave="modeloLista" :totalRegistros="conteudo.totalRegistros" />
   </div>
 </template>
 
@@ -78,7 +78,7 @@ export default {
   },
   data() {
     return {
-      result: {
+      conteudo: {
         dados: [],
         totalRegistros: 0,
       },
@@ -130,7 +130,7 @@ export default {
       let obj = { ...this.baseParams, ...this.propsParams };
       let params = { url: this.modeloLista.urlGetApi, obj: obj };
       this.getApi(params).then((response) => {
-        this.result = response;
+        this.conteudo = response.conteudo;
         this.removeCarregando(["painel", "pesquisar", "limpar"]);
       });
     },
@@ -151,7 +151,7 @@ export default {
   watch: {
     metodoExecutadoApi: function (value) {
       if (value != "obterTodosApi" && value != "" && value != "escolherApi") {
-        this.obterTodos();
+        // this.obterTodos();
       }
     },
     buscouPesquisa: function () {

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');