@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/finance/bank-reconciliation/AddTransactionsList.vue

@@ -1,137 +0,0 @@
-<template>
-    <div>
-        <div>
-            <b-row>
-                <b-col sm="4">
-                    <Select title="Categoria (Padrão) " url="api/v1/finance/chart-of-accounts/select-all"
-                        :showNewRegister="false" v-model="chartOfAccounts">
-                    </Select>
-                </b-col>
-                <b-col sm="4">
-                    <Select title="Tipo de Pagamento (Padrão)" url="/api/v1/finance/type-payment/select-all"
-                        :showNewRegister="false" v-model="typePayment">
-                    </Select>
-                </b-col>
-                <b-col sm="4">
-                    <Select title="Conta Bancária (Padrão)" url="api/v1/finance/bank-account/select-all"
-                        :showNewRegister="false" v-model="bankAccount">
-                    </Select>
-                </b-col>
-            </b-row>
-            <br>
-        </div>
-        <div class="main-reconciliation">
-            <div v-for="item in selected">
-                <div class="div-molded">
-                    <Molded>
-                        <ItemReconciliation :item="item" :isNew="true" :removed="removeItem" />
-                    </Molded>
-                </div>
-            </div>
-            <div v-show="selected.length == 0">
-                <span>Nenhum registro selecionado!</span>
-            </div>
-        </div>
-        <div class="div-btn text-center">
-            <Button _key="btnCreatePayableReceivable" :disabled="selected.length == 0" type="success"
-                title="Gerar Conciliação" size="medium" :clicked="createPayableReceivable" />
-        </div>
-    </div>
-</template>
-
-<script>
-
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import ItemReconciliation from './ItemReconciliation.vue'
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "ReconciliationList",
-    props: {
-        selected: Array,
-        value: Number
-    },
-    components: {
-        Molded, Button, ItemReconciliation, Select
-    },
-    data() {
-        return {
-            urlCreatePayableReceivable: "/api/v1/finance/bank-reconciliation/create-payable-receivable",
-            chartOfAccounts: {},
-            typePayment: {},
-            bankAccount: {},
-        }
-    },
-    methods: {
-        ...mapActions("generic", ["postApi"]),
-        ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-        createPayableReceivable() {
-            let params = {
-                url: this.urlCreatePayableReceivable,
-                obj:
-                    { id: this.id, listBankReconciliationResponse: this.selected },
-                notNotifyToast: true,
-            };
-            this.postApi(params).then((response) => {
-                if (response.success) {
-                    this.hideModal();
-                    this.addEvent({ name: "reconciliationAddExecuted" });
-                }
-                this.removeLoading(["btnCreatePayableReceivable"]);
-
-            });
-        },
-        removeItem(id) {
-            let filter = this.selected.filter(function (item) {
-                return item.id != id;
-            });
-            this.selected = filter;
-        },
-    },
-    watch: {
-        chartOfAccounts: {
-            handler(chartOfAccounts) {
-                this.selected.forEach(item => {
-                    item.chartOfAccounts = { id: chartOfAccounts.id, content: chartOfAccounts.content }
-                });
-            },
-            deep: true,
-        },
-        typePayment: {
-            handler(typePayment) {
-                this.selected.forEach(item => {
-                    item.typePayment = { id: typePayment.id, content: typePayment.content }
-                });
-            },
-            deep: true,
-        },
-        bankAccount: {
-            handler(bankAccount) {
-                this.selected.forEach(item => {
-                    item.bankAccount = { id: bankAccount.id, content: bankAccount.content }
-                });
-            },
-            deep: true,
-        },
-    },
-
-}
-</script>
-<style scoped>
-.main-reconciliation {
-    height: 500px;
-    overflow: auto;
-    padding-right: 10px;
-}
-
-.div-molded {
-    margin-bottom: 25px;
-}
-
-.div-btn {
-    margin: 10px
-}
-</style>

package/src/components/modules/finance/bank-reconciliation/BankReconciliation.js

@@ -1,7 +0,0 @@
-export default class BankReconciliation {
-    constructor() {
-        this.id = "";
-        this.container = "nixloc-finance-ofx";
-        this.fileName = "";
-    }
-}

package/src/components/modules/finance/bank-reconciliation/BankReconciliation.vue

