@nixweb/nixloc-ui 0.0.121 → 0.0.124

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

@@ -1,81 +0,0 @@
-import Vue from 'vue'
-import VueQueryBuilder from '@nixweb/nixloc-ui/src/component/shared/QueryBuilder/VueQueryBuilder.vue'
-
-Vue.config.productionTip = false
-
-let rules = [
-    {
-      type: "text",
-      id: "first-name",
-      label: "First Name",
-    },
-    {
-      type: "text",
-      id: "last-name",
-      label: "Last Name",
-    },
-    {
-      type: "radio",
-      id: "plan-type",
-      label: "Plan Type",
-      choices: [
-        {label: "Standard", value: "standard"},
-        {label: "Premium", value: "premium"}
-      ]
-    },
-    {
-      type: "checkbox",
-      id: "sizes",
-      label: "Sizes",
-      choices: [
-        {label: "Small", value: "small"},
-        {label: "Medium", value: "medium"},
-        {label: "Large", value: "large"}
-      ]
-    },
-    {
-      type: "text",
-      id: "date",
-      inputType:"date",
-      label: "Date",
-      operands: ['Start Date', 'End Date']
-    },
-    {
-      type: "select",
-      id: 'select',
-      label: 'Color',
-      operators: ['=', '<>'],
-      choices: [
-        {label: "red", value: 'Red'},
-        {label: "orange", value: 'Orange'},
-        {label: "yellow", value: 'Yellow'},
-        {label: "green", value: 'Green'},
-        {label: "blue", value: 'Blue'},
-        {label: "indigo", value: 'Indigo'},
-        {label: "violet", value: 'Violet'},
-      ]
-    },
-  ];
-
-new Vue({
-  el: '#app',
-
-  components: { VueQueryBuilder },
-
-  data: {
-    rules: rules,
-    output: {},
-  },
-
-  computed: {
-    outputFormatted: function() {
-      return JSON.stringify(this.output, null, 2);
-    }
-  },
-
-  methods: {
-    updateQuery: function(value){
-      this.output = value;
-    }
-  }
-});

package/src/component/template/ModeloAdicionarModificarView.vue

@@ -1,32 +0,0 @@
-<template>
-  <div>
-    <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltro="painel.mostrarFiltro"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
-    >
-      <div slot="conteudo-botoes">
-        <slot name="conteudo-botoes"></slot>
-      </div>
-      <div slot="conteudo-principal">
-        <slot name="conteudo-principal"></slot>
-      </div>
-    </Painel>
-    <SalvarCancelar :formNome="painel.formNome" />
-  </div>
-</template>
-
-<script>
-import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel";
-import SalvarCancelar from "@nixweb/nixloc-ui/src/component/shared/SalvarCancelar";
-
-export default {
-  name: "ModeloAdicionarModificarView",
-  components: { Painel, SalvarCancelar },
-  props: {
-    painel: Object,
-  },
-};
-</script>

package/src/component/template/ModeloDocumentoView.vue

