@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,289 @@
+<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>
+            <b-row>
+                <b-col sm="6">
+                    <InputText title="Nome" field="email" :maxLength="100" :required="true" v-model="nameDocument" />
+                </b-col>
+                <b-col sm="6">
+                    <InputText title="Mensagem" field="observationServiceOrder" :required="false" :maxLength="500"
+                        v-model="message" />
+                </b-col>
+            </b-row>
+            <span class="title">Informe os signatários</span>
+            <div class="div-molded-signature">
+                <Molded>
+                    <b-row>
+                        <b-col sm="4">
+                            <InputText title="Nome" :required="false" :maxLength="50" v-model="signer.name" />
+                        </b-col>
+                        <b-col sm="4">
+                            <InputText title="E-mail" :required="false" :maxLength="100" v-model="signer.email" />
+                        </b-col>
+                        <b-col sm="3">
+                            <InputText title="Celular" :required="false" :maxLength="50" v-model="signer.phoneNumber" />
+                        </b-col>
+                        <b-col sm="1">
+                            <div class="div-btn-add">
+                                <Button type="primary" :disabled="isDisabled" classIcon="fa-regular fa-plus-large"
+                                    size="small" :clicked="addSigner" />
+                            </div>
+                        </b-col>
+                    </b-row>
+                </Molded>
+            </div>
+            <div class="text-center" v-if="signers.length > 0"><span class="title">Signatários</span></div>
+            <ScrollBar :minHeight="150" :maxHeight="250" v-if="signers.length > 0">
+                <div v-for="signer in signers">
+                    <div class="div-signer">
+                        <b-row>
+                            <b-col sm="10">
+                                <span v-if="signer.name">
+                                    {{ signer.name }}
+                                </span>
+                                <span v-if="signer.email">
+                                    - {{ signer.email }}
+                                </span>
+                                <span v-if="signer.phoneNumber">
+                                    - {{ signer.phoneNumber }}
+                                </span>
+                            </b-col>
+                            <b-col sm="2">
+
+                                <div class="div-delete text-right" @click="deleteSigner(signer)">
+                                    <i class="fa-sharp fa-solid fa-circle-xmark"></i>
+                                </div>
+                            </b-col>
+                        </b-row>
+                    </div>
+                </div>
+            </ScrollBar>
+            <div class="text-center div-btn-signature">
+                <Button _key="btnSendSignature" title="Enviar" type="info" classIcon="fa-solid fa-paper-plane-top"
+                    size="medium" :disabled="signers.length == 0 || !nameDocument" :clicked="sendSignature" />
+            </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 Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "SendSignature",
+    props: {
+        module: String,
+        documents: {
+            type: Array,
+            default: []
+        },
+        rentId: String,
+        periodRentId: String,
+        movimentId: String,
+        invoiceId: String,
+        payableReceivableId: String,
+        showButtonBack: {
+            type: Boolean,
+            default: true
+        },
+        single: Boolean,
+        singleUrlDocument: String,
+        back: Function,
+    },
+    components: {
+        Button, InputText, InputTag, EditorHtml, Timer, RadioGroup, ScrollBar, Molded
+    },
+    data() {
+        return {
+            urlSend: "/api/v1/signature/send",
+            urlGetRecipient: "/api/v1/messager/mail/get-recipient",
+            nameDocument: "Segue documentos para assi...",
+            message: "",
+            signer: {
+                name: "",
+                email: "",
+                phoneNumber: ""
+            },
+            signers: [],
+
+            success: false,
+        }
+    },
+    mounted() {
+        this.getRecipient(false);
+    },
+    computed: {
+        ...mapState("user", ["userLogged"]),
+        ...mapGetters("generic", ["listIdToString"]),
+        isDisabled() {
+            if (!this.signer.name || !this.signer.email) return true;
+            return false;
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["postApi"]),
+        ...mapMutations("generic", ["hideModal", "addEvent", "removeLoading"]),
+        importAllRecipient() {
+            this.getRecipient(true);
+        },
+        getRecipient(importAllEmails) {
+            let params = {
+                url: this.urlGetRecipient, obj: {
+                    importAllEmails: importAllEmails,
+                    printRequest: {
+                        rentId: this.rentId,
+                        invoiceId: this.invoiceId,
+                        payableReceivableId: this.payableReceivableId
+                    }
+                },
+                notNotifyToast: true
+            };
+            this.postApi(params).then((response) => {
+                response.content.forEach(contact => {
+                    this.signers.push({ name: contact.name, email: contact.email });
+                });
+                this.removeLoading(["btnSendSignature"]);
+            });
+        },
+        sendSignature() {
+            let params = {
+                url: this.urlSend, obj: {
+                    name: this.nameDocument,
+                    single: this.single,
+                    singleUrlDocument: this.singleUrlDocument,
+                    module: this.module,
+                    customMessage: this.message,
+                    signerRequest: this.signers,
+                    genericId: this.rentId || this.invoiceId,
+                    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
+            };
+            let self = this;
+            setTimeout(function () {
+                self.success = true;
+                self.removeLoading(["btnImportAllRecipient"]);
+            }, 1500);
+            this.postApi(params).then();
+        },
+        addSigner() {
+            this.signers.push(this.signer);
+            this.signer = {
+                name: "",
+                email: "",
+                phoneNumber: ""
+            };
+        },
+        deleteSigner(item) {
+            const updatedSigners = this.signers.filter(signer => {
+                return signer.name !== item.name || signer.email !== item.email || signer.phoneNumber !== item.phoneNumber;
+            });
+            this.signers = updatedSigners;
+        },
+        cleanForm() {
+            this.nameDocument = "";
+            this.message = "";
+            this.signers = [];
+            this.success = false;
+        },
+        emailSent() {
+            this.addEvent({ name: "signatureSent" });
+            this.hideModal();
+            this.cleanForm();
+            this.removeLoading(["btnSendSignature"]);
+        },
+        executeBack() {
+            this.removeLoading(["back"]);
+            if (this.back) this.back();
+        },
+    }
+
+}
+
+</script>
+<style scoped>
+.div-btn-back {
+    margin-bottom: 10px;
+}
+
+.div-btn-signature {
+    margin-top: 10px;
+}
+
+.div-signer {
+    margin-left: 50px;
+    margin-right: 50px;
+    height: 40px;
+    border: 1px solid #E5E4E8;
+    border-radius: 10px;
+    background-color: #FAFAFC;
+    padding-left: 10px;
+    padding-top: 5px;
+    margin-bottom: 10px;
+}
+
+.div-molded-signature {
+    margin-bottom: 10px;
+}
+
+.div-btn-add {
+    margin-top: 36px;
+}
+
+.div-delete {
+    margin-right: 10px;
+    color: red;
+    cursor: pointer;
+}
+
+.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;
+}
+</style>

