@nixweb/nixloc-ui 0.0.121 → 0.0.122

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,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";
-    }
-}

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

@@ -1,164 +0,0 @@
-<template>
-  <div class="vue-query-builder">
-    <slot v-bind="vqbProps">
-      <query-builder-group v-bind="vqbProps" :query.sync="query" />
-    </slot>
-  </div>
-</template>
-
-<script>
-/* eslint-disable vue/require-default-prop */
-import QueryBuilderGroup from "./layouts/Bootstrap/BootstrapGroup.vue";
-import deepClone from "./utilities.js";
-
-var defaultLabels = {
-  matchType: "Construtor de Consulta",
-  matchTypes: [
-    { id: "all", label: "All" },
-    { id: "any", label: "Any" },
-  ],
-  addRule: "+ Adicionar",
-  removeRule: "&times;",
-  addGroup: "+ Adicionar",
-  removeGroup: "&times;",
-  textInputPlaceholder: "Valor",
-};
-
-export default {
-  name: "VueQueryBuilder",
-
-  components: {
-    QueryBuilderGroup,
-  },
-
-  props: {
-    rules: Array,
-    labels: {
-      type: Object,
-      default() {
-        return defaultLabels;
-      },
-    },
-    maxDepth: {
-      type: Number,
-      default: 3,
-      validator: function (value) {
-        return value >= 1;
-      },
-    },
-    value: Object,
-  },
-
-  data() {
-    return {
-      query: {
-        logicalOperator: this.labels.matchTypes[0].id,
-        children: [],
-      },
-      ruleTypes: {
-        text: {
-          operators: ["igual", "diferente", "contem"],
-          inputType: "text",
-          id: "text-field",
-        },
-        numeric: {
-          operators: ["=", "!=", "<", "<=", ">", ">="],
-          inputType: "number",
-          id: "number-field",
-        },
-        custom: {
-          operators: [],
-          inputType: "text",
-          id: "custom-field",
-        },
-        radio: {
-          operators: [],
-          choices: [],
-          inputType: "radio",
-          id: "radio-field",
-        },
-        checkbox: {
-          operators: ["checkbox"],
-          choices: [],
-          inputType: "checkbox",
-          id: "checkbox-field",
-        },
-        select: {
-          operators: [],
-          choices: [],
-          inputType: "select",
-          id: "select-field",
-        },
-        "multi-select": {
-          operators: ["="],
-          choices: [],
-          inputType: "select",
-          id: "multi-select-field",
-        },
-      },
-    };
-  },
-
-  computed: {
-    mergedLabels() {
-      return Object.assign({}, defaultLabels, this.labels);
-    },
-
-    mergedRules() {
-      var mergedRules = [];
-      var vm = this;
-
-      vm.rules.forEach(function (rule) {
-        if (typeof vm.ruleTypes[rule.type] !== "undefined") {
-          mergedRules.push(Object.assign({}, vm.ruleTypes[rule.type], rule));
-        } else {
-          mergedRules.push(rule);
-        }
-      });
-
-      return mergedRules;
-    },
-
-    vqbProps() {
-      return {
-        index: 0,
-        depth: 1,
-        maxDepth: this.maxDepth,
-        ruleTypes: this.ruleTypes,
-        rules: this.mergedRules,
-        labels: this.mergedLabels,
-      };
-    },
-  },
-
-  mounted() {
-    this.$watch(
-      "query",
-      (newQuery) => {
-        if (JSON.stringify(newQuery) !== JSON.stringify(this.value)) {
-          this.$emit("input", deepClone(newQuery));
-        }
-      },
-      {
-        deep: true,
-      }
-    );
-
-    this.$watch(
-      "value",
-      (newValue) => {
-        if (JSON.stringify(newValue) !== JSON.stringify(this.query)) {
-          this.query = deepClone(newValue);
-        }
-      },
-      {
-        deep: true,
-      }
-    );
-
-    if (typeof this.$options.propsData.value !== "undefined") {
-      this.query = Object.assign(this.query, this.$options.propsData.value);
-    }
-  },
-};
-</script>