@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,123 @@
+<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

@@ -0,0 +1,118 @@
+<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

@@ -0,0 +1,123 @@
+<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>

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

@@ -0,0 +1,123 @@
+<template>
+  <div>
+    <Modal :title="titleModal" :width="widthModal" v-if="showModal('print')" :onHideModal="onHideModal">
+      <PrintDetail :module="module" :documentId="documents" :listBillet="listBillet" :rentId="rentId"
+        :periodRentId="periodRentId" :movimentId="movimentId" :invoiceId="invoiceId"
+        :payableReceivableId="payableReceivableId">
+        <div slot="top">
+          <slot name="top"></slot>
+        </div>
+        <slot></slot>
+      </PrintDetail>
+    </Modal>
+    <div v-if="!modal">
+      <PrintDetail :module="module" :documentId="documents" :listBillet="listBillet" :rentId="rentId"
+        :periodRentId="periodRentId" :movimentId="movimentId" :invoiceId="invoiceId"
+        :payableReceivableId="payableReceivableId">
+        <div slot="top">
+          <slot name="top"></slot>
+        </div>
+        <slot></slot>
+      </PrintDetail>
+    </div>
+  </div>
+</template>
+
+<script>
+
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+
+import PrintDetail from './PrintDetail.vue'
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "PrintPreview",
+  components: {
+    Button,
+    Molded,
+    Modal,
+    PrintDetail
+  },
+  props: {
+    module: String,
+    rentId: String,
+    periodRentId: String,
+    movimentId: String,
+    invoiceId: String,
+    payableReceivableId: String,
+    onHideModal: Function,
+    listBillet: {
+      type: Array,
+      default: []
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      titleModal: "Selecione o Documento",
+      widthModal: 800,
+    };
+  },
+  mounted() {
+    if (this.modal)
+      this.openModal("print");
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    print() {
+      this.openModal("print");
+      this.removeLoading(["btnPrint"]);
+    },
+    preview() {
+      this.titleModal = "Impressão";
+      this.widthModal = 1200;
+    },
+    mail() {
+      this.titleModal = "E-mail";
+      this.widthModal = 900;
+    },
+    billet() {
+      this.titleModal = "Boleto Bancário";
+      this.widthModal = 1000;
+    },
+    signature() {
+      this.titleModal = "Assinatura Digital";
+      this.widthModal = 1000;
+    },
+    back() {
+      this.titleModal = "Selecione o Documento";
+      this.widthModal = 800;
+      this.removeLoading(["back"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "btnClickedNext") {
+          if (event.data.type == "view") this.preview();
+          if (event.data.type == "mail") this.mail();
+          if (event.data.type == "billet") this.billet();
+          if (event.data.type == "signature") this.signature();
+        }
+
+        if (event.name == "emailSent" || event.name == "back") {
+          this.back();
+        }
+
+
+      },
+      deep: true,
+    },
+  },
+};
+</script>