package/src/components/modules/adm/login/ConfirmMailMobile.vue

@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <div class="div-form">
+      <div class="div-title">
+        <div class="text-center" v-if="success">
+          <i class="icon-success fa-light fa-circle-check"></i><br />
+          <div class="title"> {{ title }} confirmado com sucesso!</div>
+          <div class="div-login" @click="navegateToLogin">Efetuar login</div>
+        </div>
+        <div class="text-center" v-if="error">
+          <i class="icon-error fa-solid fa-circle-xmark"></i><br />
+          <div class="title"> Solicitação expirada!</div>
+        </div>
+        <Loading :center="false" v-show="loading" />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapActions } from "vuex";
+
+export default {
+  name: "ConfirmMailMobile",
+  components: { Loading },
+  data() {
+    return {
+      urlReset: "api/v1/adm/auth/confirm-mail-mobile",
+      loading: true,
+      success: false,
+      error: false,
+      route: this.$route.path,
+    };
+  },
+  created() {
+    this.confirm();
+  },
+  computed: {
+    title() {
+      return this.route.includes("mobile") ? "WhatsApp" : "E-mail";
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    confirm() {
+      let obj = {
+        codeConfirmedEmailMobile: this.$route.params.code,
+        typeConfirm: this.route.includes("mobile") ? "mobile" : "email",
+      };
+      let params = { url: this.urlReset, obj: obj };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.success = true;
+        } else {
+          this.error = true;
+        }
+        this.loading = false;
+      });
+    },
+    navegateToLogin() {
+      this.$router.replace(this.$route.query.redirect || "/login");
+    },
+  },
+};
+</script>
+<style scoped>
+.div-form {
+  padding-top: 60px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 60px;
+}
+
+.div-login {
+  font-size: 15px;
+  margin-top: 18px;
+  margin-bottom: 5px;
+  cursor: pointer;
+  color: #4680a5;
+}
+
+.div-logo {
+  margin-top: 60px;
+}
+
+.title {
+  font-size: 18px;
+  margin: 10px;
+}
+
+.icon-success {
+  color: #38A169;
+  font-size: 50px;
+}
+
+.icon-error {
+  color: red;
+  font-size: 50px;
+}
+</style>