@@ -1,164 +0,0 @@
-<template>
-    <div>
-        <div v-if="loading">
-            <span>Aguarde, estamos carregando os dados, isso pode levar alguns segundos...</span>
-            <Loading type="line" :center="false" />
-        </div>
-        <div v-else>
-            <b-row v-if="numberOfOpenFinance > 0">
-                <b-col xs="12" sm="12" md="12" lg="12" xl="12">
-                    <RadioGroup :options="optionsConditional" v-model="type" />
-                </b-col>
-            </b-row>
-
-            <div v-if="type == 1">
-                <Alert type="info">
-                    <span>
-                        Selecione o arquivo no formato
-                        <b> .ofx </b> e aguarde até carregar os dados para conciliação.
-                    </span>
-                    <br />
-                </Alert>
-                <FileUpload title="Importar Arquivo .OFX" classIcon="fa-solid fa-file-export"
-                    :container="bankReconciliation.container" accepted=".ofx" allowed=".ofx" :disabled="true"
-                    urlPost="/api/v1/adm/file-upload/upload" urlRemove="/api/v1/adm/file-upload/delete"
-                    :onLoad="successUploadFile" :nameDataBase="bankReconciliation.fileName"
-                    v-model="bankReconciliation.fileName" />
-            </div>
-            <div v-else>
-                <div v-if="loadingTransactionsToday">
-                    <span>Aguarde, estamos atualizado o extrato na data de HOJE...</span>
-                    <Loading type="line" :center="false" />
-                </div>
-                <div v-else>
-                    <Alert type="info">
-                        <span>
-                            Importe os extratos das <b>Contas Vinculadas</b> ao Open Finance. Se <b>NÃO</b> houver
-                            nenhuma
-                            listada, adicione-as no cadastro da Conta Bancária.
-                        </span>
-                        <br />
-                    </Alert>
-                    <Button _key="btnOpenModalImport" title="Importar Período" backGroundColor="#0A36DB" color="white"
-                        classIcon="fa-solid fa-file-import" size="small" :clicked="openModalImport" />
-                </div>
-            </div>
-        </div>
-        <br>
-        <b-row>
-            <b-col sm="6">
-                <TransactionsList v-if="!loading" />
-            </b-col>
-            <b-col sm="6">
-                <SuggestionList v-if="!loading" />
-            </b-col>
-        </b-row>
-        <!--não remover o v-show, pois está sendo acionado ao carregar o componente-->
-        <Modal title="Importar Extrato" :width="550" v-show="showModal('importPluggy')">
-            <ImportPluggy v-model="loadingTransactionsToday" />
-        </Modal>
-    </div>
-</template>
-
-<script>
-
-
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import BankReconciliation from "@/components/modules/finance/bank-reconciliation/BankReconciliation.js";
-import FileUpload from "@nixweb/nixloc-ui/src/component/forms/FileUpload";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import TransactionsList from './TransactionsList.vue'
-import SuggestionList from './SuggestionList.vue'
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-
-import ImportPluggy from './ImportPluggy.vue'
-
-import { mapActions, mapMutations, mapGetters } from "vuex";
-
-export default {
-    name: "BankReconciliation",
-    components: {
-        FileUpload,
-        Alert,
-        Loading,
-        Molded,
-        TransactionsList,
-        SuggestionList,
-        RadioGroup,
-        Button,
-        Modal,
-        ImportPluggy
-    },
-    data() {
-        return {
-            bankReconciliation: new BankReconciliation(),
-            urlCreate: "/api/v1/finance/bank-reconciliation/create",
-            urlGetPlan: "/api/v1/adm/company/get-plan",
-            loading: false,
-            type: 1,
-            bankAccount: {},
-            numberOfOpenFinance: 0,
-            loadingTransactionsToday: false,
-        }
-    },
-    created() {
-        this.getPlan();
-    },
-    computed: {
-        ...mapGetters("generic", ["showModal"]),
-        optionsConditional() {
-            let options = [];
-            var ofx = { text: 'Arquivo .OFX', value: 1 };
-            var openFinance = { text: 'Conexão Automática', value: 2 };
-
-            options.push(ofx);
-            if (this.numberOfOpenFinance > 0) {
-                this.type = 2;
-                options.push(openFinance);
-            }
-
-            return options;
-        }
-    },
-    methods: {
-        ...mapActions("generic", ["postApi", "getApi"]),
-        ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
-        // o getPlan está provisório, após teste liberar para qualquer cliente e validar pela quantidade de contas bancárias contratadas
-        getPlan() {
-            let params = {
-                url: this.urlGetPlan,
-            };
-            this.getApi(params).then((response) => {
-                this.numberOfOpenFinance = response.content.plan.numberOfOpenFinance;
-            });
-        },
-        successUploadFile() {
-            this.loading = true;
-            let self = this;
-            setTimeout(function () {
-                self.create();
-            }, 100);
-        },
-        create() {
-            let params = { url: this.urlCreate, obj: this.bankReconciliation, notNotifyToast: true, };
-            this.postApi(params).then((response) => {
-                this.loading = false;
-                this.bankReconciliation.fileName = "";
-                this.addEvent({ name: "fileLoaded" });
-            });
-        },
-        openModalImport() {
-            this.openModal("importPluggy");
-            this.removeLoading(["btnOpenModalImport"]);
-        }
-    },
-}
-</script>
-<style>
-.div-file {
-    margin-top: 10px;
-}
-</style>

