@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/shared/payment-items/PaymentCreate.vue

@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="12" xl="4">
+        <div class="div-select">
+          <Select title="Tipo de Pagamento" field="typePayment" :required="true" :markFormDirty="false"
+            :propsParams="{ any: module }" v-model="payment.typePayment" url="/api/v1/finance/type-payment/select-all"
+            :showNewRegister="hasRule('Rental')" nameNewRegister="typePaymentCreateUpdate"
+            titleNewRegister="Tipo de Pagamento" :widthNewRegister="500" :heightNewRegister="250">
+            <TypePaymentCreateUpdate :registerInSelect="true" v-model="payment.typePayment" />
+          </Select>
+        </div>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="12" xl="4" v-if="payment.typePayment.isBankSlip">
+        <Select title="Conta Boleto" field="bankAccount" :required="true" :showNewRegister="false"
+          url="api/v1/billing/billet-config/select-all" v-model="payment.bankAccount" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="12" xl="3">
+        <InputDecimal title="Valor" field="value" :formName="formName" :required="true" :markFormDirty="false"
+          :maxLength="5" type="float" v-model="payment.value" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="6" xl="2">
+        <DateTime title="Vencimento" field="dueDate" format="DD/MM/YYYY" type="date" placeholder :formName="formName"
+          :required="true" v-model="payment.dueDate" />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="12" xl="1">
+        <div class="div-btn-add">
+          <Button _key="btnAddPaymentRent" type="primary" :disabled="!isFormValid(formName)" classIcon="fa-solid fa-plus"
+            size="small" :clicked="add" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+
+import Payment from "@/components/modules/shared/payment-items/Payment.js";
+
+import TypePaymentCreateUpdate from "../../finance/type-payment/TypePaymentCreateUpdate.vue";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "PaymentCreate",
+  components: {
+    InputText,
+    InputDecimal,
+    DateTime,
+    Select,
+    Button,
+    CheckboxGroup,
+    TypePaymentCreateUpdate,
+    TypePaymentCreateUpdate,
+  },
+  props: {
+    module: String,
+    totalValue: Number,
+  },
+  data() {
+    return {
+      formName: "paymentCreateUpdate",
+      payment: new Payment(),
+    };
+  },
+  mounted() {
+    this.payment.value = this.totalValue;
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+    ...mapGetters("user", ["hasRule"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    ...mapMutations("paymentShared", ["addPayment"]),
+    add() {
+      this.addPayment(this.payment);
+      this.payment = new Payment();
+      this.resetValidation(this.formName);
+      this.removeLoading(["btnAddPaymentRent"]);
+    },
+    update(data) {
+      this.payment = new Payment();
+      this.payment.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "paymentRentUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-btn-add {
+  margin-top: 36px;
+}
+
+
+
+</style>

package/src/components/modules/shared/payment-items/PaymentUpdate.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="3">
+        <InputDecimal title="Valor" field="value" :formName="formName" :required="true" :markFormDirty="false"
+          :maxLength="5" type="float" v-model="paymentLocal.value" />
+      </b-col>
+      <b-col sm="3">
+        <DateTime title="Vencimento" field="dueDate" format="DD/MM/YYYY" type="date" placeholder :formName="formName"
+          :required="true" v-model="paymentLocal.dueDate" />
+      </b-col>
+      <b-col md="2">
+        <div class="div-btn text-center">
+          <Button _key="btnUpdatePayment" type="success" :disabled="!isFormValid(formName)" classIcon="fas fa-save"
+            size="small" :clicked="update" />
+          <Button _key="btnCancelPayment" type="danger" classIcon="fas fa-ban" size="small" :clicked="cancel" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "PaymentRentUpdate",
+  components: {
+    InputDecimal,
+    DateTime,
+    Button,
+  },
+  props: {
+    payment: Object,
+  },
+  data() {
+    return {
+      formName: "paymentRentUpdate",
+      paymentLocal: {},
+    };
+  },
+  mounted() {
+    this.paymentLocal = JSON.parse(JSON.stringify(this.payment)); // remove observable
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    ...mapMutations("paymentShared", ["updatePayment"]),
+    update() {
+      this.updatePayment(this.paymentLocal);
+      this.addEvent({ name: "paymentRentCancelUpdate" });
+    },
+    cancel() {
+      this.addEvent({ name: "paymentRentCancelUpdate" });
+    },
+  },
+};
+</script>
+<style scoped>
+.div-btn {
+  padding-top: 38px;
+}
+</style>

package/src/components/modules/shared/payment-items/PaymentsList.vue

@@ -0,0 +1,170 @@
+<template>
+  <div>
+    <ScrollBar :minHeight="250" :maxHeight="250">
+      <div>
+        <br />
+        <table class="table table-responsive-xs">
+          <thead>
+            <tr>
+              <th class="title-header text-center">Seq</th>
+              <th class="title-header">Tipo</th>
+              <th class="title-header text-center">Valor</th>
+              <th class="title-header text-center">Vencimento</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody v-for="payment in paymentsRent" :key="payment.seq">
+            <tr>
+              <td class="text-center">
+                <span class="seq"> {{ payment.seq }}</span>
+              </td>
+              <td class="tabela-principal tabela-descricao" @click="update(payment)">
+                <span> {{ payment.typePayment.content }}</span>
+                <span v-if="payment.bankAccount"> ({{ payment.bankAccount.content }})</span>
+              </td>
+              <td class="editavel tabela-principal text-center" @click="update(payment)">
+                <span> {{ payment.value | currency }} </span>
+              </td>
+              <td class="editavel tabela-principal tabela-descricao text-center" @click="update(payment)">
+                <span>{{ payment.dueDate }}</span>
+              </td>
+              <td @click="remove(payment)">
+                <span class="icone">
+                  <i class="fas fa-times-circle"></i>
+                </span>
+              </td>
+            </tr>
+            <tr v-show="seq == payment.seq">
+              <td colspan="7">
+                <PaymentUpdate :payment="payment" />
+              </td>
+            </tr>
+          </tbody>
+          <tbody v-show="paymentsRent.length == 0">
+            <tr>
+              <td colspan="12">
+                <span>Nenhum pagamento adicionado!</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </ScrollBar>
+  </div>
+</template>
+
+<script>
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import PaymentUpdate from "./PaymentUpdate.vue";
+
+import { mapState, mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+  components: {
+    ScrollBar,
+    PaymentUpdate,
+  },
+  name: "PaymentsList",
+  data() {
+    return {
+      seq: 0,
+      urlDeleteAllApi: "/api/v1/rental/payment-rent/delete"
+    };
+  },
+  computed: {
+    ...mapState("paymentShared", ["paymentsRent"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["deleteAllApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading"]),
+    ...mapMutations("paymentShared", ["removePayment"]),
+    update(payment) {
+      this.seq = payment.seq;
+    },
+    remove(payment) {
+      let self = this;
+      setTimeout(function () {
+        self.seq = 0;
+      }, 300);
+      this.removePayment(payment.seq);
+      this.delete(payment.id);
+    },
+    delete(id) {
+      let params = {
+        url: this.urlDeleteAllApi,
+        selected: [id],
+      };
+      this.deleteAllApi(params).then(() => { });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "paymentRentCancelUpdate") {
+          this.seq = 0;
+          this.removeLoading(["btnUpdatePayment", "btnCancelPayment"]);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.table th,
+.table td {
+  height: 10px !important;
+  padding-left: 5px !important;
+  padding-top: 7px !important;
+  padding-bottom: 5px !important;
+  padding-right: 5px !important;
+  padding-left: 10px !important;
+  border-bottom: 0px !important;
+}
+
+.title-header {
+  font-size: 14px;
+  color: #757d8c;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.tabela-principal {
+  font-size: 14px;
+  max-width: 200px;
+}
+
+.tabela-descricao {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+}
+
+.descricao {
+  font-size: 13px;
+  color: darkgray;
+}
+
+.seq {
+  margin-right: 5px;
+  font-size: 15px;
+}
+
+.icone {
+  font-size: 20px;
+  color: #f0134d;
+  cursor: pointer;
+}
+
+.icone:hover {
+  color: #c70f40;
+}
+
+.editavel {
+  cursor: pointer;
+  background-color: #f1f4f9;
+}
+</style>

package/src/components/modules/signature/send-signature/SendSingleSignature.vue

@@ -0,0 +1,57 @@
+<template>
+    <div>
+        <div v-if="!fileName" class="div-select-document text-center">
+            <FileUpload title="Carregar .PDF" classIcon="fa-solid fa-file-pdf" container="nixloc-signature" accepted=".pdf"
+                allowed=".pdf" :disabled="true" urlPost="/api/v1/adm/file-upload/upload"
+                urlRemove="/api/v1/adm/file-upload/delete" :nameDataBase="fileName" v-model="fileName" />
+        </div>
+        <div v-if="fileName">
+            <SendSignature :single="true" :singleUrlDocument="fileName" :back="back" />
+        </div>
+    </div>
+</template>
+
+<script>
+
+import FileUpload from "@nixweb/nixloc-ui/src/component/forms/FileUpload";
+import SendSignature from '../../adm/document/SendSignature.vue'
+
+import { mapGetters } from "vuex";
+
+export default {
+    name: "SendSingleSignature",
+    components: {
+        FileUpload, SendSignature
+    },
+    data() {
+        return {
+            fileName: ""
+        }
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        back() {
+            this.fileName = "";
+        }
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "signatureSent") {
+                    this.fileName = "";
+                }
+            },
+            deep: true,
+        },
+    },
+}
+
+
+</script>
+<style scoped>
+.div-select-document {
+    padding: 50px;
+}
+</style>

package/src/components/modules/signature/signature-config/SignatureConfig.vue

@@ -0,0 +1,118 @@
+<template>
+    <div>
+        <Loading :center="true" v-show="loading" />
+        <b-tabs>
+            <b-tab title="Configuração">
+                <div class="main">
+                    <b-row>
+                        <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+                            <InputText title="Marca" field="name" :required="true" :maxLength="20" :markFormDirty="false"
+                                v-model="config.name" />
+                        </b-col>
+                        <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+                            <InputText title="Cor" field="name" :required="false" :maxLength="20" :markFormDirty="false"
+                                v-model="config.primaryColor" />
+                            <Color titulo="Cor do Botão" v-model="config.primaryColor" />
+                        </b-col>
+                    </b-row>
+                </div>
+                <div>
+                    <Button _key="btnSaveConfig" type="success" title="Salvar" classIcon="fas fa-save" size="medium"
+                        :clicked="save" />
+                </div>
+            </b-tab>
+            <b-tab title="Logo">
+                <ImageUpload title="Carregar Log..." container="nixloc-signature-logo" :width="120" :height="60"
+                    :urlImage="config.urlLogo" accepted=".jpg" urlPost="/api/v1/adm/file-upload/upload"
+                    urlRemove="/api/v1/adm/file-upload/delete" v-model="config.urlLogo" :onLoad="save" />
+                <br>
+            </b-tab>
+        </b-tabs>
+
+    </div>
+</template>
+<script>
+
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Color from "@nixweb/nixloc-ui/src/component/forms/Color";
+import ImageUpload from "@nixweb/nixloc-ui/src/component/forms/ImageUpload";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+    name: "SignatureConfig",
+    components: {
+        InputText, ImageUpload, Button, Loading, Color
+    },
+    data() {
+        return {
+            created: false,
+            loading: true,
+            urlCreate: "/api/v1/signature-config/create",
+            urlUpdate: "/api/v1/signature-config/update",
+            urlGetById: "/api/v1/signature-config/get-by-id",
+            config: {
+                id: "",
+                name: "",
+                primaryColor: "",
+                urlLogo: "",
+            },
+        }
+    },
+    mounted() {
+        this.getById();
+        this.addLoading(["panel"]);
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+        ...mapMutations("generic", ["addLoading", "removeLoading"]),
+        getById() {
+            this.loading = true;
+            let params = {
+                url: this.urlGetById,
+                obj: {},
+            };
+            this.getApi(params).then((response) => {
+                if (response.success) {
+                    if (response.content == null) {
+                        this.created = false;
+                    } else {
+                        this.config = response.content;
+                    }
+                    this.loading = false;
+                }
+            });
+        },
+        save() {
+            if (this.created) {
+                let params = { url: this.urlUpdate, obj: this.config };
+                this.putApi(params).then((response) => {
+                    if (response.success) {
+                        this.removeLoading(["btnSaveConfig"]);
+                    }
+                });
+            } else {
+                let params = { url: this.urlCreate, obj: this.config };
+                this.postApi(params).then((response) => {
+                    if (response.success) {
+                        this.config = response.content;
+                        this.removeLoading(["btnSaveConfig"]);
+                    }
+                });
+            }
+        },
+    },
+}
+
+
+</script>
+<style scoped>
+.main {
+    margin-top: 25px;
+}
+</style>

package/src/components/modules/signature/signature-file/SignatureFileList.vue

@@ -0,0 +1,125 @@
+<template>
+    <div>
+        <ListViewWithDataHandler :templateList="templateList" :showHorizontalFilter="false"
+            :propsParam="{ any: genericId }" />
+        <Modal title="Assinaturas" :width="900" v-show="showModal('signers')">
+            <SignerList />
+        </Modal>
+    </div>
+</template>
+  
+<script>
+
+
+
+import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import SignerList from '../signer/SignerList.vue'
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+    name: "SignatureFileList",
+    props: ['genericId'],
+    components: {
+        ListViewWithDataHandler,
+        Modal,
+        SignerList
+    },
+    data() {
+        return {
+            templateList: {
+                urlGetApi: "/api/v1/signature-file/get-all",
+                urlDeleteAllApi: "/api/v1/crm/customer/delete",
+                showChecks: false,
+                headerTable: [
+                    {
+                        title: "Emissão",
+                        field: "registeredDate",
+                        type: "dateTime",
+                        iconSearch: false,
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "name",
+                        title: "Documento",
+                        type: "text",
+                        classCssBody: "limit",
+                    },
+                    {
+                        field: "totalSigners",
+                        title: "Assinaturas",
+                        type: "link",
+                        iconSearch: false,
+                        eventName: "openSigners",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "source",
+                        title: "Origem",
+                        type: "text",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "registeredUser",
+                        title: "Emitido por",
+                        type: "text",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "statusName",
+                        title: "Status",
+                        type: "class",
+                        fieldComparison: "statusName",
+                        classCssTitle: "text-center",
+                        classCssBody: [
+                            {
+                                classCss: "text-center badge badge-warning",
+                                fieldComparison: "Pendente",
+                            },
+                            {
+                                classCss: "text-center badge badge-success",
+                                fieldComparison: "Assinado",
+                            },
+                            {
+                                classCss: "text-center badge badge-info",
+                                fieldComparison: "Aberto",
+                            },
+                            {
+                                classCss: "text-center badge badge-danger",
+                                fieldComparison: "Recusado",
+                            },
+                        ],
+                    },
+                ],
+            },
+        }
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal", "event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+        create() {
+            this.$router.push({
+                name: "customerCreate",
+            });
+            this.removeLoading(["btnCustomerCreate"]);
+        },
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "openSigners")
+                    this.openModal("signers");
+            },
+            deep: true,
+        },
+    },
+};
+</script>
+