@nixweb/nixloc-ui 0.0.121 → 0.0.124

package/src/component/shared/Mensagem.vue

@@ -1,86 +0,0 @@
-<template>
-  <div>
-    <div
-      :class="{ 'div-mensagem': !modal.abrir }"
-      v-if="notificacaoArmazenada.length > 0"
-    >
-      <div>
-        <Alerta tipo="perigo">
-          <div v-for="notificacao in notificacaoArmazenada">
-            {{ notificacao.mensagem }}
-          </div>
-        </Alerta>
-      </div>
-      <b-alert
-        v-show="false"
-        :show="contagemRegressiva"
-        dismissible
-        variant="danger"
-        @dismissed="contagemRegressiva = 0"
-        @dismiss-count-down="contagemRegressivaAlterada"
-      >
-      </b-alert>
-    </div>
-  </div>
-</template>
-
-<script>
-import Alerta from "../layout/Alerta.vue";
-import { mapState, mapMutations } from "vuex";
-
-export default {
-  components: { Alerta },
-  name: "Mensagem",
-  data() {
-    return {
-      maximoSegundos: 10,
-      contagemRegressiva: 10,
-      notificacaoArmazenada: [],
-    };
-  },
-  computed: {
-    ...mapState("generic", ["notificacoes", "modal"]),
-  },
-  watch: {
-    notificacoes() {
-      if (this.notificacoes.length > 0) {
-        this.notificacaoArmazenada = this.notificacoes;
-        this.contagemRegressiva = 5;
-      }
-    },
-    contagemRegressiva() {
-      if (this.contagemRegressiva === 0) {
-        this.notificacaoArmazenada = [];
-        this.removeNotificacao();
-      }
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["removeNotificacao"]),
-    contagemRegressivaAlterada(contagemRegressiva) {
-      this.contagemRegressiva = contagemRegressiva;
-    },
-    mensagens(notificacoes) {
-      var mensagem = "";
-      notificacoes.forEach(function (notificacao) {
-        mensagem += notificacao.mensagem + " ";
-      });
-
-      return mensagem;
-    },
-  },
-};
-</script>
-<style scoped>
-.div-mensagem {
-  margin-top: 15px;
-}
-
-.div-mensagem-modal {
-  margin-bottom: 5px;
-}
-
-.invalido {
-  color: #f0134d;
-}
-</style>

package/src/component/shared/Progresso.vue

@@ -1,21 +0,0 @@
-<template>
-  <div>
-    <progress-bar :size="tamanho" :text="texto" :val="valor" :max="maximo"></progress-bar>
-  </div>
-</template>
-<script>
-import ProgressBar from "vue-simple-progress";
-
-export default {
-  name: "Progresso",
-  components: {
-    ProgressBar,
-  },
-  props: {
-    texto: String,
-    valor: Number,
-    maximo: Number,
-    tamanho: String,
-  },
-};
-</script>

package/src/component/shared/SalvarCancelar.vue

@@ -1,56 +0,0 @@
-<template>
-  <div>
-    <BarraFixa posicao="rodape" v-show="formSujo && !modal.abrir">
-      <div>
-        <Botao
-          chave="cancelarSalvarCancelar"
-          nomeEvento="cancelarSalvarCancelar"
-          titulo="Cancelar"
-          tipo="perigo"
-          tamanho="medio"
-          :clique="cancelar"
-        />
-        <Botao
-          chave="salvarSalvarCancelar"
-          nomeEvento="salvarSalvarCancelar"
-          titulo="Salvar"
-          tipo="sucesso"
-          :desabilitado="!formValido(formNome)"
-          tamanho="medio"
-        />
-      </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"]),
-    ...mapState("generic", ["modal"]),
-  },
-  methods: {
-    ...mapMutations("validation", ["insereFormSujo"]),
-    ...mapMutations("generic", ["removeCarregando"]),
-    cancelar() {
-      this.insereFormSujo(false);
-      this.removeCarregando(["cancelarSalvarCancelar"]);
-    },
-  },
-  watch: {
-    "modal.abrir": function (valor) {
-      this.insereFormSujo(false);
-    },
-  },
-};
-</script>

package/src/component/shared/Tabela.vue