package/src/components/modules/adm/login/ForgotPassword.js

@@ -0,0 +1,8 @@
+export default class ForgotPassword {
+    constructor() {
+        this.email = "";
+        this.mobile = "";
+        this.password = "";
+        this.confirmPassword = "";
+    }
+}

package/src/components/modules/adm/login/ForgotPassword.vue

@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <div class="div-form">
+      <!-- <Messages /> -->
+      <Alert type="success" v-if="showSuccess">
+        <span> Solicitação enviada com sucesso! </span>
+      </Alert>
+      <SendConfirmMailMobile v-if="showSendConfirmMailMobile" :typeConfirm="type" :email="forgot.email"
+        :mobile="forgot.mobile" />
+      <div class="div-title">
+        <span class="title title-forgot">Esqueceu a senha</span>
+      </div>
+      <div class="title div-subtitle">
+        <span>
+          Informe o E-mail ou WhatsApp associado a sua conta, enviaremos um link
+          com as instruções.
+        </span>
+      </div>
+      <RadioGroup field="type" :options="[
+        { text: 'E-mail', value: 'email' },
+        { text: 'WhatsApp', value: 'mobile' },
+      ]" v-model="type" />
+      <b-row>
+        <b-col sm="12" v-if="type == 'email'">
+          <InputText title="E-mail" field="email" :formName="formName" :maxLength="50" v-model="forgot.email">
+            <div class="glyphicon">
+              <i class="fa-solid fa-envelope"></i>
+            </div>
+          </InputText>
+        </b-col>
+        <b-col sm="12" v-else>
+          <InputText title="Celular" field="mobile" :formName="formName" :mask="['(##) ####-####', '(##) #####-####']"
+            :maxLength="50" v-model="forgot.mobile">
+            <div class="glyphicon icon-whatsapp">
+              <i class="fa-brands fa-whatsapp"></i>
+            </div>
+          </InputText>
+        </b-col>
+      </b-row>
+
+      <b-row>
+        <b-col md="6">
+          <Button _key="send" type="primary" title="Enviar" :disabled="disabled" classIcon="fa-solid fa-paper-plane-top"
+            size="medium" :clicked="send" />
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Messages from "@nixweb/nixloc-ui/src/component/shared/Messages.vue";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import SendConfirmMailMobile from "./SendConfirmMailMobile.vue";
+import ForgotPassword from "@/components/modules/adm/login/ForgotPassword.js";
+
+import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ForgotPassword",
+  components: {
+    InputText,
+    Button,
+    Messages,
+    RadioGroup,
+    Alert,
+    SendConfirmMailMobile,
+  },
+  data() {
+    return {
+      formName: "forgot",
+      forgot: new ForgotPassword(),
+      type: "email",
+      urlforgot: "api/v1/adm/auth/forgot-password",
+      showSuccess: false,
+      showSendConfirmMailMobile: false,
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapState("generic", ["event"]),
+    disabled() {
+      if (this.type == "email" && this.forgot.email) return false;
+      if (this.type == "mobile" && this.forgot.mobile) return false;
+
+      return true;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", ["removeLoading"]),
+    send() {
+      this.showSuccess = false;
+      let params = { url: this.urlforgot, obj: this.forgot };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.showSuccess = true;
+        } else {
+          if (response.content) this.showSendConfirmMailMobile = true;
+          if (this.type == "email") {
+            this.forgot.email = response.content;
+          } else {
+            this.forgot.mobile = response.content;
+          }
+        }
+        this.removeLoading(["send"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "stopSendConfirmEmailMobile") {
+          this.showSendConfirmMailMobile = false;
+        }
+      },
+      deep: true,
+    },
+    type: {
+      handler() {
+        this.forgot.email = "";
+        this.forgot.mobile = "";
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-form {
+  padding-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 30px;
+}
+
+.div-title {
+  margin-bottom: 5px;
+}
+
+.div-subtitle {
+  margin-bottom: 15px;
+}
+
+.title-forgot {
+  font-size: 25px;
+}
+
+.title-rodape {
+  font-size: 13px;
+}
+
+.icon-whatsapp {
+  color: green;
+}
+</style>

package/src/components/modules/adm/login/Login.js

@@ -0,0 +1,7 @@
+export default class Login {
+    constructor() {
+        this.userName = "";
+        this.email = "";
+        this.password = "";
+    }
+}