@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/dashboard/task/PanelTask.vue

@@ -1,121 +0,0 @@
-<template>
-    <div>
-        <div class="div-title-task">Tarefa</div>
-        <div class="side-by-side div-task" @click="navegateTo('delayed')">
-            <div class="title-task text-center task-delay">PENDENTES EM ATRASO</div>
-            <div class="text-center">
-                <div class="total-task">
-                    {{ data.pending }}
-                </div>
-                <div class="sub-title-task">
-                    Total
-                </div>
-            </div>
-        </div>
-        <div class="side-by-side div-task" @click="navegateTo('today')">
-            <div class="title-task text-center task-today"> HOJE </div>
-            <div class="text-center">
-                <div class="total-task">
-                    {{ data.today }}
-                </div>
-                <div class="sub-title-task">
-                    Total
-                </div>
-            </div>
-        </div>
-        <div class="side-by-side div-task" @click="navegateTo('scheduled')">
-            <div class="title-task text-center task-success">PRAZO</div>
-            <div class="text-center">
-                <div class="total-task">
-                    {{ data.scheduled }}
-                </div>
-                <div class="sub-title-task">
-                    Total
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-
-import { mapActions, mapState } from "vuex";
-
-export default {
-    name: "PanelTask",
-    data() {
-        return {
-            urlGet: "/api/v1/shared/job/job-dashboard",
-            data: {},
-        }
-    },
-    mounted() {
-        this.getAll();
-    },
-    computed: {
-        ...mapState("user", ["userLogged"]),
-    },
-    methods: {
-        ...mapActions("generic", ["getApi"]),
-        getAll() {
-            this.loading = true;
-            let params = { url: this.urlGet, obj: { id: this.userLogged.user.id } };
-            this.getApi(params).then((response) => {
-                this.data = response.content;
-            });
-        },
-        navegateTo(filter) {
-            this.$router.push({
-                name: "jobListFilter",
-                params: { filter: filter }
-            });
-        }
-    }
-}
-
-</script>
-<style scoped>
-.div-task {
-    margin-left: 6px;
-    margin-right: 25px;
-    border-radius: 15px;
-    width: 130px;
-    height: 137px;
-    background-color: #F8F9FA;
-    cursor: pointer;
-}
-
-.div-title-task {
-    font-size: 21px;
-    margin-bottom: 10px;
-    margin-left: 10px;
-}
-
-.title-task {
-    font-size: 13px;
-    border-radius: 15px 15px 0px 0px;
-    color: white;
-    font-weight: 600;
-    padding: 5px;
-    height: 60px;
-}
-
-.task-today {
-    background-color: #FF8A1B;
-    font-size: 20px;
-
-}
-
-.task-delay {
-    background-color: #FF6362;
-}
-
-.task-success {
-    background-color: #3D4EAE;
-    font-size: 15px;
-}
-
-.total-task {
-    font-size: 20px;
-    font-weight: 600;
-}
-</style>

package/src/components/modules/finance/bank/Bank.js

@@ -1,12 +0,0 @@
-export default class Bank {
-    constructor() {
-        this.id = "";
-        this.number = "";
-        this.name = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.number = data.number;
-        this.name = data.name;
-    }
-}

package/src/components/modules/finance/bank/BankCreateUpdate.vue