package/src/components/modules/finance/bank-reconciliation/ImportPluggy.vue

@@ -1,95 +0,0 @@
-<template>
-    <div>
-        <Select title="Conta Bancária" field="bankAccount" :required="true" v-model="obj.bankAccount"
-            url="api/v1/finance/bank-account/select-all-open-finance" :showNewRegister="false" />
-        <b-row>
-            <b-col sm="6">
-                <DateTime title="Data Inicio" field="dueDate" format="DD/MM/YYYY" type="date" placeholder
-                    :required="true" v-model="obj.dateFrom" />
-            </b-col>
-            <b-col sm="6">
-                <DateTime title="Data Fim" field="dueDate" format="DD/MM/YYYY" type="date" placeholder :required="true"
-                    v-model="obj.dateTo" />
-            </b-col>
-        </b-row>
-        <div class="text-center">
-            <Button _key="btnExecuteImport" :disabled="disabled" title="Importar" backGroundColor="#0A36DB"
-                color="white" size="small" :clicked="executeImport" />
-        </div>
-    </div>
-</template>
-<script>
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-
-import { mapActions, mapMutations, mapGetters } from "vuex";
-
-export default {
-    name: "ImportPluggy",
-    props: ["value"],
-    components: {
-        Button,
-        DateTime,
-        Select
-    },
-    data() {
-        return {
-            urlGetTransactions: "/api/v1/finance/bank-reconciliation/get-all-transactions",
-            urlGetTransactionsToday: "/api/v1/finance/bank-reconciliation/get-all-transactions-today",
-            obj: {
-                bankAccount: {},
-                dateFrom: "",
-                dateTo: "",
-            },
-            loading: true,
-        }
-    },
-    computed: {
-        disabled() {
-            if (this.obj.bankAccount == {} || this.obj.dateFrom == "" || this.obj.dateTo == "") return true;
-            return false;
-        }
-    },
-    methods: {
-        ...mapActions("generic", ["getApi"]),
-        ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
-        getTransactionsToday() {
-            this.loading = true;
-            let params = {
-                url: this.urlGetTransactionsToday,
-            };
-            this.getApi(params).then((response) => {
-                if (response.success) {
-                    this.addEvent({ name: "importPluggy" });
-                }
-                this.loading = false;
-
-                let self = this;
-                setTimeout(function () {
-                    self.$emit("input", this.loading);
-                }, 5000);
-            });
-
-        },
-        executeImport() {
-            let params = {
-                url: this.urlGetTransactions, obj: {
-                    dateFrom: this.obj.dateFrom,
-                    dateTo: this.obj.dateTo,
-                    itemId: this.obj.bankAccount.any
-                }
-            };
-            this.getApi(params).then((response) => {
-                if (response.success) {
-                    this.hideModal();
-                    this.addEvent({ name: "importPluggy" });
-                }
-                this.removeLoading(["btnExecuteImport"]);
-            });
-        }
-    }
-}
-
-</script>

package/src/components/modules/finance/bank-reconciliation/ItemFixedBar.vue

@@ -1,39 +0,0 @@
-<template>
-  <div>
-    <div class="fixed-bar-options" posicao="topo" :showButtonClose="true" v-show="totalSelected > 0">
-      <div>
-        <Button v-if="showBtnAdd" _key="btnAddReconcileItem" type="primary" :title="'Adicionar ' + totalSelected"
-          size="small" eventName="addReconcileItemFixedBar" />
-        <Button v-if="showBtnReconcile" _key="btnReconcileItem" type="primary" :title="'Conciliar ' + totalSelected"
-          size="small" eventName="reconcileItemFixedBar" />
-        <Button v-if="showBtnDelete" _key="btnRemoveItem" type="danger" :title="'Remover ' + totalSelected" size="small"
-          eventName="removeItemFixedBar" />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import FixedBar from "@nixweb/nixloc-ui/src/component/layout/FixedBar.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-
-export default {
-  name: "ItemFixedBar",
-  components: { FixedBar, Button, },
-  props: {
-    selected: Array,
-    showBtnAdd: Boolean,
-    showBtnDelete: Boolean,
-    showBtnReconcile: Boolean,
-  },
-  computed: {
-    totalSelected() {
-      return this.selected.length;
-    },
-  },
-};
-</script>
-<style scoped>
-.total-selected {
-  font-size: 16px;
-}
-</style>

