@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/supplier/items-supplier-order/ItemsSupplierOrderFixedBar.vue

@@ -1,112 +0,0 @@
-<template>
-  <div>
-    <BarFloating :distance="0">
-      <div class="fixed-bar-options" :showButtonClose="true" v-show="totalSelected > 0">
-        <div>
-          <div class="side-by-side">
-            <div class="div-totalSelected side-by-side">
-              <span class="title">
-                {{ totalSelected }}
-              </span>
-            </div>
-            <Button _key="btnRemoveItem" type="danger" size="small" classIcon="fa-solid fa-trash" tooltip="Remover"
-              eventName="removeItemFixedBar" />
-          </div>
-          <div class="div-remove side-by-side" @click="closedFixedBar()">
-            <i class="fa-solid fa-circle-xmark"></i>
-          </div>
-        </div>
-      </div>
-    </BarFloating>
-  </div>
-</template>
-<script>
-
-
-import FixedBar from "@nixweb/nixloc-ui/src/component/layout/FixedBar.vue";
-import BarFloating from "@nixweb/nixloc-ui/src/component/layout/BarFloating.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
-import Dropdown from "@nixweb/nixloc-ui/src/component/forms/Dropdown.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ItemsSupplierOrderFixedBar",
-  components: { FixedBar, Button, Alert, Dropdown, BarFloating },
-  props: {
-    selected: Array,
-    rent: Object,
-    isOperational: {
-      type: Boolean,
-      default: false,
-    }
-  },
-  data() {
-    return {
-      showFloatingDiv: true,
-    };
-  },
-  mounted() {
-    window.addEventListener('scroll', this.checkPosition);
-  },
-  destroyed() {
-    window.removeEventListener('scroll', this.checkPosition);
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    totalSelected() {
-      return this.selected.length;
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
-    checkPosition() {
-      const currentPosition = window.scrollY;
-      const distance = 250;
-
-      if (currentPosition > distance) {
-        this.showFloatingDiv = true;
-      } else {
-        this.showFloatingDiv = false;
-      }
-    },
-    closedFixedBar() {
-      this.addEvent({ name: "closedFixedBar" });
-    }
-  },
-  watch: {
-    event: {
-      handler(event) {
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.fixed-bar-options {
-  max-width: 1150px;
-}
-
-.div-remove {
-  margin-top: -6px;
-  float: right;
-  margin-right: 20px;
-  font-size: 20px;
-  cursor: pointer;
-  color: darkgray;
-}
-
-.div-totalSelected {
-  width: 20px;
-  margin-left: 10px;
-  font-size: 15px;
-}
-
-
-
-.total-selected {
-  font-size: 16px;
-}
-</style>

package/src/components/modules/supplier/items-supplier-order/ItemsSupplierOrderList.vue

@@ -1,251 +0,0 @@
-<template>
-    <div>
-        <div v-show="!showTableDraggable">
-            <ItemsSupplierOrderCreate :supplierOrder="supplierOrder" />
-            <br />
-            <Loading type="line" :center="false" v-show="loading" />
-            <b-row>
-                <b-col sm="6">
-                    <b-form-checkbox v-model="showSelectAll" @change="select" v-show="content.totalRecords > 0">
-                        TODOS PRODUTOS
-                    </b-form-checkbox>
-                </b-col>
-                <b-col sm="6">
-                    <TableTotalRecords :totalRecords="content.totalRecords" />
-                </b-col>
-            </b-row>
-        </div>
-        <ItemsSupplierOrderFixedBar :selected="selected" />
-        <div v-if="!showTableDraggable">
-            <table class="table table-responsive-xs">
-                <thead>
-                    <tr>
-                        <th>
-                            <i v-if="content.data.length > 1" class="fa-regular fa-maximize icon-order icon-cursor"
-                                @click="changeItemToTableDraggable(content.data)">
-                            </i>
-                        </th>
-                        <th>
-                            <span class="title-header"> Produto </span>
-                        </th>
-                        <th class="text-center">
-                            <span class="title-header">Quantidade</span>
-                        </th>
-                        <th class="text-center">
-                            <span class="title-header">Valor</span>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody v-for="item in content.data" :key="item.id">
-                    <td class="td-checkbox">
-                        <b-form-checkbox v-model="selected" :value="item.id" />
-                    </td>
-                    <td class="td-product td" @click="update(item)">
-                        <span>
-                            {{ item.productFullName }}
-                        </span>
-                        <br />
-                        <span class="description" v-html="item.description"> </span>
-                    </td>
-                    <td class="text-center td-quantity td">
-                        <div>
-                            <span> {{ item.quantity }}</span>
-                        </div>
-                    </td>
-                    <td class="text-center td-value td">
-                        <div>
-                            <span class="unit value"><small>Unit</small> {{ item.unitValue | currency }}</span> |
-                            <span class="total value"><small>Tot..</small> {{ item.totalUnitValue |
-                                currency }}</span>
-                        </div>
-                    </td>
-                </tbody>
-                <tbody v-show="content.totalRecords == 0">
-                    <tr>
-                        <td colspan="12">
-                            <span class="title">Nenhum registro encontrado!</span>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <TableDraggable urlOrderAllApi="/api/v1/supplier/items-supplier-order/order-all" v-else :data="dataDraggable" />
-        <Modal title="Produto" :width="800" v-if="showModal('item')">
-            <ItemsSupplierOrderUpdate />
-        </Modal>
-    </div>
-</template>
-<script>
-
-
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import TableDraggable from "@nixweb/nixloc-ui/src/component/shared/TableDraggable.vue";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-
-import ItemsSupplierOrderFixedBar from './ItemsSupplierOrderFixedBar.vue'
-import ItemsSupplierOrderCreate from './ItemsSupplierOrderCreate.vue'
-import ItemsSupplierOrderUpdate from './ItemsSupplierOrderUpdate.vue'
-
-import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "ItemsSupplierOrder",
-    props: ["supplierOrder"],
-    components: {
-        Loading, TableTotalRecords, TableDraggable, Modal, ItemsSupplierOrderCreate, ItemsSupplierOrderFixedBar, ItemsSupplierOrderUpdate
-    },
-    data() {
-        return {
-            urlGet: "/api/v1/supplier/items-supplier-order/get-all",
-            urlDelete: "/api/v1/supplier/items-supplier-order/delete",
-            content: {
-                data: [],
-                totalRecords: 0,
-            },
-            loading: false,
-            showTableDraggable: false,
-            dataDraggable: [],
-            selected: [],
-            showSelectAll: false,
-        }
-    },
-    computed: {
-        ...mapGetters("generic", ["event", "showModal"]),
-    },
-    methods: {
-        ...mapMutations("generic", ["openModal", "addEvent", "removeLoading"]),
-        ...mapActions("generic", ["getApi", "deleteAllApi"]),
-        getAll() {
-            this.loading = true;
-            let params = {
-                url: this.urlGet,
-                obj: {
-                    any: this.supplierOrder.id,
-                },
-            };
-            this.getApi(params).then((response) => {
-                this.content.data = response.content.data;
-                this.content.totalRecords = response.content.totalRecords;
-                this.loading = false;
-            });
-        },
-        removeSelected() {
-            let params = {
-                url: this.urlDelete,
-                selected: this.selected,
-            };
-            this.deleteAllApi(params).then((reponse) => {
-                if (reponse.success) {
-                    this.removeLoading(["btnRemoveItem"]);
-                    this.selected = [];
-                    this.addEvent({ name: "updateProduct" });
-                    this.getAll();
-                }
-            });
-        },
-        select() {
-            this.selected = [];
-            if (this.showSelectAll) {
-                for (let i in this.content.data) {
-                    this.selected.push(this.content.data[i].id);
-                }
-            }
-        },
-        update(item) {
-            this.openModal("item");
-            this.addEvent({ name: "itemSupplierOrderUpdate", data: item });
-        },
-        changeItemToTableDraggable(data) {
-            this.dataDraggable = [];
-            this.showTableDraggable = true;
-            data.forEach((item) => {
-                let obj = { id: item.id, name: item.productFullName };
-                this.dataDraggable.push(obj);
-            });
-        },
-    },
-    watch: {
-        'supplierOrder.id': {
-            handler() {
-                this.getAll();
-            },
-            deep: true,
-        },
-        event: {
-            handler(event) {
-                if (event.name == "addedProduct" || event.name == "updateProduct") {
-                    this.getAll();
-                }
-
-                if (event.name == "removeItemFixedBar") {
-                    this.removeSelected();
-                }
-
-                if (event.name == "confirmedTableDraggable") {
-                    this.showTableDraggable = false;
-                    this.getAll();
-                }
-
-                if (event.name == "cancelTableDraggable")
-                    this.showTableDraggable = false;
-            },
-            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-product {
-    background-color: #f1f4f9;
-    cursor: pointer;
-}
-
-.td-quantity {
-    width: 150px;
-}
-
-.td-value {
-    width: 300px;
-}
-
-.description {
-    font-weight: 400;
-    color: grey;
-}
-
-.unit {
-    font-size: 13px;
-}
-
-.total {
-    font-weight: 600;
-    font-size: 15px;
-}
-
-.icon-cursor {
-    cursor: pointer;
-}
-</style>

package/src/components/modules/supplier/items-supplier-order/ItemsSupplierOrderUpdate.vue

@@ -1,124 +0,0 @@
-<template>
-  <div>
-    <Loading type="line" :center="false" v-show="loading" />
-    <div>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-          <Select title="Tipo" field="type" :formName="formName" :disabled="disabled" :required="true"
-            :markFormDirty="false" url="/api/v1/stock/type-product/select-all" :showNewRegister="false"
-            v-model="item.typeProduct" :changed="cleanProduct" />
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="7" xl="7">
-          <Select title="Produto" field="product" :formName="formName" :required="true" :markFormDirty="false"
-            url="/api/v1/stock/product/select-all" :propsParams="{ any: item.typeProduct.id }"
-            :disabled="(!item.typeProduct.id) || disabled" :showNewRegister="false" v-model="item.product" />
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="12">
-          <InputText title="Descrição" field="description" :required="false" :markFormDirty="false" :maxLength="500"
-            :disabled="disabled" v-model="item.description" />
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="2">
-          <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="true" :markFormDirty="false"
-            :maxLength="5" :disabled="disabled" type="float" v-model="item.quantity" />
-        </b-col>
-        <b-col sm="3">
-          <InputDecimal title="Valor" field="value" :disabled="disabled" :formName="formName" :required="true"
-            :markFormDirty="false" :maxLength="5" type="float" v-model="item.unitValue" />
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="12">
-          <div class="div-btn text-right">
-            <Button _key="btnUpdateItemRent" type="success" title="Salvar" :disabled="!isFormValid(formName) || disabled"
-              classIcon="fas fa-save" size="medium" :clicked="saveItemRent" />
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-  </div>
-</template>
-<script>
-
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-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 ItemsSupplierOrder from "../items-supplier-order/ItemsSupplierOrder";
-
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ItemsSupplierOrderUpdate",
-  components: {
-    InputNumber,
-    InputDecimal,
-    InputText,
-    Select,
-    EditorHtml,
-    Button,
-    Loading,
-  },
-  props: ['disabled'],
-  data() {
-    return {
-      formName: "itemNfeUpdate",
-      item: new ItemsSupplierOrder(),
-      urlUpdate: "/api/v1/supplier/items-supplier-order/update",
-      loading: true,
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["putApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveItemRent() {
-      this.item.productId = this.item.product.id;
-
-      let params = { url: this.urlUpdate, obj: this.item };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.addEvent({ name: "updateProduct" });
-          this.hideModal();
-        }
-        this.removeLoading(["btnUpdateItemRent"]);
-      });
-    },
-    update(data) {
-      this.item = new ItemsSupplierOrder();
-      this.item.update(data);
-    },
-    cleanProduct() {
-      this.item.product = { id: "", content: "" };
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "itemSupplierOrderUpdate") {
-          this.update(event.data);
-          console.log(event.data);
-          this.loading = true;
-          let self = this;
-          setTimeout(function () {
-            self.loading = false;
-          }, 300);
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/supplier/payment-supplier-order/PaymentSupplierOrder.js

@@ -1,17 +0,0 @@
-export default class PaymentSupplierOrder {
-    constructor() {
-        this.id = "";
-        this.typePayment = { id: "", content: "" };
-        this.status = 0;
-        this.dueDate = "";
-        this.value = 0;
-        this.description = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.typePayment = { id: data.typePaymentId, content: data.typePaymentName };
-        this.dueDate = data.dueDate;
-        this.value = data.value;
-        this.description = data.description;
-    }
-}

package/src/components/modules/supplier/payment-supplier-order/PaymentSupplierOrderCreateUpdate.vue

@@ -1,128 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="9">
-        <Select title="Tipo de Pagamento" field="typePayment" :required="true" :markFormDirty="false"
-          v-model="paymentSupplierOrder.typePayment" url="/api/v1/finance/type-payment/select-all"
-          :showNewRegister="true" nameNewRegister="typePaymentCreateUpdate" titleNewRegister="Tipo de Pagamento"
-          :widthNewRegister="500" :heightNewRegister="250">
-          <TypePaymentCreateUpdate :registerInSelect="true" v-model="paymentSupplierOrder.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="paymentSupplierOrder.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="paymentSupplierOrder.dueDate" />
-      </b-col>
-      <b-col sm="9">
-        <InputText title="Descrição" field="name" :formName="formName" :required="false" :maxLength="50"
-          v-model="paymentSupplierOrder.description" :markFormDirty="false" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="btnSavePayment" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="savePayment" />
-        </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 TypePaymentCreateUpdate from "../../finance/type-payment/TypePaymentCreateUpdate.vue";
-
-import PaymentSupplierOrder from "@/components/modules/supplier/payment-supplier-order/PaymentSupplierOrder.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "PaymentSupplierOrderCreateUpdate",
-  components: {
-    InputText,
-    InputDecimal,
-    DateTime,
-    Select,
-    Button,
-    CheckboxGroup,
-    TypePaymentCreateUpdate,
-  },
-  props: {
-    supplierOrderId: String,
-    status: Number
-  },
-  data() {
-    return {
-      formName: "paymentSupplierOrderCreateUpdate",
-      paymentSupplierOrder: new PaymentSupplierOrder(),
-      urlCreate: "/api/v1/supplier-order/payment-supplier/create",
-      urlUpdate: "/api/v1/supplier-order/payment-supplier/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    ...mapGetters("user", ["hasRule"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", [
-      "addEvent",
-      "removeLoading",
-      "removeEvent",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    savePayment() {
-      this.paymentSupplierOrder.supplierOrderId = this.supplierOrderId;
-      this.paymentSupplierOrder.status = this.status;
-
-      if (this.paymentSupplierOrder.id) {
-        let params = { url: this.urlUpdate, obj: this.paymentSupplierOrder };
-        this.putApi(params).then((response) => {
-          if (response.success) this.hideModal();
-          this.removeLoading(["btnSavePayment"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.paymentSupplierOrder };
-        this.postApi(params).then((response) => {
-          if (response.success) this.hideModal();
-          this.removeLoading(["btnSavePayment"]);
-        });
-      }
-
-      this.addEvent({ name: "paymentSupplierUpdated" });
-    },
-    update(data) {
-      this.paymentSupplierOrder = new PaymentSupplierOrder();
-      this.paymentSupplierOrder.update(data);
-      this.removeLoading([data.id]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "paymentSupplierOrderCreate") {
-          this.resetValidation(this.formName);
-          this.paymentSupplierOrder = new PaymentSupplierOrder();
-        }
-        if (event.name == "paymentSupplierOrderUpdate") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>