@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/adm/document/DocumentCreateUpdate.vue

@@ -1,269 +0,0 @@
-<template>
-  <div>
-    <b-tabs>
-      <b-tab title="Principal">
-        <b-row>
-          <b-col sm="12">
-            <InputText title="Identificação" field="identification" :formName="formName" :required="true"
-              :maxLength="50" v-model="document.identification" />
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="12">
-            <CheckboxGroup title="Em qual módulo será utilizado?" field="module" :initialValue="document.module"
-              :formName="formName" :options="options" v-model="document.module" />
-          </b-col>
-        </b-row>
-      </b-tab>
-      <b-tab title="Produtos" v-if="isVisible(['Rental', 'Operational', 'PDV'])">
-        <b-row>
-          <b-col sm="3">
-            <RadioGroup title="Agrupar" :formName="formName" field="group" :options="[
-              { text: 'Sim', value: true },
-              { text: 'Não', value: false },
-            ]" v-model="document.config.product.group" />
-          </b-col>
-          <b-col sm="7">
-            <RadioGroup title="Ordenar" :formName="formName" field="order" :options="[
-              { text: 'Padrão', value: 'default' },
-              { text: 'Categoria', value: 'category' },
-              { text: 'Nome do produto', value: 'product' },
-            ]" v-model="document.config.product.orderBy" />
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="12">
-            <CheckboxGroup title="Mostrar" field="permission" :markFormDirty="false" :options="[
-              { text: 'Produtos da locação', value: 'showProduct' },
-              { text: 'Produtos somente estoque', value: 'showOnlyStock' },
-              { text: 'Acessório(s)', value: 'showAccessory' },
-              { text: 'Serviço(s)', value: 'showService' },
-            ]" :initialValue="document.config.product.show" v-model="document.config.product.show" />
-          </b-col>
-        </b-row>
-      </b-tab>
-      <b-tab title="Movimentação" v-if="isVisible(['MovementStock'])">
-        <b-row>
-          <b-col sm="7">
-            <RadioGroup title="Ordenar" :formName="formName" field="order" :options="[
-              { text: 'Padrão', value: 'default' },
-              { text: 'Categoria', value: 'category' },
-              { text: 'Nome do produto', value: 'product' },
-            ]" v-model="document.config.moviment.orderBy" />
-          </b-col>
-        </b-row>
-      </b-tab>
-      <b-tab title="Marca d'água">
-        <div class="div-alert">
-          <Alert type="warning">
-            <span>
-              Atenção, <b>NÃO</b> funciona na opção Imprimir!
-            </span>
-          </Alert>
-        </div>
-        {{ document.imageWatermark }}
-        <FileUpload title="Carregar Imagem" classIcon="fa-solid fa-file-export" container="nixloc-watermark"
-          accepted=".png .jpg" allowed=".png .jpg" :disabled="true" urlPost="/api/v1/adm/file-upload/upload"
-          urlRemove="/api/v1/adm/file-upload/delete" :nameDataBase="document.imageWatermark"
-          v-model="document.imageWatermark" />
-        <br />
-        <b-row>
-          <b-col sm="3">
-            <InputNumber title="Altura (pixel)" field="imageHeight" :formName="formName"
-              v-model="document.imageHeight" />
-          </b-col>
-          <b-col sm="3">
-            <InputNumber title="Largura (pixel)" field="imageWidth" :formName="formName"
-              v-model="document.imageWidth" />
-          </b-col>
-          <b-col sm="3">
-            <InputNumber title="Nítidez (%)" field="opacity" :formName="formName" v-model="document.opacity" />
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="6">
-            <RadioGroup title="Alinhamento Vertical" :formName="formName" field="order" :options="[
-              { text: 'Topo', value: 0 },
-              { text: 'Centro', value: 1 },
-              { text: 'Rodapé', value: 2 },
-            ]" v-model="document.verticalAlignment" />
-          </b-col>
-          <b-col sm="6">
-            <RadioGroup title="Alinhamento Horizontal" :formName="formName" field="order" :options="[
-              { text: 'Esquerda', value: 0 },
-              { text: 'Centro', value: 1 },
-              { text: 'Direita', value: 2 },
-            ]" v-model="document.horizontalAlignment" />
-          </b-col>
-        </b-row>
-      </b-tab>
-      <b-tab title="Margem">
-        <Alert type="warning">
-          <span>
-            Atenção, <b>NÃO</b> funciona na opção Imprimir!
-          </span>
-        </Alert>
-        <b-row>
-          <b-col sm="3">
-            <InputNumber title="Topo" field="imageHeight" :formName="formName" v-model="document.marginTop" />
-          </b-col>
-          <b-col sm="3">
-            <InputNumber title="Esquerda" field="imageWidth" :formName="formName" v-model="document.marginLeft" />
-          </b-col>
-          <b-col sm="3">
-            <InputNumber title="Direita" field="imageHeight" :formName="formName" v-model="document.marginRight" />
-          </b-col>
-          <b-col sm="3">
-            <InputNumber title="Rodapé" field="imageWidth" :formName="formName" v-model="document.marginBottom" />
-          </b-col>
-        </b-row>
-      </b-tab>
-      <b-tab title="Outros">
-        <InputText title="Style Css" field="css" :formName="formName" :required="false" v-model="document.styleCss" />
-        <RadioGroup title="Mostrar Páginas (ex: 1 de 5)" :formName="formName" field="order" :options="[
-              { text: 'Sim', value: true },
-              { text: 'Não', value: false },
-            ]" v-model="document.showPages" />
-      </b-tab>
-    </b-tabs>
-    <br />
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="create" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-create" size="medium" :clicked="create" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
-import FileUpload from "@nixweb/nixloc-ui/src/component/forms/FileUpload";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import Document from "@/components/modules/adm/document/Document.js";
-
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-  name: "DocumentCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: { Button, InputText, FileUpload, InputNumber, Alert, RadioGroup, CheckboxGroup },
-  data() {
-    return {
-      id: this.$route.params.id,
-      formName: "documentCreateUpdate",
-      document: new Document(),
-      urlCreate: "/api/v1/adm/document/create",
-      urlUpdate: "/api/v1/adm/document/update",
-    };
-  },
-  computed: {
-    ...mapState("generic", ["documentHtml"]),
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    ...mapGetters("user", ["hasModule"]),
-    options() {
-      let options = [];
-
-      let billing = { text: "Faturamento", value: "Billing" };
-      let finance = { text: "Financeiro", value: "Finance" };
-      let rental = { text: "Locação", value: "Rental" };
-      let movementStock = { text: "Movimentação", value: "MovementStock" };
-      let operational = { text: "Operacional", value: "Operational" };
-      let pdv = { text: "PDV", value: "PDV" };
-
-      if (this.hasModule("Billing")) options.push(billing);
-      if (this.hasModule("Finance")) options.push(finance);
-      if (this.hasModule("Rental")) options.push(rental);
-      if (this.hasModule("Rental")) options.push(movementStock);
-      if (this.hasModule("Operational")) options.push(operational);
-      if (this.hasModule("PDV")) options.push(pdv);
-
-      return options;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
-    ...mapMutations("generic", [
-      "addEvent",
-      "removeEvent",
-      "removeLoading",
-      "openModal",
-      "hideModal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    create() {
-      this.document.documentHtml = this.documentHtml;
-      if (this.document.id) {
-        let params = { url: this.urlUpdate, obj: this.document };
-        this.putApi(params).then((response) => {
-          if (response.success) this.hideModal();
-          this.addEvent({ name: "documentEditorModified" });
-          this.removeLoading(["create", "saveDocument"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.document };
-        this.postApi(params).then((response) => {
-          if (response.success) {
-            this.$router.push({
-              name: "documentUpdate",
-              params: { id: response.content.id },
-            });
-            this.hideModal();
-          }
-          this.removeLoading(["create"]);
-        });
-      }
-    },
-    update(data) {
-      this.document = new Document();
-      this.document.update(data);
-      this.$emit("input", data.module);
-      this.removeLoading([data.id]);
-    },
-    isVisible(module) {
-      var ret = false;
-      module.forEach((name) => {
-        var has = this.document.module.includes(name);
-        if (has) ret = true;
-      });
-
-      return ret;
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "createDocument") {
-          this.resetValidation(this.formName);
-          this.document = new Document();
-        }
-        if (event.name == "updateDocument") this.update(event.data);
-        if (event.name == "saveDocument") this.create();
-        if (event.name == "saveAs") {
-          this.resetValidation(this.formName);
-          this.document = new Document();
-          this.openModal("saveDocument");
-          this.removeLoading(["saveAs"]);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-alert {
-  margin-bottom: 15px;
-}
-</style>

package/src/components/modules/adm/document/DocumentPreview.vue

@@ -1,123 +0,0 @@
-<template>
-  <div>
-    <Loading :center="false" v-show="loading" />
-    <div v-show="!loading">
-      <!-- É renderizado o html abaixo para modificar as tabelas -->
-      <div id="template-prod" v-show="false" v-html="template"></div>
-      <b-row>
-        <b-col class="text-center">
-          <Button v-print="'#printMe'" _key="print" type="edit" title="Imprimir" classIcon="fas fa-print" size="small"
-            :clicked="print" />
-          <Button _key="back" type="info" classIcon="fa-solid fa-arrow-left" size="small" :clicked="executeBack" />
-        </b-col>
-      </b-row>
-      <br />
-      <ScrollBar :minHeight="400" :maxHeight="600">
-        <div>
-          <div class="a4">
-            <div id="printMe">
-              <div :style="styleCss">
-                <DocumentPublic :template="documentPreview('prod')" :d="parameter" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </ScrollBar>
-    </div>
-  </div>
-</template>
-<script>
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import DocumentPublic from "@nixweb/nixloc-ui/src/component/shared/DocumentPublic";
-
-import print from "vue-print-nb";
-
-import { mapActions, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "DocumentPublicView",
-  directives: {
-    print,
-  },
-  props: {
-    documentId: String,
-    rentId: String,
-    periodRentId: String,
-    movimentId: String,
-    invoiceId: String,
-    payableReceivableId: String,
-    back: Function,
-  },
-  components: {
-    DocumentPublic,
-    Loading,
-    ScrollBar,
-    Button,
-  },
-  data() {
-    return {
-      urlGetById: "/api/v1/generate-document/get-document",
-      template: "",
-      parameter: {},
-      loading: true,
-      styleCss: "",
-    };
-  },
-  mounted() {
-    this.getDocumentById();
-  },
-  computed: {
-    ...mapGetters("generic", ["documentPreview"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    ...mapMutations("generic", ["updateDocumentHtml", "removeLoading"]),
-    getDocumentById() {
-      this.loading = true;
-      let params = {
-        url: this.urlGetById,
-        obj: {
-          documentId: this.documentId,
-          rentId: this.rentId,
-          periodRentId: this.periodRentId,
-          movimentId: this.movimentId,
-          invoiceId: this.invoiceId,
-          payableReceivableId: this.payableReceivableId,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.styleCss = response.content.styleCss;
-        this.parameter = response.content.parameter;
-        this.template = response.content.documentHtml;
-        let self = this;
-        setTimeout(function () {
-          self.updateDocumentHtml(response.content.documentHtml);
-          self.template = self.documentPreview;
-          self.loading = false;
-        }, 300);
-      });
-    },
-    print() {
-      this.removeLoading(["print"]);
-    },
-    executeBack() {
-      if (this.back) this.back();
-    },
-  },
-};
-</script>
-<style scoped>
-.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/components/modules/adm/document/Link.vue

@@ -1,118 +0,0 @@
-<template>
-    <div class="div-link">
-        <div class="div-btn-back" v-if="showButtonBack">
-            <Button _key="back" title="Voltar" type="info" classIcon="fa-solid fa-arrow-left" size="small"
-                :clicked="executeBack" />
-        </div>
-        <br v-if="!link">
-        <div v-if="loading">
-            <span class="title">Aguarde, estamos gerando o link, isso pode levar alguns segundos...</span>
-            <Loading type="line" :center="false" />
-        </div>
-        <div v-if="link">
-            <InputText v-model="link" />
-            <div @click="copied = link" class="div-clipboard text-center" v-clipboard="link">
-                <span class="title" v-if="!copied"> <i class="fa-solid fa-link"></i> Copiar</span>
-                <span class="copied title" v-else><i class="fa-solid fa-link"></i> Copiado</span>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapActions, mapMutations, mapState, mapGetters } from "vuex";
-
-export default {
-    name: "Link",
-    props: {
-        module: String,
-        documents: {
-            type: Array,
-            default: []
-        },
-        rentId: String,
-        periodRentId: String,
-        movimentId: String,
-        invoiceId: String,
-        payableReceivableId: String,
-        listBillet: {
-            type: Array,
-            default: []
-        },
-        showButtonBack: {
-            type: Boolean,
-            default: true
-        },
-        back: Function,
-    },
-    components: {
-        Button,
-        InputText,
-        Loading
-    },
-    data() {
-        return {
-            urlGetLink: "/api/v1/messager/mail/get-link",
-            link: "",
-            copied: "",
-            loading: true,
-        };
-    },
-    mounted() {
-        this.getLink();
-    },
-    computed: {
-        ...mapState("user", ["userLogged"]),
-        ...mapGetters("generic", ["listIdToString"]),
-    },
-    methods: {
-        ...mapActions("generic", ["postApi"]),
-        ...mapMutations("generic", ["removeLoading"]),
-        getLink() {
-            let params = {
-                url: this.urlGetLink, obj: {
-                    module: this.module,
-                    listBillet: this.listBillet,
-                    printRequest: {
-                        documentTitle: "Documento",
-                        documentIds: this.listIdToString(this.documents),
-                        rentId: this.rentId,
-                        periodRentId: this.periodRentId,
-                        movimentId: this.movimentId,
-                        invoiceId: this.invoiceId,
-                        payableReceivableId: this.payableReceivableId,
-                        userName: this.userLogged.user.userName,
-                        password: this.userLogged.user.password,
-                        companyId: this.userLogged.companyId
-                    }
-                },
-                notNotifyToast: true
-            };
-            this.postApi(params).then((response) => {
-                this.link = response.content;
-                this.loading = false;
-                this.removeLoading(["btnGenerateLink"]);
-            });
-        },
-        executeBack() {
-            if (this.back) this.back();
-        },
-    },
-};
-</script>
-<style scoped>
-.div-link {
-    height: 150px;
-}
-
-.div-clipboard {
-    cursor: pointer;
-}
-
-.copied {
-    color: darkblue;
-}
-</style>

package/src/components/modules/adm/document/PrintDetail.vue

@@ -1,123 +0,0 @@
-<template>
-    <div>
-        <slot name="top"></slot>
-        <div>
-            <SelectOptionDocument :module="module" :documentId="documents" :rentId="rentId" :movimentId="movimentId"
-                :invoiceId="invoiceId" :listBillet="listBillet" :periodRentId="periodRentId"
-                :payableReceivableId="payableReceivableId" v-show="nameDocument == ''" v-model="documents">
-                <slot></slot>
-            </SelectOptionDocument>
-
-            <DocumentPreview v-if="nameDocument == 'preview'" :documentId="documents" :rentId="rentId"
-                :invoiceId="invoiceId" :movimentId="movimentId" :periodRentId="periodRentId"
-                :payableReceivableId="payableReceivableId" :back="back" />
-
-            <SendMail v-if="nameDocument == 'mail'" :module="module" :documents="documents" :listBillet="listBillet"
-                :rentId="rentId" :movimentId="movimentId" :invoiceId="invoiceId" :periodRentId="periodRentId"
-                :payableReceivableId="payableReceivableId" :back="back" />
-
-            <Link v-if="nameDocument == 'link'" :module="module" :documents="documents" :rentId="rentId"
-                :movimentId="movimentId" :invoiceId="invoiceId" :periodRentId="periodRentId"
-                :payableReceivableId="payableReceivableId" :back="back" />
-
-            <div v-if="nameDocument == 'billet'">
-                <div class="div-btn-back">
-                    <Button _key="back" title="Voltar" type="info" classIcon="fa-solid fa-arrow-left" size="small"
-                        :clicked="back" />
-                </div>
-                <PDFBillet :selected="listIds" :showButtonLink="false" :showButtonEmail="false" />
-            </div>
-
-            <SendSignature v-if="nameDocument == 'signature'" :module="module" :documents="documents" :rentId="rentId"
-                :movimentId="movimentId" :invoiceId="invoiceId" :periodRentId="periodRentId"
-                :payableReceivableId="payableReceivableId" :back="back" />
-
-        </div>
-    </div>
-</template>
-  
-<script>
-
-
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import SelectOptionDocument from "../../adm/document/SelectOptionDocument.vue";
-import DocumentPreview from "../../adm/document/DocumentPreview.vue";
-import SendMail from './SendMail.vue'
-import Link from './Link.vue'
-import PDFBillet from '../../billing/billet/PDFBillet.vue'
-import SendSignature from './SendSignature.vue'
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-    name: "PrintDetail",
-    components: {
-        Button,
-        SelectOptionDocument,
-        DocumentPreview, SendMail, Link, PDFBillet, SendSignature
-    },
-    props: {
-        module: String,
-        rentId: String,
-        periodRentId: String,
-        movimentId: String,
-        invoiceId: String,
-        payableReceivableId: String,
-        listBillet: {
-            type: Array,
-            default: []
-        },
-    },
-    data() {
-        return {
-            nameDocument: "",
-            documents: "",
-        };
-    },
-    computed: {
-        ...mapGetters("generic", ["event"]),
-        listIds() {
-            let listIds = [];
-            this.listBillet.forEach(billet => {
-                listIds.push(billet.payableReceivableId);
-            });
-            return listIds;
-        }
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        print() {
-            this.openModal("print");
-            this.removeLoading(["btnPrint"]);
-        },
-        back() {
-            this.addEvent({ name: "back" });
-            this.removeLoading(["back"]);
-        }
-    },
-    watch: {
-        event: {
-            handler(event) {
-                if (event.name == "btnClickedNext") {
-                    if (event.data.type == "view") this.nameDocument = 'preview';
-                    if (event.data.type == "mail") this.nameDocument = 'mail';
-                    if (event.data.type == "link") this.nameDocument = 'link';
-                    if (event.data.type == "billet") this.nameDocument = 'billet';
-                    if (event.data.type == "signature") this.nameDocument = 'signature';
-                }
-
-                if (event.name == "emailSent" || event.name == "signatureSent") this.back();
-                if (event.name == "back") this.nameDocument = '';
-
-            },
-            deep: true,
-        },
-    },
-};
-</script>
-<style scoped>
-.div-btn-back {
-    margin-bottom: 13px;
-}
-</style>