@@ -1,275 +0,0 @@
-<template>
-  <div>
-    <table class="table table-responsive-xs">
-      <thead>
-        <tr>
-          <th class="td-checkbox" v-if="mostrarChecks">
-            <div>
-              <b-form-checkbox v-model="selecionarTodos" @change="selecionar" />
-            </div>
-          </th>
-          <th v-for="(obj, ind) in cabecalhoTabela" :key="ind">
-            <div class="titulo-margem" :class="obj.classeCssTitulo">
-              <i class="fas fa-search" v-if="obj.iconeBusca"></i>
-              <span class="titulo-cabecalho"> {{ obj.titulo }}</span>
-            </div>
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="(linha, index) in dados" :key="index" :style="linha.linhaCss">
-          <td class="td-checkbox" v-if="mostrarChecks">
-            <b-form-checkbox v-model="selecionados" :value="linha.id" />
-          </td>
-          <td v-for="(obj, ind) in cabecalhoTabela" :key="ind">
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'texto'"
-            >
-              {{ linha[obj.campo] }}
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'classe'"
-            >
-              {{ linha[obj.campo] }}
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'html'"
-            >
-              <div v-if="linha[obj.campo]" v-html="linha[obj.campo]"></div>
-              <div v-else v-html="obj.html"></div>
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'escolher'"
-            >
-              {{ linha[obj.campo].conteudo }}
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'data'"
-            >
-              {{ linha[obj.campo] | moment("DD/MM/YYYY") }}
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'dataHora'"
-            >
-              {{ linha[obj.campo] | moment("DD/MM/YYYY HH:mm") }}
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'valor'"
-            >
-              {{ linha[obj.campo] | currency }}
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'pdf'"
-            >
-              <span
-                @click="solicitarPdf(obj.pdf, linha[obj.campo])"
-                class="icone"
-                v-if="linha[obj.campo]"
-              >
-                <i :class="obj.icone"></i
-              ></span>
-              <span v-else>N/I</span>
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'telerik'"
-            >
-              <span
-                @click="solicitarTelerik(obj.pdf, linha[obj.campo])"
-                class="icone"
-                v-if="linha[obj.campo]"
-              >
-                <i :class="obj.icone"></i
-              ></span>
-              <span v-else>N/I</span>
-            </div>
-            <div
-              :class="converteClasse(linha[obj.campoComparacao], obj.classeCssCorpo)"
-              v-if="obj.tipo === 'botao'"
-            >
-              <TabelaBotao :obj="obj" :linha="linha" />
-            </div>
-            <div class="link" v-if="obj.tipo === 'link'" @click="navegarPara(obj, linha)">
-              <span> {{ linha[obj.campo] }}</span>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-      <tbody v-show="dados.length == 0">
-        <tr>
-          <td colspan="12">
-            <span>Nenhum registro encontrado!</span>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script>
-import TabelaBotao from "@nixweb/nixloc-ui/src/component/shared/TabelaBotao.vue";
-
-import { mapState, mapMutations, mapActions } from "vuex";
-
-export default {
-  components: { TabelaBotao },
-  props: {
-    cabecalhoTabela: Array,
-    dados: Array,
-    mostrarChecks: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      selecionarTodos: false,
-    };
-  },
-  computed: {
-    ...mapState("generic", ["selecionados"]),
-    selecionados: {
-      get() {
-        return this.$store.state.generic.selecionados;
-      },
-      set(value) {
-        this.adicionaSelecao(value);
-      },
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["adicionaSelecao", "insereEvento"]),
-    ...mapActions("generic", ["pdfApi"]),
-    selecionar() {
-      this.adicionaSelecao([]);
-      if (this.selecionarTodos) {
-        for (let i in this.dados) {
-          this.selecionados.push(this.dados[i].id);
-        }
-      }
-    },
-    converteClasse(campoComparacao, classeCssCorpo) {
-      if (Array.isArray(classeCssCorpo)) {
-        let ret = [];
-        classeCssCorpo.forEach(function (value) {
-          let classe = value.classe;
-          let condicao = value.campoComparacao == campoComparacao;
-          let obj = {
-            [classe]: condicao,
-          };
-
-          ret.push(obj);
-        });
-        return ret;
-      } else {
-        return classeCssCorpo;
-      }
-    },
-    solicitarPdf(pdf, id) {
-      let params = { url: pdf.url, obj: { id: id } };
-      this.pdfApi(params).then((response) => {});
-    },
-    solicitarTelerik(pdf, id) {
-      let params = {
-        url: pdf.url,
-        obj: {
-          ReportName: pdf.nomeRelatorio,
-          ParameterValues: {
-            Logo: this.urlLogoEmpresa,
-            FaturaId: id,
-            EmpresaId: this.empresaId,
-          },
-        },
-      };
-      this.pdfApi(params).then((response) => {});
-    },
-    navegarPara(obj, linha) {
-      if (obj.nomeRota) {
-        this.$router.push({
-          name: obj.nomeRota,
-          params: { id: linha.id },
-        });
-      } else {
-        this.insereEvento({
-          nome: obj.nomeEvento,
-          dados: linha,
-        });
-      }
-    },
-  },
-
-  beforeDestroy() {
-    this.adicionaSelecao([]);
-  },
-};
-</script>
-
-<style scoped>
-table tbody tr td {
-  max-width: 350px;
-}
-
-.table th,
-.table td {
-  height: 10px !important;
-  padding-left: 5px !important;
-  padding-top: 7px !important;
-  padding-bottom: 5px !important;
-  padding-right: 5px !important;
-  border-bottom: 0px !important;
-}
-
-.td-checkbox {
-  width: 30px;
-}
-
-tr:hover {
-  background-color: #fafafc;
-}
-
-.titulo-cabecalho {
-  font-size: 13px;
-  color: #757d8c;
-  font-weight: 400;
-  text-transform: uppercase;
-}
-
-.tabela-numero {
-  font-size: 14px;
-  font-weight: bold;
-}
-
-.tabela-principal {
-  color: #757d8c;
-  max-width: 200px;
-}
-
-.tabela-valor {
-  font-size: 14px;
-  min-width: 100px;
-}
-
-.link {
-  color: #3F529B;
-  font-size: 14px;
-  font-weight: 400;
-  cursor: pointer;
-}
-
-.link:hover {
-  text-decoration: underline;
-  transition: 0.1s;
-}
-
-.icone-link:hover {
-  font-size: 12.5px;
-}
-</style>

