@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/billing/items-invoice/ItemsInvoiceCreateUpdate.vue

@@ -1,138 +0,0 @@
-<template>
-  <div>
-    <Loading type="line" :center="false" v-show="loading" />
-    <b-row>
-      <b-col sm="12">
-        <div>
-          <EditorHtml title="Descrição" field="description" :required="false" :disabled="disabled"
-            :markFormDirty="false" :maxLength="500" v-model="itemsInvoice.description" />
-        </div>
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="2">
-        <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="false" :disabled="disabled"
-          :markFormDirty="false" :maxLength="5" type="float" v-model="itemsInvoice.quantity" />
-      </b-col>
-      <b-col sm="3">
-        <InputDecimal title="Valor Unitário" field="unitValue" :formName="formName" :required="false"
-          :disabled="disabled" :markFormDirty="false" :maxLength="5" :precision="10" type="float"
-          v-model="itemsInvoice.unitValue" />
-      </b-col>
-      <b-col sm="3">
-        <InputDecimalDiscount title="Desconto Unitário" field="unitDiscount" :formName="formName" :required="false"
-          :disabled="disabled" _style="color:red;" :maxLength="5" :precision="10" type="float"
-          v-model="itemsInvoice.discount" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="div-btn text-right">
-          <Button _key="btnCreateUpdateItemInvoice" type="success" title="Salvar"
-            :disabled="!isFormValid(formName) || disabled" classIcon="fas fa-save" size="medium"
-            :clicked="saveItemInvoice" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-
-<script>
-import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import ItemsInvoice from "./ItemsInvoice.js";
-
-import { mapActions, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "ItemsInvoiceCreateUpdate",
-  props: {
-    invoiceId: String,
-    disabled: Boolean,
-  },
-  components: {
-    EditorHtml,
-    InputDecimalDiscount,
-    InputNumber,
-    InputDecimal,
-    Button,
-    Loading,
-  },
-  data() {
-    return {
-      formName: "itemsInvoice",
-      itemsInvoice: new ItemsInvoice(),
-      loading: false,
-      urlCreate: "/api/v1/billing/items-invoice/create",
-      urlUpdate: "/api/v1/billing/items-invoice/update",
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-    ...mapGetters("validation", ["isFormValid"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-    saveItemInvoice() {
-      let discount = this.itemsInvoice.discount;
-      this.itemsInvoice.discountByPercentage = discount.discountByPercentage;
-      this.itemsInvoice.unitDiscount = discount.discount;
-      this.itemsInvoice.invoiceId = this.invoiceId;
-
-      if (this.itemsInvoice.id) {
-        let params = { url: this.urlUpdate, obj: this.itemsInvoice };
-        this.putApi(params).then((response) => {
-          if (response.success) {
-            this.addEvent({
-              name: "addedProductInvoice",
-            });
-            this.addEvent({ name: "updateTotalizationInvoice" });
-            this.hideModal();
-          }
-          this.removeLoading(["btnCreateUpdateItemInvoice"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.itemsInvoice };
-        this.postApi(params).then((response) => {
-          if (response.success) {
-            this.addEvent({ name: "updateTotalizationInvoice" });
-            this.hideModal();
-          }
-          this.removeLoading(["btnCreateUpdateItemInvoice"]);
-        });
-      }
-    },
-    update(data) {
-      this.itemsInvoice = new ItemsInvoice();
-      this.itemsInvoice.update(data);
-      this.loading = true;
-      let self = this;
-      setTimeout(function () {
-        self.loading = false;
-      }, 200);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "itemInvoiceUpdate") {
-          this.update(event.data);
-          this.loading = true;
-          let self = this;
-          setTimeout(function () {
-            self.loading = false;
-          }, 300);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/billing/items-invoice/ItemsInvoiceList.vue

@@ -1,235 +0,0 @@
-<template>
-  <div>
-    <div class="div-btn">
-      <Button _key="btnItemsRentCreateUpdate" title="Produto" classIcon="fas fa-plus-circle" type="primary" size="small"
-        :disabled="showSelectAll || disabled" :clicked="create" />
-    </div>
-    <ItemRentFixedBar :selected="selected" />
-    <b-row>
-      <b-col sm="6">
-        <b-form-checkbox v-model="showSelectAll" @change="select">
-          TODOS PRODUTOS
-        </b-form-checkbox>
-      </b-col>
-      <b-col sm="6">
-        <TableTotalRecords :totalRecords="content.totalRecords" />
-      </b-col>
-    </b-row>
-    <ScrollBar :minHeight="330" :maxHeight="330">
-      <div>
-        <table class="table table-responsive-xs">
-          <thead>
-            <tr>
-              <th></th>
-              <th class="title-header">Descrição</th>
-              <th class="title-header text-center">Quantidade</th>
-              <th class="title-header text-center">Valor</th>
-            </tr>
-          </thead>
-          <tbody v-for="itemInvoice in content.data" :key="itemInvoice.id">
-            <td class="td-checkbox">
-              <b-form-checkbox v-model="selected" :value="itemInvoice.id" />
-            </td>
-            <td class="td-edit td-description" @click="update(itemInvoice)">
-              <span v-html="itemInvoice.description"> </span>
-            </td>
-            <td class="td-edit text-center td-quantity" @click="update(itemInvoice)">
-              <span> {{ itemInvoice.quantity }}</span>
-            </td>
-            <td class="td-total text-center">
-              <ItemsRentalTotalization :data="{
-          quantity: itemInvoice.quantity,
-          unitValue: itemInvoice.unitValue,
-          totalUnitValue: itemInvoice.totalUnitValue,
-          unitDiscount: itemInvoice.unitDiscount,
-          totalUnitDiscount: itemInvoice.totalUnitDiscount,
-          unitCost: 0,
-          totalUnitCost: 0,
-          totalUnitInsurance: 0,
-        }" />
-            </td>
-          </tbody>
-          <tbody v-show="content.data == 0">
-            <tr>
-              <td colspan="12">
-                <span>Nenhum produto adicionado!</span>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </ScrollBar>
-    <Modal title="Produtos" :width="800" v-if="showModal('itemInvoice')">
-      <ItemsInvoiceCreateUpdate :invoiceId="invoiceId" :disabled="disabled" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import ItemRentFixedBar from "../../rental/items-rent/ItemRentFixedBar.vue";
-
-import ItemsInvoiceCreateUpdate from "./ItemsInvoiceCreateUpdate.vue";
-import ItemsRentalTotalization from "../../rental/items-rent/ItemsRentalTotalization.vue";
-
-import { mapMutations, mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "ItemsInvoice",
-  props: {
-    invoiceId: String,
-    status: Number,
-  },
-  components: {
-    ScrollBar,
-    Button,
-    TableTotalRecords,
-    Modal,
-    ItemsInvoiceCreateUpdate,
-    ItemsRentalTotalization,
-    ItemRentFixedBar,
-  },
-  data() {
-    return {
-      content: {
-        data: [],
-        totalRecords: 0,
-      },
-      selected: [],
-      showSelectAll: false,
-      urlGetApi: "/api/v1/billing/items-invoice/get-all",
-      urlDelete: "/api/v1/billing/items-invoice/delete",
-    };
-  },
-  mounted() {
-    this.getAll();
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    disabled() {
-      if (this.status == 2) return true;
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "addEvent", "removeLoading"]),
-    ...mapActions("generic", ["getApi", "deleteAllApi"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGetApi,
-        obj: {
-          ...this.baseParams,
-          any: this.invoiceId,
-          noPaginated: true,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.content.data = response.content.data;
-        this.content.totalRecords = response.content.totalRecords;
-        this.loading = false;
-      });
-    },
-    create() {
-      this.openModal("itemInvoice");
-      this.removeLoading(["btnItemsRentCreateUpdate"]);
-    },
-    update(itemInvoice) {
-      this.openModal("itemInvoice");
-      this.addEvent({ name: "itemInvoiceUpdate", data: itemInvoice });
-    },
-    removeSelected() {
-      let params = {
-        url: this.urlDelete,
-        selected: this.selected,
-      };
-      this.deleteAllApi(params).then((reponse) => {
-        if (reponse.success) {
-          this.removeLoading(["btnRemoveItem"]);
-          this.selected = [];
-          this.getAll();
-        }
-      });
-    },
-    select() {
-      this.selected = [];
-      if (this.showSelectAll) {
-        for (let i in this.content.data) {
-          this.selected.push(this.content.data[i].id);
-        }
-      }
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "updateTotalizationInvoice") {
-          this.getAll();
-        }
-
-        if (event.name == "removeItemFixedBar") {
-          this.removeSelected();
-        }
-      },
-      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;
-}
-
-.td-checkbox {
-  width: 30px;
-}
-
-.td-description {
-  max-width: 600px;
-}
-
-.td-edit {
-  cursor: pointer;
-  background-color: #f1f4f9;
-}
-
-.td-quantity {
-  max-width: 120px;
-}
-
-.td-total {
-  max-width: 300px;
-}
-
-.div-btn {
-  margin-top: 15px;
-  margin-bottom: 20px;
-}
-
-.icon-danger {
-  font-size: 20px;
-  color: #f0134d;
-  cursor: pointer;
-}
-
-.icon-danger:hover {
-  color: #c70f40;
-}
-</style>

package/src/components/modules/cashier/CashierMovementList.vue

@@ -1,186 +0,0 @@
-<template>
-  <div class="principal">
-    <Loading :center="false" v-show="loading" />
-    <div v-show="!loading">
-      <Totalization />
-      <ScrollBar :minHeight="300" :maxHeight="300">
-        <div>
-          <br />
-          <table class="table table-responsive-xs">
-            <thead>
-              <tr>
-                <th class="title-header">Data e Hora</th>
-                <th class="title-header">Nº Locação</th>
-                <th class="title-header">Tipo</th>
-                <th class="title-header text-center">Vencimento</th>
-                <th class="title-header text-center">Valor</th>
-                <th class="title-header text-center">Recebido</th>
-                <th></th>
-              </tr>
-            </thead>
-            <tbody v-for="movement in movementList">
-              <tr>
-                <td class="tabela-principal">
-                  {{ movement.registeredDate | moment("DD/MM/YYYY HH:mm") }}
-                </td>
-                <td class="tabela-principal">
-                  {{ movement.numberRent }}
-                </td>
-                <td class="tabela-principal">
-                  {{ movement.typePaymentName }}
-                </td>
-                <td class="tabela-principal text-center">
-                  {{ movement.dueDate | moment("DD/MM/YYYY") }}
-                </td>
-                <td class="tabela-principal text-center">
-                  <span :class="{ receita: movement.typeName == 'Receita' }">
-                    {{ movement.value | currency }}</span
-                  >
-                </td>
-                <td class="text-center">
-                  <CheckboxSimple v-model="movement.paid" />
-                </td>
-              </tr>
-            </tbody>
-            <tbody v-show="movementList.length == 0">
-              <tr>
-                <td colspan="12">
-                  <span>Nenhuma movimentação adicionada!</span>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </ScrollBar>
-      <div class="div-totalizarion text-right">
-        <TableTotalization :totalization="totalization" />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
-import TableTotalization from "@nixweb/nixloc-ui/src/component/shared/TableTotalization";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple";
-
-import Totalization from "./Totalization.vue";
-
-import { mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "CashierMovementList",
-  props: {
-    value: Array,
-  },
-  components: {
-    Loading,
-    TableTotalization,
-    ScrollBar,
-    Totalization,
-    CheckboxSimple,
-  },
-  data() {
-    return {
-      movementList: [],
-      totalization: [],
-      urlGet: "/api/v1/cashier/movement/get-all",
-      loading: true,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll(cashierId) {
-      this.loading = true;
-      let obj = { any: cashierId, noPaginated: true };
-      let params = { url: this.urlGet, obj: obj };
-      this.getApi(params).then((response) => {
-        this.movementList = response.content.data;
-        this.totalization = response.content.totalization;
-        this.loading = false;
-        this.$emit("input", this.movementList);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "movementCashier" || event.name == "_closeCashier") {
-          this.getAll(event.data.id);
-        }
-      },
-      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;
-}
-
-.title-header {
-  font-size: 13px;
-  padding-bottom: 5px;
-  color: #6c757d;
-  text-transform: uppercase;
-}
-
-.tabela-principal {
-  font-size: 14px;
-  max-width: 200px;
-}
-
-.tabela-descricao {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 200px;
-}
-
-.tipo-pagamento {
-  width: 500px;
-}
-
-.div-totalizarion {
-  margin-top: 20px;
-  margin-right: 15px;
-}
-
-.receita {
-  color: darkblue;
-}
-
-.expense {
-  color: red;
-}
-</style>

package/src/components/modules/cashier/CloseCashier.js

@@ -1,9 +0,0 @@
-export default class CloseCashier {
-    constructor() {
-        this.cashierId = "";
-        this.userName = "";
-        this.chartOfAccounts = { id: "", content: "" };
-        this.bankAccount = { id: "", content: "" };
-        this.movementList = [];
-    }
-}

package/src/components/modules/cashier/CloseCashier.vue

@@ -1,112 +0,0 @@
-<template>
-  <div>
-    <div class="side-by-side div-icon">
-      <i class="fa-duotone fa-user"></i>
-    </div>
-    <div class="side-by-side div-collaborator">
-      {{ closeCashier.userName }}
-    </div>
-    <div>
-      <CashierMovementList :cashierId="closeCashier.cashierId" v-model="closeCashier.movementList" />
-    </div>
-
-    <b-row>
-      <b-col xs="12" sm="12" md="12" lg="6" xl="6">
-        <Select title="Categoria" field="category" :formName="formName" :required="true"
-          url="api/v1/finance/chart-of-accounts/select-all" :propsParams="{ any: '1' }" :showNewRegister="false"
-          v-model="closeCashier.chartOfAccounts">
-        </Select>
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="6" xl="6">
-        <Select title="Conta Bancária" field="bankAccount" :required="true" :formName="formName"
-          v-model="closeCashier.bankAccount" url="api/v1/finance/bank-account/select-all" :showNewRegister="false">
-        </Select>
-      </b-col>
-    </b-row>
-    <br />
-    <b-row>
-      <b-col sm="12">
-        <div class="text-center">
-          <Button _key="btnCloseCashier" type="success" title="Fechar Caixa" size="medium"
-            :disabled="!isFormValid(formName)" :clicked="executeCloseCashier" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import Totalization from "./Totalization.vue";
-import CashierMovementList from "./CashierMovementList.vue";
-
-import CloseCashier from "@/components/modules/cashier/CloseCashier.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "CloseCashier",
-  components: {
-    Button,
-    Select,
-    Totalization,
-    CashierMovementList,
-  },
-  data() {
-    return {
-      closeCashier: new CloseCashier(),
-      formName: "closeCashier",
-      urlUpdate: "/api/v1/cashier/close",
-      movementList: [],
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["hideModal", "removeLoading"]),
-    executeCloseCashier() {
-      let params = {
-        url: this.urlUpdate,
-        obj: this.closeCashier,
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.hideModal();
-        }
-        this.removeLoading(["btnCloseCashier"]);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "_closeCashier") {
-          this.closeCashier.cashierId = event.data.id;
-          this.closeCashier.userName = event.data.userName;
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-icon {
-  font-size: 18px;
-  margin-right: 15px;
-}
-
-.div-collaborator {
-  font-size: 16px;
-}
-
-.div-totalization {
-  margin-top: 10px;
-  margin-bottom: 20px;
-}
-</style>

package/src/components/modules/cashier/OpenCashier.js

@@ -1,9 +0,0 @@
-export default class OpenCashier {
-    constructor() {
-        this.user = { id: "", content: "" };
-        this.openValue = 0;
-        this.typePayment = { id: "", content: "" };
-        this.observation = "";
-        this.type = 1;
-    }
-}