@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

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

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

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

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

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

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