@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

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

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

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

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