package/src/component/shared/TabelaBotao.vue

@@ -1,36 +0,0 @@
-<template>
-  <div>
-    <Botao
-      v-if="obj.qualBotao == 'botao'"
-      :chave="linha.id"
-      :titulo="obj.botao.titulo"
-      :tipo="obj.botao.tipo"
-      :tamanho="obj.botao.tamanho"
-      :classeIcone="obj.botao.classeIcone"
-      :nomeEvento="obj.botao.nomeEvento"
-      :dadosEvento="linha"
-    />
-    <BotaoDropdown
-      v-if="obj.qualBotao == 'botaodropdown'"
-      :titulo="obj.botao.titulo"
-      :tipo="obj.botao.tipo"
-      :tamanho="obj.botao.tamanho"
-      :classeIcone="obj.botao.classeIcone"
-      :dadosEvento="linha"
-      :itens="obj.botao.itens"
-    />
-  </div>
-</template>
-
-<script>
-import BotaoDropdown from "../forms/BotaoDropdown";
-import Botao from "../forms/Botao";
-export default {
-  name: "TabelaBotao",
-  components: { Botao, BotaoDropdown },
-  props: {
-    obj: Object,
-    linha: Object,
-  },
-};
-</script>

package/src/component/shared/query-builder/Campo.vue