package/src/components/modules/finance/bank-reconciliation/ItemReconciliation.vue

@@ -1,125 +0,0 @@
-<template>
-    <div>
-        <div class="div-description">
-            <b-row>
-                <b-col sm="10">
-                    <i class="fa-solid fa-sack-dollar" :class="{ pay: item.type == 1, receive: item.type == 2 }"></i>
-                    <span v-if="item.type == 1" class="pay title"> Pagar </span>
-                    <span class="receive title" v-else> Receber </span>
-                    <div class="side-by-side molded-description title" v-if="item.recipientName">
-                        Destinatário: {{ item.recipientName }}
-                    </div>
-                    <div class="side-by-side molded-description title" v-if="item.description">
-                        Descrição: {{ item.description }}
-                    </div>
-                    <div class="side-by-side molded-description title">
-                        Vencimento: {{ item.dueDate }}
-                    </div>
-                    <div class="side-by-side molded-description title"
-                        :class="{ pay: item.type == 1, receive: item.type == 2 }">
-                        Valor: {{ item.value | currency }}
-                    </div>
-                </b-col>
-                <b-col sm="2">
-                    <div class="text-right">
-                        <i class="icon-delete fa-solid fa-trash" @click="removeItem(item.id)"></i>
-                    </div>
-                </b-col>
-            </b-row>
-        </div>
-        <b-row>
-            <b-col :sm="item.type == 1 ? 4 : 8" v-if="isNew">
-                <Select title="Destinatário" field="recipient" :required="true" :showNewRegister="false"
-                    url="api/v1/finance/payable-receivable/select-all-recipient" v-model="item.recipient">
-                </Select>
-            </b-col>
-            <b-col sm="4" v-if="isNew">
-                <InputText title="Descrição" field="description" :required="true" :maxLength="200"
-                    v-model="item.description" />
-            </b-col>
-            <b-col sm="4" v-if="item.type == 1 && isNew">
-                <Select title="Locação Vinculada" field="type" :markFormDirty="false"
-                    url="api/v1/rental/rent/select-all" v-model="item.rent" :showNewRegister="false">
-                </Select>
-            </b-col>
-        </b-row>
-        <b-row>
-            <b-col sm="4">
-                <Select title="Categoria" url="api/v1/finance/chart-of-accounts/select-all"
-                    :propsParams="{ any: typeCostCenter }" :showNewRegister="false" :required="true"
-                    v-model="item.chartOfAccounts">
-                </Select>
-            </b-col>
-            <b-col sm="4">
-                <Select title="Tipo de Pagamento" url="/api/v1/finance/type-payment/select-all" :showNewRegister="false"
-                    :required="true" v-model="item.typePayment">
-                </Select>
-            </b-col>
-            <b-col sm="4">
-                <Select title="Conta Bancária" url="api/v1/finance/bank-account/select-all" :showNewRegister="false"
-                    :required="true" v-model="item.bankAccount">
-                </Select>
-            </b-col>
-        </b-row>
-    </div>
-</template>
-<script>
-
-
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-
-
-export default {
-    name: "ItemReconciliation",
-    props: {
-        item: Object,
-        isNew: Boolean,
-        removed: Function,
-    },
-    components: {
-        Select, InputText, InputDecimal, Alert
-    },
-    computed: {
-        typeCostCenter() {
-            return this.item.type == 1 ? 2 : 1;
-        }
-    },
-    methods: {
-        removeItem(id) {
-            if (this.removed) this.removed(id);
-        },
-    }
-}
-
-</script>
-<style scoped>
-.molded-description {
-    padding-left: 15px;
-    padding-right: 15px;
-    margin-right: 10px;
-    margin-bottom: 10px;
-    color: black;
-}
-
-.pay {
-    color: red;
-}
-
-.receive {
-    color: darkblue;
-}
-
-.icon-delete {
-    font-size: 16px;
-    color: red;
-    cursor: pointer;
-}
-
-.div-description {
-    margin-bottom: 15px;
-}
-</style>