@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,219 @@
+<template>
+  <div>
+    <Loading :center="false" v-show="loading" />
+    <div class="text-center">
+      <ButtonFilter :options="optionsConditional" initialOption="print" v-model="selectType" />
+    </div>
+    <CheckboxGroup
+      v-show="selectType == 'PDF' || selectType == 'signature' || selectType == 'mail' || selectType == 'link'"
+      :stacked="true" field="options" :options="data" v-model="selectedPdf" />
+    <RadioGroup v-show="selectType == 'print'" field="permission" :markFormDirty="false" :stacked="true" :options="data"
+      v-model="selectedPrint" />
+    <Alert type="info" v-if="data.length == 0 && !loading && module != 'TaxDocument'"
+      v-show="selectType == 'print' || selectType == 'PDF' || selectType == 'signature' || selectType == 'mail' || selectType == 'link'">
+      <span> Nenhum documento! </span>
+    </Alert>
+    <slot></slot>
+    <div class="text-center">
+      <div class="side-by-side">
+
+        <Button v-if="selectType == 'print'" _key="btnClickedNext" type="info" title="Visualizar"
+          :disabled="!selectedPrint" classIcon="fa-solid fa-print-magnifying-glass" size="medium" :clicked="execute"
+          :params="'view'" />
+
+        <Button v-if="selectType == 'PDF'" _key="btnGeneratePdf" type="info" title="Gerar PDF"
+          :disabled="selectedPdf.length == 0" classIcon="fa-solid fa-file-pdf" size="medium"
+          :clicked="getDocumentPdf" />
+
+        <Button v-if="selectType == 'link'" _key="btnClickedNext" type="info" title="Gerar Link"
+          :disabled="selectedPdf.length == 0" classIcon="fa-solid fa-link" size="medium" :clicked="execute"
+          :params="'link'" />
+
+        <Button v-if="selectType == 'billet'" _key="btnClickedNext" type="info" title="Ver Boletos"
+          classIcon="fa-solid fa-arrow-right" size="medium" :clicked="execute" :params="'billet'" />
+
+      </div>
+
+      <div class="side-by-side">
+        <Button v-if="selectType == 'mail'" _key="btnClickedNext" type="info" title=" Escrever"
+          :disabled="selectedPdf.length == 0" classIcon="fa-solid fa-pen-nib" size="medium" :clicked="execute"
+          :params="'mail'" />
+
+        <Button v-if="selectType == 'signature'" _key="btnClickedNext" type="info" title="Signatário"
+          :disabled="selectedPdf.length == 0" classIcon="fa-solid fa-user-plus" size="medium" :clicked="execute"
+          :params="'signature'" />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ButtonGroup from "@nixweb/nixloc-ui/src/component/forms/ButtonGroup";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import ButtonFilter from "@nixweb/nixloc-ui/src/component/forms/ButtonFilter";
+
+import { mapActions, mapMutations, mapState, mapGetters } from "vuex";
+
+export default {
+  name: "SelectOptionDocument",
+  props: [
+    "module",
+    "rentId",
+    "periodRentId",
+    "movimentId",
+    "listBillet",
+    "invoiceId",
+    "payableReceivableId",
+    "value",
+    "clickedNext",
+  ],
+  components: {
+    CheckboxGroup,
+    RadioGroup,
+    Button,
+    ButtonGroup,
+    Alert,
+    Loading,
+    ButtonFilter,
+  },
+  data() {
+    return {
+      urlGetApi: "/api/v1/adm/document/get-all",
+      urlGetDocuments: "/api/v1/generate-document/get-documents",
+      data: [],
+      selectedPrint: "",
+      selectedPdf: [],
+      link: "",
+      loading: true,
+      selectType: "print",
+      options: [
+        {
+          title: 'Imprimir',
+          classIcon: 'fa-solid fa-print',
+          value: 'print',
+        },
+        {
+          title: 'PDF',
+          classIcon: 'fa-solid fa-file-pdf',
+          value: 'PDF',
+        },
+        {
+          title: 'Boleto',
+          classIcon: 'fa-solid fa-barcode',
+          value: 'billet',
+        },
+        {
+          title: 'E-mail',
+          classIcon: 'fa-solid fa-envelope',
+          value: 'mail',
+        },
+        {
+          title: 'Assina..Digital',
+          classIcon: 'fa-solid fa-file-signature',
+          value: 'signature',
+        },
+        {
+          title: 'Link',
+          classIcon: 'fa-solid fa-link',
+          value: 'link',
+        },
+      ]
+    };
+  },
+  created() {
+    this.getAll();
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("user", ["hasModule", "hasRule"]),
+    ...mapGetters("generic", ["listIdToString"]),
+    optionsConditional() {
+      let options = [];
+      var isModuleBillet = this.hasModule("Billet");
+      var isModuleSignature = this.hasRule("Signature");
+
+      this.options.forEach(item => {
+
+        if (item.value != 'billet' && this.module != "TaxDocument" && item.value != "signature")
+          options.push(item);
+
+        // tem q aparecer boleto somente se for módulo de Nfse e Faturamento, porem dentro da locação
+        if (item.value == 'billet'
+          && isModuleBillet
+          && this.listBillet.length > 0) options.push(item);
+
+        if (item.value == 'signature' && isModuleSignature && this.module != "Finance") options.push(item);
+      });
+      return options;
+    }
+  },
+  methods: {
+    ...mapActions("generic", ["getApi", "getPdfApi", "postApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading"]),
+    getAll() {
+      this.loading = true;
+      let params = { url: this.urlGetApi, obj: { noPaginated: true } };
+      this.getApi(params).then((response) => {
+        response.content.data.forEach((item) => {
+          let option = { text: item.identification, value: item.id };
+          if (item.module.includes(this.module)) {
+            this.data.push(option);
+          }
+        });
+        this.loading = false;
+      });
+    },
+    getDocumentPdf() {
+      let params = {
+        url: this.urlGetDocuments,
+        obj: {
+          documentTitle: "Documento",
+          documentIds: this.listIdToString(this.selectedPdf),
+          rentId: this.rentId == null ? "null" : this.rentId,
+          periodRentId: this.periodRentId == null ? "null" : this.periodRentId,
+          movimentId: this.movimentId == null ? "null" : this.movimentId,
+          invoiceId: this.invoiceId == null ? "null" : this.invoiceId,
+          payableReceivableId: this.payableReceivableId == null ? "null" : this.payableReceivableId,
+          userName: this.userLogged.user.userName,
+          password: this.userLogged.user.password,
+          companyId: this.userLogged.companyId
+        },
+      };
+      this.getPdfApi(params).then(() => {
+        this.removeLoading(["btnGeneratePdf"]);
+      });
+    },
+    execute(param) {
+      if (param == 'view') {
+        this.$emit("input", this.selectedPrint);
+        this.addEvent({ name: "btnClickedNext", data: { type: param } });
+      }
+
+      if (param == 'mail' || param == 'link') {
+        this.$emit("input", this.selectedPdf);
+      }
+
+      this.addEvent({ name: "btnClickedNext", data: { type: param } });
+      this.removeLoading(["btnClickedNext"]);
+    },
+  },
+  watch: {
+    selectedPrint: {
+      handler() {
+        this.$emit("input", this.selectedPrint);
+      },
+      deep: true,
+    },
+    selectedPdf: {
+      handler() {
+        this.$emit("input", this.selectedPdf);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,245 @@
+<template>
+    <div>
+        <div v-if="!success">
+            <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>
+            <div>
+                <InputText title="Assunto" field="email" :maxLength="100" :required="true" v-model="subject" />
+                <b-row>
+                    <b-col sm="10">
+                        <InputTag title="Para" placeholder="Digite um e-mail e pressione Enter" :required="true"
+                            :initialValue="tos" v-model="tos" />
+                    </b-col>
+                    <b-col sm="2">
+                        <div class="btn-contact">
+                            <Button _key="btnImportAllRecipient" type="success" title="Todos"
+                                classIcon="fa-solid fa-users-medical" size="small" :clicked="importAllRecipient" />
+                        </div>
+                    </b-col>
+                </b-row>
+            </div>
+            <div>
+                <span class="title">Mensagem</span>
+                <ScrollBar :minHeight="250" :maxHeight="250">
+                    <EditorHtml field="observationServiceOrder" :required="false" :maxLength="3000" v-model="message" />
+                    <br>
+                </ScrollBar>
+            </div>
+            <div>
+                <span class="title"> Anexo: </span>
+                <span v-if="documents.length > 0" class="title-linked title"><i
+                        class="fa-solid fa-file-invoice"></i></span>
+                <span v-if="listBillet.length > 0" class="title-linked title"> <i
+                        class="fa-solid fa-barcode"></i></span>
+            </div>
+            <div class="text-center div-btn-send">
+                <Button _key="btnSendMail" title="Enviar" type="info" classIcon="fa-solid fa-paper-plane-top"
+                    size="medium" :disabled="tos.length == 0 || !subject" :clicked="sendMail" />
+            </div>
+        </div>
+        <div v-else>
+            <div class="text-center">
+                <div class="msg-success">Envio em processamento, para consultar o status clique no ícone
+                    <span class="icon-messager"> <i class="fa-solid fa-message-lines"></i></span> na barra superior!
+                </div>
+                <div class="icon-success">
+                    <i class="fa-solid fa-timer"></i>
+                </div>
+                <Timer :title="'Fechando em'" :initialTimer="5" :endTime="emailSent" />
+            </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 InputTag from "@nixweb/nixloc-ui/src/component/forms/InputTag";
+import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
+import Timer from "@nixweb/nixloc-ui/src/component/shared/Timer";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "SendMail",
+    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, InputTag, EditorHtml, Timer, RadioGroup, ScrollBar
+    },
+    data() {
+        return {
+            urlSend: "/api/v1/messager/mail/send-mail",
+            urlGetRecipient: "/api/v1/messager/mail/get-recipient",
+            subject: "Olá, segue documentos...",
+            recipient: "",
+            tos: [],
+            message: "",
+            tosSeparate: false,
+            success: false,
+        }
+    },
+    mounted() {
+        this.getRecipient(false);
+    },
+    computed: {
+        ...mapState("user", ["userLogged"]),
+        ...mapGetters("generic", ["listIdToString"]),
+        signature() {
+            return `${this.recipient}<p>Estou enviando este e-mail para compartilhar o(s) documento(s) com você.</p><p>Fique à vontade para revisá-lo e entrar em contato.</p><p>Agradeço sua atenção e fico à disposição para qualquer esclarecimento necessário.</p><p>Atenciosamente</p>${this.userLogged.user.name}`;
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["postApi"]),
+        ...mapMutations("generic", ["hideModal", "addEvent", "removeLoading"]),
+        importAllRecipient() {
+            this.getRecipient(true);
+        },
+        getRecipient(importAllEmails) {
+            let params = {
+                url: this.urlGetRecipient, obj: {
+                    importAllEmails: importAllEmails,
+                    listBillet: this.listBillet,
+                    printRequest: {
+                        rentId: this.rentId,
+                        invoiceId: this.invoiceId,
+                        payableReceivableId: this.payableReceivableId
+                    }
+                },
+                notNotifyToast: true
+            };
+            this.postApi(params).then((response) => {
+                var name = response.content.length > 1 ? "Prezados(a), " : "Prezado(a) ";
+                response.content.forEach(contact => {
+                    this.recipient = `${name}${contact.name}`;
+                    this.tos.push(contact.email);
+                });
+                this.recipient = response.content.length > 1 ? "Prezados(a), " : this.recipient + ",";
+
+                this.message = this.signature;
+                this.removeLoading(["btnImportAllRecipient"]);
+            });
+        },
+        sendMail() {
+            let params = {
+                url: this.urlSend, obj: {
+                    replyName: this.userLogged.user.name,
+                    replyTo: this.userLogged.user.email,
+                    tosSeparate: true,
+                    subject: this.subject,
+                    tos: this.tos,
+                    htmlContent: this.message,
+                    module: this.module,
+                    listBillet: this.listBillet,
+                    userId: this.userLogged.user.id,
+                    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) => {
+                if (response.success) {
+                    this.success = true;
+                }
+                this.removeLoading(["btnSendMail"]);
+            });
+        },
+        cleanForm() {
+            this.subject = "";
+            this.message = "";
+            this.tos = [];
+            this.success = false;
+        },
+        emailSent() {
+            this.addEvent({ name: "emailSent" });
+            this.hideModal();
+            this.cleanForm();
+            this.removeLoading(["btnSendMail"]);
+        },
+        executeBack() {
+            if (this.back) this.back();
+        },
+    }
+
+}
+
+
+</script>
+<style scoped>
+.div-btn-back {
+    margin-bottom: 10px;
+}
+
+.div-btn-send {
+    margin-top: 10px;
+}
+
+
+.attachment {
+    font-size: 16px;
+    margin-left: 5px;
+}
+
+.msg-success {
+    font-size: 15px;
+}
+
+.icon-success {
+    font-size: 30px;
+    color: darkorange;
+    margin-top: 10px;
+    margin-bottom: 15px;
+}
+
+.icon-messager {
+    font-size: 18px;
+    padding: 8px;
+}
+
+.div-tos-separate {
+    margin-top: 12px;
+}
+
+.btn-contact {
+    margin-top: 30px;
+    margin-right: 20px;
+}
+
+.title-linked {
+    margin-right: 8px;
+    font-size: 16px;
+}
+</style>