@@ -1,116 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="6">
-        <BarraRolagem :alturaMinima="200" :alturaMaxima="250">
-          <div class="div-opcoes">
-            <CheckboxMultiplo
-              :empilhado="true"
-              :valorInicial="opcoes.valorInicial"
-              :opcoes="opcoes.opcoes"
-              v-model="campoSelecionado"
-            />
-          </div>
-        </BarraRolagem>
-      </b-col>
-      <b-col sm="6">
-        <Opcoes
-          :opcoes="[
-            { text: 'Crescente', value: 'asc' },
-            { text: 'Decrescente', value: 'desc' },
-          ]"
-          v-model="ordenar"
-        />
-        <EscolherEstatico
-          titulo="Ordenar"
-          campoAlvo="ordenar"
-          :valorInicial="valorInicial"
-          :dados="ordenacao"
-          v-model="campoOrdenado"
-        />
-      </b-col>
-    </b-row>
-  </div>
-</template>
-<script>
-import EscolherEstatico from "@nixweb/nixloc-ui/src/component/forms/EscolherEstatico";
-import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
-import CheckboxMultiplo from "@nixweb/nixloc-ui/src/component/forms/CheckboxMultiplo";
-import BarraRolagem from "@nixweb/nixloc-ui/src/component/layout/BarraRolagem.vue";
-
-import { mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "CampoRelatorio",
-  components: {
-    CheckboxMultiplo,
-    EscolherEstatico,
-    BarraRolagem,
-    Opcoes,
-  },
-  data() {
-    return {
-      ordenar: "asc",
-      valorInicial: {},
-    };
-  },
-  created() {
-    this.valorInicial = this.ordenacao[0];
-    let obj = {
-      conteudo: this.valorInicial.conteudo,
-      id: this.valorInicial.id,
-      ordenar: this.ordenar,
-    };
-    this.atualizaCampoOrdenado(obj);
-  },
-  computed: {
-    ...mapGetters("relatorio", ["opcoes"]),
-    campoSelecionado: {
-      get() {
-        return this.$store.state.relatorio.campoSelecionado;
-      },
-      set(value) {
-        this.atualizaCampoSelecionado(value);
-      },
-    },
-    campoOrdenado: {
-      get() {
-        return this.$store.state.relatorio.campoOrdenado;
-      },
-      set(value) {
-        let obj = { conteudo: value.conteudo, id: value.id, ordenar: this.ordenar };
-        this.atualizaCampoOrdenado(obj);
-      },
-    },
-    ordenacao() {
-      let ordenacao = [];
-      this.opcoes.opcoes.forEach((opcao) => {
-        let obj = { conteudo: opcao.text, id: opcao.value };
-        ordenacao.push(obj);
-      });
-      return ordenacao;
-    },
-  },
-  methods: {
-    ...mapMutations("relatorio", ["atualizaCampoSelecionado", "atualizaCampoOrdenado"]),
-  },
-  watch: {
-    ordenar: {
-      handler(value) {
-        let obj = {
-          conteudo: this.campoOrdenado.conteudo,
-          id: this.campoOrdenado.id,
-          ordenar: this.ordenar,
-        };
-        this.atualizaCampoOrdenado(obj);
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-opcoes {
-  margin-left: 10px;
-}
-</style>

package/src/component/shared/query-builder/ConverteParaOdata.js

@@ -1,77 +0,0 @@
-export default class ConverteParaOdata {
-    converteFiltro(query) {
-        let campo = query.rule;
-        let valor = query.value;
-        let tipo = query.tipo;
-        let label = query.label;
-
-        if (query.operator === "igual") return `${campo} eq '${valor}'`;
-        if (query.operator === "diferente") return `${campo} ne '${valor}'`;
-        if (query.operator === "contem") return `contains(${campo},'${valor}')`;
-        if (query.operator === "periodo") return this.convertePeriodo(valor);
-        if (query.operator === "escolher") return this.converteEscolher(campo, valor);
-        if (query.operator === "checkbox") return this.converteCheckbox(campo, valor, tipo, label);
-        if (query.operator === "=") return `${campo} eq ${valor}`;
-        if (query.operator === "!=") return `${campo} ne ${valor}`;
-        if (query.operator === "<") return `${campo} lt ${valor}`;
-        if (query.operator === "<=") return `${campo} le ${valor}`;
-        if (query.operator === ">") return `${campo} gt ${valor}`;
-        if (query.operator === ">=") return `${campo} ge ${valor}`;
-    }
-    convertePeriodo(valor) {
-        let inicio = this.converteData(valor[0]);
-        let fim = this.converteData(valor[1]);
-        return `data ge ${inicio} and data le ${fim}`;
-    }
-    converteEscolher(campo, valor) {
-        return `${campo} eq '${valor.id}'`;
-    }
-    converteCheckbox(campo, valor, tipo, label) {
-        let consulta = "";
-        let sequencia = 0;
-        var tamanho = valor.length;
-        let self = this;
-        valor.forEach(function (value) {
-            if (tipo == "campo") {
-                consulta += `${campo} eq ${value}`;
-                if (sequencia + 1 != tamanho) consulta += ` or `;
-            }
-            if (tipo == "resumo") {
-                let nome = self.converteNome(value);
-                consulta += `${campo} with ${value} as ${nome}${label}`;
-                if (sequencia + 1 != tamanho) consulta += `,`;
-            }
-            sequencia++;
-        });
-
-        if (tamanho > 1 && tipo == "campo") return `(${consulta})`;
-        return `${consulta}`;
-    }
-    converteData(data) {
-        let str = data.replace("/", "").replace("/", "");
-
-        let date = {
-            dia: str.substr(0, 2),
-            mes: str.substr(2, 2),
-            ano: str.substr(4, 4),
-        };
-
-        var iso = date.ano + "-" + date.mes + "-" + date.dia;
-
-        /*
-          iso += date.dia + "T";
-          iso += "00:00:00.000Z";
-          iso += d.getHours().toString().padStart(2, "0") + ":";
-          iso += d.getMinutes().toString().padStart(2, "0") + ":";
-          iso += d.getSeconds().toString().padStart(2, "0");
-        */
-
-        return iso;
-    }
-    converteNome(value) {
-        if (value === "sum") return "soma";
-        if (value === "average") return "media";
-        if (value === "max") return "maximo";
-        if (value === "minimo") return "minimo";
-    }
-}