@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/rental/payment-rent/PaymentRentCreateUpdate.vue

@@ -1,159 +0,0 @@
-<template>
-  <div>
-    <div v-if="paymentRent.payableReceivable && Object.keys(paymentRent.payableReceivable).length > 0">
-      <Alert type="info">
-        <span>
-          Conta vinculada, sua alteração resultará em uma modificação no <b>Financeiro</b>.
-        </span>
-      </Alert>
-    </div>
-    <b-row v-if="status == 2 && !paymentRent.id">
-      <b-col sm="12">
-        <RadioGroup title="Lançar no Financeiro?" :formName="formName" field="group" :options="[
-          { text: 'Sim', value: true },
-          { text: 'Não', value: false },
-        ]" v-model="paymentRent.registerInFinance" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="9">
-        <Select title="Tipo de Pagamento" field="typePayment" :required="true" :markFormDirty="false"
-          :propsParams="{ any: 'Rental' }" v-model="paymentRent.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="paymentRent.typePayment" />
-        </Select>
-      </b-col>
-      <b-col sm="3">
-        <InputDecimal title="Valor" field="value" :formName="formName" :required="true" :markFormDirty="false"
-          :maxLength="5" type="float" v-model="paymentRent.value" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="3">
-        <DateTime title="Vencimento" field="dueDate" format="DD/MM/YYYY" type="date" placeholder :formName="formName"
-          :required="true" v-model="paymentRent.dueDate" />
-      </b-col>
-      <b-col sm="9">
-        <InputText title="Descrição" field="name" :formName="formName" :required="false" :maxLength="200"
-          v-model="paymentRent.description" :markFormDirty="false" />
-      </b-col>
-    </b-row>
-
-    <RepeatPayment v-if="!paymentRent.id" :payment="paymentRent" v-model="reapeter" />
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="btnSavePaymentRent" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="savePaymentRent" />
-        </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 CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import PaymentRent from "@/components/modules/rental/payment-rent/PaymentRent.js";
-import TypePaymentCreateUpdate from "../../finance/type-payment/TypePaymentCreateUpdate.vue";
-import RepeatPayment from "@/components/modules/shared/payment-items/RepeatPayment";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "PaymentRentCreateUpdate",
-  components: {
-    InputText,
-    InputDecimal,
-    DateTime,
-    Select,
-    Button,
-    RadioGroup,
-    CheckboxGroup,
-    CheckboxSimple,
-    TypePaymentCreateUpdate,
-    Alert,
-    RepeatPayment
-  },
-  props: {
-    rentId: String,
-    status: Number,
-  },
-  data() {
-    return {
-      formName: "paymentRentCreateUpdate",
-      paymentRent: new PaymentRent(),
-      urlCreate: "/api/v1/rental/payment-rent/create",
-      urlUpdate: "/api/v1/rental/payment-rent/update",
-      reapeter: [],
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    ...mapGetters("user", ["hasRule"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", [
-      "removeLoading",
-      "removeEvent",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    savePaymentRent() {
-      this.paymentRent.rentId = this.rentId;
-      this.paymentRent.status = this.status;
-
-      if (this.paymentRent.id) {
-        let params = { url: this.urlUpdate, obj: this.paymentRent };
-        this.putApi(params).then((response) => {
-          if (response.success) this.hideModal();
-          this.removeLoading(["btnSavePaymentRent"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.paymentRent, notNotifyToast: true };
-        if (this.reapeter.length == 0) {
-          this.postApi(params).then((response) => { });
-        } else {
-          this.reapeter.forEach(payment => {
-            params.obj.dueDate = payment.dueDate;
-            params.obj.value = payment.value;
-            this.postApi(params).then((response) => { });
-          });
-        }
-        this.hideModal();
-        this.removeLoading(["btnSavePaymentRent"]);
-        this.addEvent({ name: "paymentRentUpdated" });
-      }
-    },
-    update(data) {
-      this.paymentRent = new PaymentRent();
-      this.paymentRent.update(data);
-      this.removeLoading([data.id]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "paymentRentCreate") {
-          this.resetValidation(this.formName);
-          this.paymentRent = new PaymentRent();
-        }
-        if (event.name == "paymentRentUpdate") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/rental/payment-rent/PaymentRentList.vue

@@ -1,216 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
-      :propsParam="propsParam">
-      <div slot="content-buttons">
-        <div class="div-btn-paymentRent-create">
-          <Button v-if="showBtnCreate" _key="btnPaymentRentCreate" title="Pagamento" classIcon="fas fa-plus-circle"
-            type="primary" size="small" :clicked="create" />
-        </div>
-      </div>
-      <div slot="content-buttons-table-header">
-        <Button v-if="showBtnLaunchFinance" _key="btnGenerateFinance" :title="'Lançar no Financeiro ' + selected.length"
-          type="primary" size="small" :clicked="confirmGenerate" />
-      </div>
-    </ViewTemplateConfiguration>
-    <Modal title="Tem certeza que deseja lançar?" :width="500" v-show="showModal('generateFinance')">
-      <Alert type="warning">
-        <span>
-          Atenção, certifique-se que está lançando o valor correto, após lançado
-          somente o Financeiro poderá alterar
-        </span>
-      </Alert>
-      <Confirmation :isModal="false" title="Você tem certeza?" type="primary"
-        :confirmed="createPaymentsAccountsReceivable" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-
-import { mapMutations, mapState, mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "PaymentRentList",
-  components: {
-    ViewTemplateConfiguration,
-    Button, Confirmation,
-    Alert, Modal
-  },
-  props: {
-    rentId: String,
-    status: Number,
-    showBtnCreate: {
-      type: Boolean,
-      default: true,
-    },
-    showBtnLaunchFinance: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      templateList: {
-        urlGetApi: "/api/v1/rental/payment-rent/get-all",
-        urlGenerateAllApi: "/api/v1/rental/payment-rent/create-payments-accounts-receivable",
-        urlDeleteAllApi: "/api/v1/rental/payment-rent/delete",
-        headerTable: [
-          {
-            field: "typePaymentName",
-            title: "Tipo de Pagamento",
-            type: "link",
-            eventName: "paymentRentUpdate",
-          },
-          {
-            field: "dueDate",
-            title: "Vencimento",
-            type: "text",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "value",
-            title: "Valor",
-            type: "currency",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "text",
-          },
-          {
-            title: "Financeiro",
-            field: "status",
-            type: "html",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            title: "",
-            field: "iconTokenBillet",
-            type: "html",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            type: "button",
-            typeButton: "default",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-            fieldComparison: "hasBillet",
-            classCssBody: [
-              {
-                classCss: "hide-link",
-                fieldComparison: "Não",
-              },
-            ],
-            button: {
-              classIcon: "fa-regular fa-copy",
-              type: "default",
-              size: "small",
-              eventName: "copyLink",
-            },
-          },
-        ],
-      },
-      propsParam: {
-        any: this.rentId,
-      },
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    ...mapState("generic", ["selected"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "hideModal", "addEvent", "removeLoading"]),
-    ...mapActions("generic", ["putAllApi"]),
-    create() {
-      this.addEvent({ name: "paymentRentCreate" });
-      this.removeLoading(["btnPaymentRentCreate"]);
-    },
-    confirmGenerate() {
-      this.removeLoading(["btnGenerateFinance"]);
-      this.openModal("generateFinance");
-    },
-    createPaymentsAccountsReceivable() {
-      let params = {
-        url: this.templateList.urlGenerateAllApi,
-        selected: this.selected,
-      };
-      this.putAllApi(params).then((response) => {
-        if (response.success) {
-          this.hideModal("generateInvoice");
-        }
-        this.removeLoading(["confirm"]);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "copyLink") {
-          const url = `https://app.boletocloud.com/boleto/2via/${event.data.tokenBillet}`;
-          navigator.clipboard.writeText(url);
-          this.$toasted.show("Link copiado...", { type: "info" });
-        }
-      },
-      deep: true,
-    },
-  },
-
-};
-</script>
-<style>
-.badge-default {
-  background-color: #eeeeee;
-  font-size: 13px !important;
-}
-
-.box-finance {
-  width: 10px;
-  height: 10px;
-  border-radius: 20px;
-  margin-right: 8px;
-}
-
-.finance-delay {
-  background-color: red;
-}
-
-.finance-paid {
-  background-color: #009183;
-}
-
-.finance-today {
-  background-color: #ff8a1b;
-}
-
-.finance-scheduled {
-  background-color: #3d4eae;
-}
-
-.payable {
-  color: red;
-}
-
-.receivable {
-  color: darkblue;
-}
-
-.div-btn-paymentRent-create {
-  margin-bottom: 15px;
-}
-
-.hide-link {
-  display: none;
-}
-</style>

package/src/components/modules/rental/period-rental/GeneratePeriodRent.js

@@ -1,8 +0,0 @@
-export default class GeneratePeriodRent {
-    constructor() {
-        this.id = "";
-        this.typePerid = 0;
-        this.multiplier = 1;
-        this.startDateHour = "";
-    }
-}

package/src/components/modules/rental/period-rental/GeneratePeriodRent.vue

@@ -1,171 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="12">
-        <SelectOption :titleSize="14" :showButtonNext="false" size="small" :width="110" :height="42"
-          :options="optionsWithByRules" v-model="generatePeriodRental.typePerid" />
-      </b-col>
-    </b-row>
-
-    <Alert type="warning" v-if="optionsWithByRules.length === 0">
-      <span>
-        É necessário configurar o Display (Cálculo de Período) em Adm > Parâmetro > Locação!
-      </span>
-    </Alert>
-
-    <div v-if="generatePeriodRental.typePerid != 0" class="period-row">
-      <div class="increment-decrement">
-        <IncrementDecrement :min="1" v-model="generatePeriodRental.multiplier" />
-      </div>
-
-      <div v-if="isShowStartDateHour" class="date-field-period">
-        <DateTime field="purchaseDate" format="DD/MM/YYYY HH:mm" type="dateTime" placeholder :required="false"
-          :markFormDirty="false" v-model="generatePeriodRental.startDateHour" />
-      </div>
-
-      <div class="btn-generate">
-        <Button _key="btnGeneratePeriodRent" title="Gerar Período" classIcon="fa-solid fa-calendar-circle-plus"
-          :disabled="btnGenerateDisabled" color="white" backGroundColor="#156EBE" size="medium" :clicked="generate" />
-      </div>
-    </div>
-
-    <div class="div-period-rent" v-show="showPeriodRent">
-      <PeriodRentItem />
-    </div>
-  </div>
-</template>
-
-<script>
-import SelectOption from "@nixweb/nixloc-ui/src/component/shared/SelectOption.vue";
-import IncrementDecrement from "@nixweb/nixloc-ui/src/component/forms/IncrementDecrement.vue";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import GeneratePeriodRental from "./GeneratePeriodRent.js";
-import PeriodRentItem from "./PeriodRentItem.vue";
-
-import { mapState, mapActions, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "GeneratePeriodRent",
-  props: ["startDateHour", "isShowStartDateHour"], // removidos: formName, value
-  components: {
-    SelectOption,
-    IncrementDecrement,
-    DateTime,
-    Button,
-    Alert,
-    PeriodRentItem,
-  },
-  data() {
-    return {
-      generatePeriodRental: new GeneratePeriodRental(),
-      showPeriodRent: false,
-      btnGenerateDisabled: true,
-      urlGenerate: "/api/v1/rental/period-rent/generate",
-      options: [
-        { title: "Minuto", titleSize: "13", icon: "fa-solid fa-clock-eight", value: 1 },
-        { title: "Hora", titleSize: "13", icon: "fa-solid fa-hourglass", value: 2 },
-        { title: "Dia", titleSize: "13", icon: "fa-solid fa-calendar-day", value: 3 },
-        { title: "Semana", titleSize: "13", icon: "fa-solid fa-calendar-week", value: 4 },
-        { title: "Quinzena", titleSize: "13", icon: "fa-solid fa-calendar-lines", value: 5 },
-        { title: "Mês", titleSize: "13", icon: "fa-solid fa-calendar-range", value: 6 },
-        { title: "Ano", titleSize: "13", icon: "fa-solid fa-calendar-days", value: 7 },
-      ],
-    };
-  },
-  computed: {
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("generic", ["event"]),
-    optionsWithByRules() {
-      const displayPeriod = this.userLogged.parameterRental.displayPeriod;
-      const options = [];
-      this.options.forEach((item) => {
-        if (!displayPeriod.includes(String(item.value))) return;
-        options.push(item);
-      });
-      return options;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading"]),
-    generate() {
-      if (this.startDateHour) {
-        this.generatePeriodRental.startDateHour = this.startDateHour;
-      }
-      const params = {
-        url: this.urlGenerate,
-        obj: this.generatePeriodRental,
-        notNotifyToast: true,
-        notRemoveFormDirty: true,
-      };
-      this.postApi(params).then((response) => {
-        this.addEvent({ name: "generatePeriodRent", data: response.content });
-        this.$emit("input", response.content);
-        this.showPeriodRent = true;
-        this.btnGenerateDisabled = true;
-        this.removeLoading(["btnGeneratePeriodRent"]);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name === "periodRentCreateUpdate") {
-          this.generatePeriodRental.multiplier = 1;
-          this.showPeriodRent = false;
-          this.btnGenerateDisabled = false;
-        }
-        if (event.name === "cleanGeneratePeriodRent") {
-          this.generatePeriodRental = new GeneratePeriodRental();
-          this.showPeriodRent = false;
-        }
-      },
-      deep: true,
-    },
-    generatePeriodRental: {
-      handler() {
-        this.btnGenerateDisabled = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-/* Mantidos apenas estilos utilizados */
-.period-row {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  min-height: 80px;
-}
-
-.period-row>div {
-  margin-bottom: 10px;
-}
-
-.date-field-period {
-  width: 170px;
-  flex-shrink: 0;
-  margin-top: 17px;
-}
-
-.increment-decrement {
-  min-width: 120px;
-}
-
-.btn-generate {
-  display: flex;
-  align-items: center;
-}
-
-.div-period-rent {
-  margin-bottom: 10px;
-}
-</style>

package/src/components/modules/rental/period-rental/PeriodRent.js

@@ -1,20 +0,0 @@
-export default class PeriodRent {
-    constructor() {
-        this.id = "";
-        this.deliveryDateHour = "";
-        this.startDateHour = "";
-        this.endDateHour = "";
-        this.devolutionDateHour = "";
-        this.description = "";
-        this.rentId = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.deliveryDateHour = data.deliveryDateHour;
-        this.startDateHour = data.startDateHour;
-        this.endDateHour = data.endDateHour;
-        this.devolutionDateHour = data.devolutionDateHour;
-        this.description = data.description;
-        this.rentId = data.rentId;
-    }
-}