@@ -1,101 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="4">
-        <InputText title="Número" field="number" :formName="formName" :required="true" :maxLength="10"
-          v-model="bank.number" :markFormDirty="false" />
-      </b-col>
-      <b-col sm="8">
-        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="50" v-model="bank.name"
-          :markFormDirty="false" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="btnSaveBank" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="saveBank" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import Bank from "@/components/modules/finance/bank/Bank.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "BankCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: { InputText, Button },
-  data() {
-    return {
-      formName: "bankCreateUpdate",
-      bank: new Bank(),
-      urlCreate: "/api/v1/finance/bank/create",
-      urlUpdate: "/api/v1/finance/bank/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", [
-      "removeLoading",
-      "removeEvent",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveBank() {
-      if (this.bank.id) {
-        let params = { url: this.urlUpdate, obj: this.bank };
-        this.putApi(params).then((response) => {
-          if (response.success && !this.registerInSelect) this.hideModal();
-          this.removeLoading(["btnSaveBank"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.bank };
-        this.postApi(params).then((response) => {
-          if (response.success && !this.registerInSelect) this.hideModal();
-          if (response.success && this.registerInSelect) {
-            this.$emit("input", {
-              id: response.content.id,
-              content: response.content.name,
-            });
-            this.hideVodal(this.formName);;
-          }
-          this.removeLoading(["btnSaveBank"]);
-        });
-      }
-    },
-    update(data) {
-      this.bank = new Bank();
-      this.bank.update(data);
-      this.removeLoading([data.id]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "bankCreate") {
-          this.resetValidation(this.formName);
-          this.bank = new Bank();
-        }
-        if (event.name == "bankUpdate") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/finance/bank-account/BankAccountCreateUpdate.js

@@ -1,34 +0,0 @@
-export default class BankAccountCreateUpdate {
-    constructor() {
-        this.id = "";
-        this.name = "";
-        this.urlLogo = "";
-        this.bank = { id: "", content: "" };
-        this.agency = "";
-        this.agencyDigit = "";
-        this.type = 1;
-        this.accountNumber = "";
-        this.accountDigit = "";
-        this.openingBalance = 0;
-        this.accountBalance = "";
-        this.pluggyId = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.type = data.type;
-        this.name = data.name;
-        this.urlLogo = data.urlLogo;
-
-        if (this.type == 1) {
-            this.bank = { id: data.bank.id, content: data.bank.name };
-            this.agency = data.agency;
-            this.agencyDigit = data.agencyDigit;
-            this.accountNumber = data.accountNumber;
-            this.accountDigit = data.accountDigit;
-        }
-
-        this.openingBalance = data.openingBalance;
-        this.accountBalance = data.accountBalance;
-        this.pluggyId = data.pluggyId;
-    }
-}

package/src/components/modules/finance/bank-account/BankAccountCreateUpdate.vue

@@ -1,224 +0,0 @@
-<template>
-  <div class="margin">
-    <Molded v-if="id">
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="8" xl="8">
-          <b-row>
-            <b-col xs="12" sm="12" md="12" lg="1" xl="1">
-              <img :src="'https://espaco.blob.core.windows.net/nixloc-bank-logo/' +
-      bankAccount.urlLogo
-      " class="img img-bank" />
-            </b-col>
-            <b-col xs="12" sm="12" md="12" lg="11" xl="11">
-              <div class="div-balance" :class="{
-      positive: bankAccount.accountBalance >= 0,
-      negative: bankAccount.accountBalance < 0,
-    }">
-                Saldo Atual {{ bankAccount.accountBalance | currency }}
-              </div>
-            </b-col>
-          </b-row>
-        </b-col>
-      </b-row>
-    </Molded>
-    <br v-if="id" />
-    <Molded>
-      <div class="div-pluggy" v-if="id && numberOfOpenFinance > 0">
-        <PluggyConnect :pluggyId="bankAccount.pluggyId" />
-      </div>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="12" xl="12">
-          <RadioGroup :formName="formName" :options="[
-      { text: 'Conta Bancária', value: 1 },
-      { text: 'Caixa Interno', value: 2 },
-    ]" v-model="bankAccount.type" />
-        </b-col>
-      </b-row>
-      <b-row v-if="isBankAccount">
-        <b-col xs="12" sm="12" md="12" lg="6" xl="6">
-          <Select title="Banco" field="bank" :formName="formName" :required="isBankAccount"
-            url="/api/v1/finance/bank/select-all" v-model="bankAccount.bank" nameNewRegister="bankCreateUpdate"
-            titleNewRegister="Banco" :widthNewRegister="500" :heightNewRegister="250">
-            <BankCreateUpdate :registerInSelect="true" v-model="bankAccount.bank" />
-          </Select>
-        </b-col>
-      </b-row>
-      <b-row v-if="isBankAccount">
-        <b-col xs="6" sm="6" md="6" lg="2" xl="2">
-          <InputText title="Agência" field="agency" :formName="formName" :required="isBankAccount" :maxLength="10"
-            v-model="bankAccount.agency" />
-        </b-col>
-        <b-col xs="6" sm="6" md="6" lg="1" xl="1">
-          <InputText title="Digito" field="agencyDigit" :formName="formName" :required="false" :maxLength="10"
-            v-model="bankAccount.agencyDigit" />
-        </b-col>
-        <b-col xs="6" sm="6" md="6" lg="3" xl="3">
-          <InputText title="Conta" field="accountNumber" :formName="formName" :required="isBankAccount" :maxLength="20"
-            v-model="bankAccount.accountNumber" />
-        </b-col>
-        <b-col xs="6" sm="6" md="6" lg="1" xl="1">
-          <InputText title="Digito" field="accountDigit" :formName="formName" :required="false" :maxLength="10"
-            v-model="bankAccount.accountDigit" />
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="6" xl="6">
-          <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="100"
-            v-model="bankAccount.name" />
-        </b-col>
-        <b-col xs="6" sm="6" md="6" lg="2" xl="2">
-          <InputDecimal title="Saldo Inicial R$" field="openingBalance" :formName="formName" :required="false"
-            :allowNegative="true" v-model="bankAccount.openingBalance" />
-        </b-col>
-      </b-row>
-    </Molded>
-    <br />
-  </div>
-</template>
-
-<script>
-
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
-import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-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 Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import BankCreateUpdate from "../bank/BankCreateUpdate.vue";
-
-import BankAccountCreateUpdate from "@/components/modules/finance/bank-account/BankAccountCreateUpdate.js";
-
-import PluggyConnect from '../pluggy/PluggyConnect.vue'
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "BankAccountCreateUpdate",
-  props: {
-    value: Object,
-  },
-  components: {
-    InputText,
-    InputDecimal,
-    Select,
-    RadioGroup,
-    CheckboxGroup,
-    Molded,
-    Button,
-    BankCreateUpdate, PluggyConnect
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      formName: "bankAccountCreateUpdate",
-      bankAccount: new BankAccountCreateUpdate(),
-      urlGetPlan: "/api/v1/adm/company/get-plan",
-      urlCreate: "/api/v1/finance/bank-account/create",
-      urlUpdate: "/api/v1/finance/bank-account/update",
-      urlGetById: "/api/v1/finance/bank-account/get-by-id",
-      numberOfOpenFinance: 0,
-    };
-  },
-  created() {
-    if (this.id) this.getById();
-    this.getPlan();
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event", "isLoading"]),
-    isBankAccount() {
-      if (this.bankAccount.type == 1) return true;
-      return false;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
-    ...mapMutations("generic", ["removeLoading"]),
-    ...mapMutations("validation", ["removeFormDirty"]),
-    // 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;
-      });
-    },
-    create() {
-      let params = { url: this.urlCreate, obj: this.bankAccount };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.$router.replace({
-            name: "bankAccountUpdate",
-            params: { id: response.content.id },
-          });
-        }
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    update() {
-      let params = { url: this.urlUpdate, obj: this.bankAccount };
-      this.putApi(params).then((response) => {
-        if (response.success) this.getById();
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    getById() {
-      let params = { url: this.urlGetById, obj: { id: this.id } };
-      this.getApi(params).then((response) => {
-        this.bankAccount.update(response.content);
-        let self = this;
-        setTimeout(function () {
-          self.removeLoading(["panel"]);
-          self.removeFormDirty();
-        }, 100);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "saveSaveCancel") {
-          if (!this.id) this.create();
-          if (this.id) this.update();
-        }
-
-        if (event.name == "pluggyUpdated") {
-          this.getById();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.margin {
-  margin-right: 10px;
-}
-
-.div-balance {
-  font-size: 16px;
-  margin-top: 3px;
-}
-
-.positive {
-  color: darkblue;
-}
-
-.negative {
-  color: red;
-}
-
-.img-bank {
-  border-radius: 10px;
-}
-
-.div-pluggy {
-  margin-top: 5px;
-  margin-bottom: 12px;
-}
-</style>

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: 15px;
-}
-
-.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 = "";
-    }
-}