@nixweb/nixloc-ui 0.0.119 → 0.0.122

package/src/component/forms/TextoArea.vue

@@ -1,126 +0,0 @@
-<template>
-  <div class="form-group">
-    <label>
-      <span class="titulo">{{ titulo }}</span>
-      <span class="requerido" v-if="requerido">*</span>
-      <Dica :campo="campo" :formNome="formNome" />
-    </label>
-    <div class="inner-addon right-addon">
-      <i
-        v-if="notificacoes.length > 0 && formSujo"
-        class="requerido glyphicon fas fa-exclamation-triangle"
-      ></i>
-
-      <textarea
-        type="text"
-        :placeholder="placeholder"
-        v-bind:value="value"
-        v-on:input="$emit('input', $event.target.value)"
-        class="form-control"
-        :class="{ 'is-invalid': notificacoes.length > 0 && formSujo }"
-      ></textarea>
-    </div>
-
-    <div v-if="formSujo">
-      <div v-for="mensagem in notificacoes" :key="mensagem">
-        <span class="invalido">{{ mensagem }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Dica from "../shared/Dica.vue";
-import { mapState, mapMutations } from "vuex";
-
-export default {
-  components: { Dica },
-  name: "TextoArea",
-  props: {
-    titulo: String,
-    campo: String,
-    placeholder: String,
-    formNome: String,
-    requerido: Boolean,
-    tamanhoMaximo: Number,
-    value: String,
-  },
-  data() {
-    return {
-      notificacoes: [],
-      formSujo: false,
-    };
-  },
-  created() {
-    this.valida();
-  },
-  methods: {
-    ...mapMutations("validation", [
-      "insereValidacao",
-      "removeValidacao",
-      "insereFormSujo",
-    ]),
-    valida() {
-      this.notificacoes = [];
-
-      if (this.requerido && this.value.length == 0) {
-        var mensagem = `${this.titulo} não pode ser vazio!`;
-        this.notificacoes.push(mensagem);
-      }
-
-      if (this.tamanhoMaximo > 0) {
-        if (this.value.length > this.tamanhoMaximo) {
-          var mensagem = `Máximo de ${this.tamanhoMaximo} caracteres!`;
-          this.notificacoes.push(mensagem);
-        }
-      }
-    },
-  },
-  computed: {
-    ...mapState("validation", ["reiniciaForm", "validacao"]),
-  },
-  watch: {
-    value() {
-      this.valida();
-      this.formSujo = true;
-      this.insereFormSujo(true);
-    },
-    notificacoes() {
-      let self = this;
-      this.notificacoes.forEach(function (notificacao) {
-        let obj = {
-          chave: self.campo + "&" + self.formNome,
-          formNome: self.formNome,
-          notificacao: notificacao,
-        };
-        self.insereValidacao(obj);
-      });
-
-      if (this.notificacoes.length == 0) {
-        let obj = {
-          chave: self.campo + "&" + self.formNome,
-          formNome: self.formNome,
-        };
-        self.removeValidacao(obj);
-      }
-    },
-    reiniciaForm: {
-      handler(form) {
-        if (form.nome == this.formNome) this.formSujo = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.sucesso {
-  color: #94aa2a;
-  font-size: 14px;
-}
-.invalido {
-  color: #f0134d;
-  font-size: 14px;
-}
-</style>

package/src/component/forms/TextoEditor.vue

@@ -1,123 +0,0 @@
-<template>
-  <div>
-    <label>
-      <span class="titulo">{{ titulo }}</span>
-      <span class="requerido" v-if="requerido">*</span>
-      <Dica :campo="campo" :formNome="formNome" />
-    </label>
-    <div class="inner-addon right-addon">
-      <i
-        v-if="notificacoes.length > 0 && formSujo"
-        class="requerido glyphicon fas fa-exclamation-triangle"
-      ></i>
-      <vue-editor v-model.trim="value" :editorToolbar="customToolbar"></vue-editor>
-    </div>
-
-    <div v-if="formSujo">
-      <div v-for="mensagem in notificacoes" :key="mensagem">
-        <span class="invalido">{{ mensagem }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Dica from "../shared/Dica.vue";
-import { VueEditor } from "vue2-editor";
-
-import { mapState, mapMutations } from "vuex";
-
-export default {
-  components: { Dica, VueEditor },
-  name: "TextoEditor",
-  mixins: [],
-  props: {
-    titulo: String,
-    campo: String,
-    formNome: String,
-    requerido: Boolean,
-    tamanhoMaximo: Number,
-    value: String,
-  },
-  data() {
-    return {
-      notificacoes: [],
-      formSujo: false,
-      textoEditor: "",
-      customToolbar: [
-        ["bold", "italic", "underline"],
-        [{ list: "ordered" }, { list: "bullet" }],
-        [{ align: "" }, { align: "center" }, { align: "right" }, { align: "justify" }],
-        [{ header: [false] }],
-      ],
-    };
-  },
-  created() {
-    this.valida();
-  },
-  methods: {
-    ...mapMutations("validation", ["insereValidacao", "removeValidacao"]),
-    valida() {
-      this.notificacoes = [];
-
-      if (this.requerido && this.value.length == 0) {
-        var mensagem = `${this.titulo} não pode ser vazio!`;
-        this.notificacoes.push(mensagem);
-      }
-
-      if (this.tamanhoMaximo > 0) {
-        if (this.value.length > this.tamanhoMaximo) {
-          var mensagem = `Máximo de ${this.tamanhoMaximo} caracteres!`;
-          this.notificacoes.push(mensagem);
-        }
-      }
-    },
-  },
-  computed: {
-    ...mapState("validation", ["reiniciaForm", "validacao"]),
-  },
-  watch: {
-    value() {
-      this.valida();
-      this.formSujo = true;
-      this.$emit("input", this.value);
-    },
-    notificacoes() {
-      let self = this;
-      this.notificacoes.forEach(function (notificacao) {
-        let obj = {
-          chave: self.campo + "&" + self.formNome,
-          formNome: self.formNome,
-          notificacao: notificacao,
-        };
-        self.insereValidacao(obj);
-      });
-
-      if (this.notificacoes.length == 0) {
-        let obj = {
-          chave: self.campo + "&" + self.formNome,
-          formNome: self.formNome,
-        };
-        self.removeValidacao(obj);
-      }
-    },
-    reiniciaForm: {
-      handler(form) {
-        if (form.nome == this.formNome) this.formSujo = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.sucesso {
-  color: #94aa2a;
-  font-size: 14px;
-}
-.invalido {
-  color: #f0134d;
-  font-size: 14px;
-}
-</style>

package/src/component/layout/Painel.vue

@@ -1,142 +0,0 @@
-<template>
-  <div class="painel">
-    <Toast />
-    <Carregando v-show="carregando('painel')" />
-    <div v-show="!carregando('painel')">
-      <div v-show="mostrarFiltroVertical">
-        <FiltroVertical>
-          <slot name="conteudo-filtro"></slot>
-        </FiltroVertical>
-      </div>
-      <div class="c-container">
-        <Mensagem v-if="!modal.abrir" />
-        <div class="row">
-          <div class="col-10">
-            <div class="div-titulo">
-              <span class="modulo">
-                <span class="icone"><i class="fas fa-compass"></i></span> {{ modulo }} |</span
-              >
-              <span class="titulo"> {{ titulo }}</span>
-            </div>
-          </div>
-          <div class="col-2 text-right" v-show="rotaAtual != 'Dashboard'">
-            <div class="c-voltar" @click="voltar()">
-              <span class="g-espaco-esquerda">Voltar</span>
-            </div>
-          </div>
-        </div>
-        <br v-show="mostrarBotoes" />
-        <div class="row" v-show="mostrarBotoes">
-          <div class="col-12" v-show="mostrarBotoes">
-            <slot name="conteudo-botoes"></slot>
-          </div>
-        </div>
-        <br v-show="mostrarBotoes || mostrarPesquisa" />
-        <div v-show="mostrarBotoes || mostrarPesquisa">
-          <div>
-            <div v-show="mostrarPesquisa"><Pesquisa /></div>
-          </div>
-        </div>
-        <br v-show="mostrarPesquisa" />
-        <div>
-          <slot name="conteudo-principal"></slot>
-        </div>
-      </div>
-    </div>
-    <br /><br /><br />
-  </div>
-</template>
-
-<script>
-import Toast from "../shared/Toast.vue";
-import Mensagem from "../shared/Mensagem.vue";
-import Pesquisa from "../shared/Pesquisa.vue";
-import Carregando from "../shared/Carregando.vue";
-import FiltroVertical from "../shared/FiltroVertical";
-
-import { mapState, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "Painel",
-  components: {
-    Carregando,
-    FiltroVertical,
-    Pesquisa,
-    Mensagem,
-    Toast,
-  },
-  props: {
-    modulo: String,
-    titulo: String,
-    mostrarFiltroVertical: Boolean,
-    mostrarPesquisa: Boolean,
-    mostrarBotoes: Boolean,
-  },
-  data() {
-    return {
-      rotaAtual: this.$route.name,
-    };
-  },
-  created() {
-    this.insereCarregando("painel");
-  },
-  updated() {
-    this.rotaAtual = this.$route.name;
-  },
-  computed: {
-    ...mapGetters("generic", ["carregando"]),
-    ...mapState("generic", ["modal"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["insereCarregando"]),
-    voltar() {
-      window.history.back();
-    },
-  },
-};
-</script>
-<style scoped>
-.c-container {
-  margin: auto;
-  padding-left: 110px;
-  max-width: 1400px;
-}
-
-.div-titulo {
-  margin-top: 15px;
-}
-
-.modulo {
-  font-size: 16px;
-  font-weight: 400;
-}
-
-.titulo {
-  font-size: 18px;
-  font-weight: 400;
-  line-height: 34px;
-  color: #577696;
-}
-
-.icone{
-  opacity: 0.8;
-  font-size: 20px;
-}
-
-
-.c-voltar {
-  margin-top: 20px;
-  margin-right: 12px;
-  font-size: 16px;
-  cursor: pointer;
-  color: #8ca1b7;
-}
-
-.c-voltar:hover {
-  color: #8ca1b7;
-}
-
-.painel {
-  padding: 25px;
-}
-</style>

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/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,73 +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 === "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}`;
-    }
-    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";
-    }
-}