@@ -1,227 +0,0 @@
-<template>
-  <div>
-    <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltro="painel.mostrarFiltro"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
-    >
-      <div slot="conteudo-principal">
-        <div>
-          <div class="div-top">
-            <Moldura>
-              <b-row>
-                <b-col sm="6">
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="salvarDocumento"
-                      tipo="sucesso"
-                      titulo="Salvar"
-                      classeIcone="fas fa-save"
-                      :desabilitado="salvarDesabilitado"
-                      tamanho="pequeno"
-                      :clique="salvarDocumento"
-                    />
-                  </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      v-if="id"
-                      chave="fazerCopia"
-                      tipo="sucesso"
-                      titulo="Fazer uma cópia"
-                      classeIcone="fas fa-clone"
-                      tamanho="pequeno"
-                      :clique="fazerCopia"
-                    />
-                  </div>
-                </b-col>
-                <b-col class="text-right" sm="6">
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirLegenda"
-                      tipo="info"
-                      classeIcone="fas fa-book-reader"
-                      tamanho="pequeno"
-                      :clique="abrirLegenda"
-                    />
-                  </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirCodigo"
-                      tipo="info"
-                      classeIcone="far fa-code"
-                      tamanho="pequeno"
-                      :clique="abrirCodigo"
-                    />
-                  </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirVisualizar"
-                      tipo="info"
-                      titulo="Visualizar"
-                      classeIcone="far fa-eye"
-                      tamanho="pequeno"
-                      :clique="abrirVisualizar"
-                    />
-                  </div>
-                </b-col>
-              </b-row>
-            </Moldura>
-          </div>
-          <Modal titulo="Salvar" :largura="500" v-show="mostrarModal('salvarDocumento')">
-            <slot></slot>
-          </Modal>
-          <Modal titulo="Parâmetros" :largura="1100" v-if="mostrarModal('legenda')">
-            <LegendaParametro v-if="modal.abrir" :legenda="legenda" />
-          </Modal>
-          <Modal titulo="Editor de Código" :largura="900" v-if="mostrarModal('codigo')">
-            <CodigoEditor v-if="modal.abrir" />
-          </Modal>
-          <Modal titulo="Visualizar" :largura="1200" v-if="mostrarModal('visualizar')">
-            <div v-if="modal.abrir">
-              <b-row>
-                <b-col class="text-center">
-                  <Botao
-                    v-print="'#printMe'"
-                    chave="imprimir"
-                    tipo="editar"
-                    titulo="Imprimir"
-                    classeIcone="fas fa-print"
-                    tamanho="pequeno"
-                    :clique="imprimir"
-                  />
-                </b-col>
-              </b-row>
-              <br />
-              <BarraRolagem :alturaMinima="500" :alturaMaxima="500">
-                <div>
-                  <div class="a4">
-                    <div id="printMe">
-                      <DocumentoPreview :template="documentoPreview" :d="dados" />
-                    </div>
-                  </div>
-                </div>
-              </BarraRolagem>
-            </div>
-          </Modal>
-          <div class="div-editor">
-            <DocumentoEditor />
-          </div>
-        </div>
-      </div>
-    </Painel>
-  </div>
-</template>
-
-<script>
-import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel";
-
-import DocumentoEditor from "@nixweb/nixloc-ui/src/component/shared/DocumentoEditor.vue";
-import DocumentoPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentoPreview.vue";
-import CodigoEditor from "@nixweb/nixloc-ui/src/component/shared/CodigoEditor.vue";
-import LegendaParametro from "@nixweb/nixloc-ui/src/component/shared/LegendaParametro.vue";
-import Moldura from "@nixweb/nixloc-ui/src/component/layout/Moldura";
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import BarraRolagem from "@nixweb/nixloc-ui/src/component/layout/BarraRolagem.vue";
-
-import print from "vue-print-nb";
-
-import { mapState, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "DocumentoAdicionarModificarView",
-  directives: {
-    print,
-  },
-  components: {
-    Painel,
-    DocumentoEditor,
-    DocumentoPreview,
-    CodigoEditor,
-    LegendaParametro,
-    Moldura,
-    Botao,
-    Modal,
-    BarraRolagem,
-  },
-  props: {
-    painel: Object,
-    dados: Object,
-    legenda: Array,
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      salvarDesabilitado: true,
-    };
-  },
-  computed: {
-    ...mapState("generic", ["modal", "documentoHtml"]),
-    ...mapGetters("generic", ["mostrarModal", "evento", "documentoPreview"]),
-  },
-  methods: {
-    ...mapMutations("generic", [
-      "abrirModal",
-      "fecharModal",
-      "removeCarregando",
-      "insereEvento",
-    ]),
-    salvarDocumento() {
-      if (this.id) {
-        this.insereEvento({ nome: "salvarDocumento" });
-      } else {
-        this.abrirModal("salvarDocumento");
-        this.removeCarregando(["salvarDocumento"]);
-      }
-    },
-    fazerCopia() {
-      this.insereEvento({ nome: "fazerCopia" });
-    },
-    abrirLegenda() {
-      this.abrirModal("legenda");
-      this.removeCarregando(["abrirLegenda"]);
-    },
-    abrirCodigo() {
-      this.abrirModal("codigo");
-      this.removeCarregando(["abrirCodigo"]);
-    },
-    abrirVisualizar() {
-      this.abrirModal("visualizar");
-      this.removeCarregando(["abrirVisualizar"]);
-    },
-    imprimir() {
-      this.removeCarregando(["imprimir"]);
-    },
-  },
-  watch: {
-    evento: {
-      handler(evento) {
-        if (evento.nome == "documentoEditorModificado") this.salvarDesabilitado = true;
-        if (evento.nome == "documentoEditorFocus") this.salvarDesabilitado = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-top {
-  margin-top: 30px;
-}
-.div-editor {
-  margin-top: 25px;
-}
-.a4 {
-  max-width: 1140px;
-  min-height: 21cm;
-  padding: 20px;
-  border: 1px hsl(0, 0%, 82.7%) solid;
-  border-radius: var(--ck-border-radius);
-  background: white;
-  box-shadow: 0 0 5px hsl(0deg 0% 0% / 10%);
-  margin: 0 auto;
-}
-
-</style>

package/src/component/template/ModeloLista.vue

@@ -1,231 +0,0 @@
-<template>
-  <div>
-    <div :class="{ 'g-div-moldura': mostrarMoldura }">
-      <b-row>
-        <b-col sm="12"
-          ><div>
-            <FiltroHorizontal v-if="mostrarFiltroHorizontal">
-              <div slot="conteudo-filtro-horizontal">
-                <slot name="conteudo-filtro-horizontal"></slot>
-              </div>
-            </FiltroHorizontal></div
-        ></b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="6">
-          <ResumoTabela :resumo="conteudo.resumo" />
-        </b-col>
-
-        <b-col sm="6">
-          <Registro :totalRegistro="conteudo.totalRegistros" />
-        </b-col>
-      </b-row>
-      <BarraFixa posicao="topo" v-show="selecionados.length > 0">
-        <div>
-          <Botao
-            v-if="botaoExcluir"
-            chave="remover"
-            :titulo="`Remover  ${selecionados.length}`"
-            tipo="perigo"
-            tamanho="pequeno"
-            :clique="removerSelecionados"
-          />
-          <slot name="conteudo-botoes-tabela-cabecalho"></slot></div
-      ></BarraFixa>
-      <Tabela
-        :cabecalhoTabela="modeloLista.cabecalhoTabela"
-        :dados="conteudo.dados"
-        :mostrarChecks="modeloLista.mostrarChecks"
-      >
-        <div slot="conteudo-botoes-tabela">
-          <slot name="conteudo-botoes-tabela"></slot>
-        </div>
-      </Tabela>
-    </div>
-    <br />
-    <Paginacao chave="modeloLista" :totalRegistros="conteudo.totalRegistros" />
-  </div>
-</template>
-
-<script>
-import Paginacao from "../shared/Paginacao.vue";
-import Tabela from "../shared/Tabela.vue";
-import Botao from "../forms/Botao.vue";
-import BarraFixa from "../layout/BarraFixa.vue";
-import Registro from "../shared/Registro.vue";
-import ResumoTabela from "../shared/ResumoTabela.vue";
-import FiltroHorizontal from "../shared/FiltroHorizontal.vue";
-
-import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ModeloLista",
-  props: {
-    modeloLista: Object,
-    propsParam: Object,
-    mostrarMoldura: {
-      type: Boolean,
-      default: true,
-    },
-    mostrarFiltroHorizontal: {
-      type: Boolean,
-      default: true,
-    },
-    botaoExcluir: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  components: {
-    FiltroHorizontal,
-    ResumoTabela,
-    Registro,
-    BarraFixa,
-    Botao,
-    Tabela,
-    Paginacao,
-  },
-  data() {
-    return {
-      conteudo: {
-        dados: [],
-        totalRegistros: 0,
-      },
-      baseParams: {
-        pesquisa: undefined,
-        filtro: "contem",
-        paginaAtual: 1,
-        totalPorPagina: 10,
-      },
-      paramsFiltro: [],
-      filtroDinamico: {},
-    };
-  },
-  created() {
-    // o carregamento inicial obterTodos() é feito pela mudança no paginacaoChave
-  },
-  mounted() {
-    this.atualizaPaginacao({
-      chave: "modeloLista",
-      totalPorPagina: this.baseParams.totalPorPagina,
-    });
-  },
-  beforeDestroy() {
-    let pesquisa = { conteudo: "", filtro: { conteudo: "contem", id: "contem" } };
-    this.atualizaCampoPesquisa(pesquisa);
-  },
-  computed: {
-    ...mapState("generic", [
-      "selecionados",
-      "metodoExecutadoApi",
-      "pesquisa",
-      "buscouPesquisa",
-      "limpouPesquisa",
-      "totalPorPagina",
-      "EscolherEstatico",
-    ]),
-    ...mapGetters("generic", ["paginacao"]),
-    paginacaoChave: function () {
-      return this.paginacao("modeloLista");
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["getApi", "deleteAllApi"]),
-    ...mapMutations("generic", [
-      "removeCarregando",
-      "adicionaSelecao",
-      "atualizaPaginacao",
-      "atualizaCampoPesquisa",
-    ]),
-    obterTodos() {
-      let obj = { ...this.baseParams, ...this.filtroDinamico, ...this.propsParam };
-      let params = { url: this.modeloLista.urlGetApi, obj: obj };
-      this.getApi(params).then((response) => {
-        this.conteudo = response.conteudo;
-        this.removeCarregando(["painel", "modeloSubView", "pesquisar", "limpar"]);
-      });
-    },
-    removerSelecionados() {
-      let params = {
-        url: this.modeloLista.urlRemoverTodosApi,
-        selecionados: this.selecionados,
-      };
-      this.deleteAllApi(params).then(() => {
-        this.removeCarregando(["remover"]);
-        this.adicionaSelecao([]);
-      });
-    },
-    limpaParams() {
-      this.baseParams.paginaAtual = 1;
-    },
-  },
-  watch: {
-    metodoExecutadoApi: function (value) {
-      if (
-        value === "postApi" ||
-        value === "putApi" ||
-        value === "deleteAllApi" ||
-        value === "deleteAllApiErro"
-      ) {
-        this.obterTodos();
-      }
-    },
-    buscouPesquisa: function () {
-      this.baseParams.pesquisa = this.pesquisa.conteudo;
-      this.baseParams.filtro = this.pesquisa.filtro.id;
-      this.limpaParams();
-      this.obterTodos();
-    },
-    limpouPesquisa: function () {
-      this.baseParams.pesquisa = "";
-      this.baseParams.filtro = "";
-      this.limpaParams();
-      this.obterTodos();
-    },
-    paginacaoChave: {
-      handler(value) {
-        this.limpaParams();
-        this.baseParams.paginaAtual = value.paginaAtual;
-        this.obterTodos();
-      },
-      deep: true,
-    },
-    EscolherEstatico: {
-      handler(value) {
-        let campoAlvo = value.campoAlvo;
-        let obj = { chave: campoAlvo, valor: value.valor };
-        this.paramsFiltro.push(obj);
-
-        var result = {};
-        for (var i = 0; i < this.paramsFiltro.length; i++) {
-          let chave = this.paramsFiltro[i].chave;
-          let valor = this.paramsFiltro[i].valor;
-
-          if (chave == "periodo") {
-            result["inicio"] = valor.inicio;
-            result["fim"] = valor.fim;
-          } else {
-            result[chave] = valor;
-          }
-        }
-
-        this.filtroDinamico = result;
-
-        this.atualizaPaginacao({
-          chave: "modeloLista",
-          totalPorPagina: this.filtroDinamico.totalPorPagina,
-        });
-
-        this.obterTodos();
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-botao-excluir {
-  padding-bottom: 10px;
-}
-</style>