@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/rental/group-rent/GroupRentCreateUpdate.vue

@@ -1,97 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="12">
-        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
-          v-model="groupRent.name" :markFormDirty="false" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="btnSaveGroupRent" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="saveGroupRent" />
-        </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 GroupRent from "@/components/modules/rental/group-rent/GroupRent.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "GroupRentCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: { InputText, Button },
-  data() {
-    return {
-      formName: "groupRentCreateUpdate",
-      groupRent: new GroupRent(),
-      urlCreate: "/api/v1/rental/group-rent/create",
-      urlUpdate: "/api/v1/rental/group-rent/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", [
-      "removeLoading",
-      "removeEvent",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveGroupRent() {
-      if (this.groupRent.id) {
-        let params = { url: this.urlUpdate, obj: this.groupRent };
-        this.putApi(params).then((response) => {
-          if (response.success && !this.registerInSelect) this.hideModal();
-          this.removeLoading(["btnSaveGroupRent"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.groupRent };
-        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(["btnSaveGroupRent"]);
-        });
-      }
-    },
-    update(data) {
-      this.groupRent = new GroupRent();
-      this.groupRent.update(data);
-      this.removeLoading([data.id]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "groupRentCreate") {
-          this.resetValidation(this.formName);
-          this.groupRent = new GroupRent();
-        }
-        if (event.name == "groupRentUpdate") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/rental/items-kit-rent/ItemsKitRent.js

@@ -1,18 +0,0 @@
-export default class ItemsKitRent {
-    constructor() {
-        this.id = "";
-        this.typeProduct = { id: "", content: "" };
-        this.product = { id: "", content: "" };
-        this.description = "";
-        this.quantity = 0;
-        this.unitValue = 0;
-    }
-    update(data) {        
-        this.id = data.id;
-        this.typeProduct = { id: data.typeProduct.id, content: data.typeProduct.content };
-        this.product = { id: data.product.id, content: data.product.content };
-        this.description = data.description;
-        this.quantity = data.quantity;
-        this.unitValue = data.unitValue;
-    }
-}

package/src/components/modules/rental/items-kit-rent/ItemsKitRentList.vue

@@ -1,154 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
-      :propsParam="propsParam">
-      <div slot="content-buttons">
-        <Button _key="btnProductCreate" title="Produto" classIcon="fas fa-plus-circle" type="primary" size="small"
-          :clicked="create" />
-      </div>
-    </ViewTemplateConfiguration>
-    <Modal title="Produtos" :width="1200" :height="750" v-show="showModal('accessoryCreate')"
-      :onHideModal="hideSearchProduct">
-      <SearchProduct v-if="showSearchProduct" :types="'1,2,3,0,5'" :status="1" :showPrice="!recalculatePriceTable"
-        :addProduct="addProduct" />
-    </Modal>
-    <Modal title="Produto" :width="1000" :height="750" v-show="showModal('kitRentUpdate')">
-      <ItemsKitRentUpdate :kitRentId="kitRentId" :recalculatePriceTable="recalculatePriceTable" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import SearchProduct from "../../stock/search-product/SearchProduct.vue";
-import ItemsKitRentUpdate from "./ItemsKitRentUpdate.vue";
-
-import { mapGetters, mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "ItemsKitRentList",
-  components: {
-    ViewTemplateConfiguration,
-    Modal,
-    Button,
-    SearchProduct,
-    SearchProduct,
-    ItemsKitRentUpdate,
-  },
-  props: {
-    kitRentId: String,
-    recalculatePriceTable: Boolean,
-  },
-  data() {
-    return {
-      templateList: {
-        urlCreate: "/api/v1/rental/items-kit-rent/create",
-        urlGetApi: "/api/v1/rental/items-kit-rent/get-all",
-        urlOrderAllApi: "/api/v1/rental/items-kit-rent/order-all",
-        urlDeleteAllApi: "/api/v1/rental/items-kit-rent/delete",
-        dragAndDrop: true,
-        headerTable: [],
-        headerTableOptional: [
-          {
-            field: "productFullName",
-            title: "Produto",
-            type: "link",
-            eventName: "kitRentUpdate",
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "html",
-          },
-          {
-            field: "quantity",
-            title: "Quantidade",
-            type: "text",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "unitValue",
-            title: "R$ Unitário",
-            type: "currency",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "totalUnitValue",
-            title: "R$ Total",
-            type: "currency",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-        ]
-      },
-      propsParam: {
-        any: this.kitRentId,
-      },
-      showSearchProduct: false,
-    };
-  },
-  mounted() {
-    this.addheaderTable();
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
-    ...mapActions("generic", ["postApi"]),
-    addheaderTable() {
-      var updatedHeaderTable = [];
-      this.templateList.headerTableOptional.forEach(option => {
-        if (!(option.type === "currency" && this.recalculatePriceTable)) {
-          updatedHeaderTable.push(option);
-        }
-      });
-
-      this.templateList.headerTable = updatedHeaderTable;
-    },
-    create() {
-      this.openModal("accessoryCreate");
-      this.addEvent({ name: "patrimonyCreate" });
-      this.removeLoading(["btnProductCreate"]);
-      this.showSearchProduct = true;
-    },
-    hideSearchProduct() {
-      this.showSearchProduct = false;
-    },
-    addProduct(product) {
-      let obj = {
-        id: "",
-        product: { id: product.id },
-        productName: product.name,
-        description: product.description,
-        quantity: product.quantity,
-        unitValue: product.value,
-        kitRentId: this.kitRentId,
-      };
-      let params = { url: this.templateList.urlCreate, obj: obj };
-      this.postApi(params).then((response) => {
-        this.removeLoading([product.id]);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "kitRentUpdate") this.openModal("kitRentUpdate");
-      },
-      deep: true,
-    },
-    recalculatePriceTable: {
-      handler() {
-        this.addheaderTable();
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/rental/items-kit-rent/ItemsKitRentUpdate.vue

@@ -1,119 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-        <Select title="Tipo" field="type" :formName="formName" :required="true"
-          url="/api/v1/stock/type-product/select-all" :propsParams="{ any: 2 }" nameNewRegister="typeProductCreateUpdate"
-          titleNewRegister="Tipo" :widthNewRegister="700" :heightNewRegister="250" v-model="itemsKitRent.typeProduct"
-          :changed="cleanAccessory">
-          <TypeProductCreateUpdate :registerInSelect="true" v-model="itemsKitRent.typeProduct" />
-        </Select>
-      </b-col>
-      <b-col xs="12" sm="12" md="12" lg="7" xl="7">
-        <Select title="Acessório" field="itemsKitRent" :formName="formName" :required="true"
-          url="/api/v1/stock/product/select-all" :propsParams="{ any: itemsKitRent.typeProduct.id }"
-          :disabled="!itemsKitRent.typeProduct.id" nameNewRegister="productUpdate" titleNewRegister="Acessório"
-          :widthNewRegister="700" :heightNewRegister="250" v-model="itemsKitRent.product">
-          <!--  <TypeProductCreateUpdate
-            :registerInSelect="true"
-            v-model="product.typeProduct"
-          />-->
-        </Select>
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <EditorHtml title="Descrição" field="description" :required="false" :maxLength="500"
-          v-model="itemsKitRent.description" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="2">
-        <InputNumber title="Quantidade" field="quantity" :formName="formName" :required="true" :maxLength="5" type="float"
-          v-model="itemsKitRent.quantity" />
-      </b-col>
-      <b-col sm="2">
-        <InputDecimal v-if="!recalculatePriceTable" title="Valor Unitário" field="unitValue" :formName="formName"
-          :required="true" :markFormDirty="false" :maxLength="5" type="float" v-model="itemsKitRent.unitValue" />
-      </b-col>
-      <b-col sm="8">
-        <div class="div-btn text-right">
-          <Button _key="btnUpdateAccessory" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="update" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-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 TypeProductCreateUpdate from "../../stock/type-product/TypeProductCreateUpdate.vue";
-import ItemsKitRent from "./ItemsKitRent.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ItemsKitRentUpdate",
-  props: {
-    kitRentId: String,
-    registerInSelect: Boolean,
-    recalculatePriceTable: Boolean,
-    value: Object,
-  },
-  components: {
-    InputNumber,
-    InputDecimal,
-    Select,
-    EditorHtml,
-    Button,
-    TypeProductCreateUpdate,
-  },
-  data() {
-    return {
-      formName: "accessoryUpdate",
-      itemsKitRent: new ItemsKitRent(),
-      urlUpdate: "/api/v1/rental/items-kit-rent/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["removeLoading", "removeEvent", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    update() {
-      this.itemsKitRent.kitRentId = this.kitRentId;
-
-      let params = { url: this.urlUpdate, obj: this.itemsKitRent };
-      this.putApi(params).then((response) => {
-        if (response.success && !this.registerInSelect) this.hideModal();
-        this.removeLoading(["btnUpdateAccessory"]);
-      });
-    },
-    cleanAccessory() {
-      this.itemsKitRent.product = { id: "", content: "" };
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "kitRentUpdate") this.itemsKitRent.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-btn {
-  margin-top: 35px;
-}
-</style>

package/src/components/modules/rental/items-rent/ApplyDiscount.vue

@@ -1,52 +0,0 @@
-<template>
-    <div class="div-discount">
-        <InputDecimalDiscount title="Desconto Unitário" :markFormDirty="false" field="unitDiscount" :required="false"
-            _style="color:red;" :maxLength="5" type="float" v-model="discount" />
-        <div class="div-apply text-center">
-            <Button _key="btnApplyDiscount" title="Aplicar" type="danger" size="medium" :clicked="update" />
-        </div>
-    </div>
-</template>
-<script>
-
-import InputDecimalDiscount from "@nixweb/nixloc-ui/src/component/forms/InputDecimalDiscount";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "ApplyDiscount",
-    props: ["rentId", "selected"],
-    components: { InputDecimalDiscount, Button },
-    data() {
-        return {
-            urlUpdate: "/api/v1/rental/items-rent/apply-discount",
-            discount: { discountByPercentage: false, discount: 0 },
-        }
-    },
-    methods: {
-        ...mapActions("generic", ["putApi"]),
-        ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-        update() {
-            let params = {
-                url: this.urlUpdate,
-                obj: {
-                    listIds: this.selected,
-                    rentId: this.rentId,
-                    discountByPercentage: this.discount.discountByPercentage,
-                    unitDiscount: this.discount.discount
-                }
-            };
-            this.putApi(params).then((response) => {
-                if (response.success) {
-                    this.addEvent({ name: "updateFixedBar" });
-                    this.hideModal();
-                }
-                this.removeLoading(["btnApplyDiscount"]);
-            });
-        }
-    }
-
-}
-
-</script>

package/src/components/modules/rental/items-rent/DisableMovement.vue

@@ -1,54 +0,0 @@
-<template>
-    <div>
-        <Alert type="info">
-            <span>Ao selecionar a opção Não Reservado, o produto ficará indisponível para movimentação de
-                estoque!</span>
-        </Alert>
-        <RadioGroup :stacked="false" :options="[
-            { text: 'Reservado', value: 2 },
-            { text: 'Não Reservado', value: 1 },
-        ]" v-model="status" />
-        <div class="text-center">
-            <Button _key="btnUpdate" title="Aplicar" backGroundColor="#DF800E" color="white" size="medium"
-                :clicked="update" />
-        </div>
-    </div>
-</template>
-
-<script>
-
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "DisableMovement",
-    props: ["selected"],
-    components: {
-        RadioGroup, Button, Alert
-    },
-    data() {
-        return {
-            urlUpdate: "/api/v1/rental/items-rent/disable-movement",
-            status: 1
-        }
-    },
-    methods: {
-        ...mapActions("generic", ["putApi"]),
-        ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-        update() {
-            let params = { url: this.urlUpdate, obj: { listIds: this.selected, status: this.status } };
-            this.putApi(params).then((response) => {
-                if (response.success) {
-                    this.addEvent({ name: "updateFixedBar" });
-                    this.hideModal();
-                }
-                this.removeLoading(["btnUpdate"]);
-            });
-        }
-    }
-}
-
-</script>

package/src/components/modules/rental/items-rent/ItemRentFixedBar.vue

@@ -1,193 +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" />
-
-            <Button v-if="!isOperational" _key="btnOptions1" type="danger" tooltip="Aplicar Desconto" size="small"
-              classIcon="fa-solid fa-percent" eventName="applyDiscountItemRent" />
-
-            <Button v-if="!isOperational" _key="btnOptions2" backGroundColor="#156EBE" color="white"
-              tooltip="Recalcular Valor" size="small" classIcon="fa-solid fa-retweet" eventName="recalculateValue" />
-
-            <Button v-if="rent.statusRental == 2 && !isOperational" _key="btnOptions3" backGroundColor="#02D1C1"
-              color="white" tooltip="Status de Faturamento" size="small" classIcon="fa-solid fa-file-invoice"
-              eventName="updateStatusInvoicing" />
-
-            <Button v-if="rent.statusRental == 2" _key="btnOptions4" backGroundColor="#DF800E" color="white"
-              tooltip="Desativar Movimentação" size="small" classIcon="fa-solid fa-shuffle"
-              eventName="disableMovement" />
-          </div>
-
-          <div class="div-remove side-by-side" @click="closedFixedBar()">
-            <i class="fa-solid fa-circle-xmark"></i>
-          </div>
-        </div>
-      </div>
-    </BarFloating>
-
-    <Modal :title="modalOptions.title" :width="modalOptions.width" v-if="showModal('modalFixedBar')">
-      <div v-if="modalOptions.name == 'applyDiscountItemRent'">
-        <Alert type="info">
-          <span>
-            Não será aplicado desconto em produto faturado!
-          </span>
-        </Alert>
-        <ApplyDiscount :rentId="rent.id" :selected="selected" />
-      </div>
-      <DisableMovement :selected="selected" v-if="modalOptions.name == 'disableMovement'" />
-      <UpdateStatusInvoicing :selected="selected" v-if="modalOptions.name == 'updateStatusInvoicing'" />
-      <RecalculateValue :selected="selected" v-if="modalOptions.name == 'recalculateValue'" />
-    </Modal>
-  </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 Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-
-import ApplyDiscount from './ApplyDiscount.vue'
-import DisableMovement from './DisableMovement.vue'
-import UpdateStatusInvoicing from './UpdateStatusInvoicing.vue'
-import RecalculateValue from './RecalculateValue.vue'
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ItemRentFixedBar",
-  components: { FixedBar, Button, Alert, Dropdown, BarFloating, Modal, ApplyDiscount, UpdateStatusInvoicing, RecalculateValue, DisableMovement },
-  props: {
-    selected: Array,
-    rent: Object,
-    isOperational: {
-      type: Boolean,
-      default: false,
-    }
-  },
-  data() {
-    return {
-      modalOptions: {
-        name: "",
-        title: "",
-        width: 0,
-      },
-      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) {
-
-        this.removeLoading(["btnOptions1", "btnOptions2", "btnOptions3", "btnOptions4"]);
-
-        if (event.name == "applyDiscountItemRent") {
-          this.modalOptions = {
-            name: "applyDiscountItemRent",
-            title: "Aplicar Desconto",
-            width: 500,
-          };
-          this.openModal("modalFixedBar");
-        }
-
-        if (event.name == "recalculateValue") {
-          this.modalOptions = {
-            name: "recalculateValue",
-            title: "Recalcular Valor",
-            width: 500,
-          };
-          this.openModal("modalFixedBar");
-        }
-
-        if (event.name == "disableMovement") {
-          this.modalOptions = {
-            name: "disableMovement",
-            title: "Movimentação de Estoque",
-            width: 500,
-          };
-          this.openModal("modalFixedBar");
-        }
-
-        if (event.name == "updateStatusInvoicing") {
-          this.modalOptions = {
-            name: "updateStatusInvoicing",
-            title: "Status de Faturamento",
-            width: 500,
-          };
-          this.openModal("modalFixedBar");
-        }
-
-      },
-      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>