@nixweb/nixloc-ui 1.16.0 → 1.19.0

package/src/components/modules/rental/clone-rent/CloneRent.vue

@@ -1,144 +0,0 @@
-<template>
-    <div class="div-main">
-        <div v-if="loading">
-            <span>Aguarde, estamos clonando, isso pode levar alguns segundos...</span>
-            <Loading type="line" :center="false" />
-        </div>
-        <div v-else>
-            <div v-if="!success">
-                <InputText title="Identificação" field="identification" :maxLength="100" v-model="identification" />
-                <CheckboxGroup title="Marque as opções que serão clonadas (se houver)" :initialValue="initialValue"
-                    :stacked="true" :options="[
-                        { text: 'Produto(s) Operacional', value: 'onlyStock' },
-                        { text: 'Pagamento', value: 'payment' },
-                        { text: 'Saída/Retorno', value: 'addressRent' },
-                        { text: 'Equipe', value: 'team' },
-                    ]" v-model="optionsSelected" />
-                <div class="text-center">
-                    <Button _key="btnClone" title="Clonar" :disabled="identification.length > 100"
-                        classIcon="fa-solid fa-clone" backGroundColor="#009183" color="white" size="medium"
-                        :clicked="clone" />
-                </div>
-            </div>
-            <div v-else>
-                <div class="div-success text-center">
-                    <i class="fa-light fa-circle-check icon-success"></i>
-                    <div class="msg-success"> Locação clonada Nº{{ rentCloned.number }}
-                    </div>
-                    <div>
-                        <Button _key="btnBack" type="info" classIcon="fa-solid fa-arrow-left" size="small"
-                            :clicked="back" />
-
-                        <Button _key="btnNavegate" title="Ir para locação" classIcon="fa-solid fa-link" size="medium"
-                            :clicked="navegateTo" />
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "CloneRent",
-    props: {
-        rent: Object
-    },
-    components: {
-        Button,
-        CheckboxGroup,
-        InputText,
-        Loading
-    },
-    data() {
-        return {
-            urlClone: "/api/v1/rental/rent/clone",
-            initialValue: ['payment', 'observation', 'addressRent', 'team'],
-            optionsSelected: [],
-            identification: "",
-            success: false,
-            rentCloned: {},
-            loading: false,
-        }
-    },
-    mounted() {
-        this.identification = this.rent.identification;
-    },
-    methods: {
-        ...mapActions("generic", ["postApi"]),
-        ...mapMutations("generic", ["removeLoading", "hideModal"]),
-        clone() {
-            this.loading = true;
-            let params = {
-                url: this.urlClone, obj: {
-                    rentId: this.rent.id,
-                    identification: this.identification,
-                    options: this.optionsSelected
-                },
-                notNotifyToast: true
-            };
-            this.postApi(params).then((response) => {
-                if (response.success) {
-                    let self = this;
-                    setTimeout(function () {
-                        self.success = true;
-                        self.loading = false;
-                        self.rentCloned = response.content;
-                        self.removeLoading(["btnClone"]);
-                    }, 2000);
-
-                }
-            });
-        },
-        back() {
-            this.success = false;
-            this.removeLoading(["btnBack"]);
-        },
-        navegateTo() {
-            this.hideModal();
-            this.removeLoading(["btnNavegate"]);
-            this.$router.push({
-                name: "rentUpdate",
-                params: { id: this.rentCloned.id },
-            });
-        },
-    }
-}
-</script>
-<style scoped>
-.div-main {
-    min-height: 200px;
-}
-
-.msg-success {
-    font-size: 18px;
-    margin: 10px;
-}
-
-.icon-success {
-    color: #38a169;
-    font-size: 30px;
-}
-
-.div-success {
-    padding-top: 30px;
-    height: 200px;
-}
-
-.title-navegate {
-    color: rgb(2, 2, 63);
-    cursor: pointer;
-    font-size: 16px;
-}
-
-.title-navegate:hover {
-    text-decoration: underline;
-}
-</style>

package/src/components/modules/rental/expense/Expense.js

@@ -1,29 +0,0 @@
-export default class Expense {
-    constructor() {
-        this.id = "";
-        this.recipient = { id: "", content: "" };
-        this.description = "";
-        this.document = "";
-        this.value = 0;
-        this.dueDate = "";
-        this.competenceDate = "";
-        this.typePayment = { id: "", content: "" };
-        this.observation = "";
-        this.rentId = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.type = data.type;
-        this.recipient = { id: data.recipient.id, content: data.recipient.content };
-        this.description = data.description;
-        this.document = data.document;
-        this.value = data.value;
-        this.dueDate = data.dueDate;
-        this.competenceDate = data.competenceDate;
-
-        if (data.typePayment.id)
-            this.typePayment = { id: data.typePayment.id, content: data.typePayment.content };
-
-        this.observation = data.observation;
-    }
-}

package/src/components/modules/rental/expense/ExpenseCreateUpdate.vue

@@ -1,111 +0,0 @@
-<template>
-  <div>
-
-  </div>
-</template>
-
-<script>
-
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-
-import Expense from "./Expense.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-const EVT_CREATE = "expenseCreate";
-const EVT_UPDATE = "expenseUpdate";
-
-const URL_CREATE = "/api/v1/rent/expense/create";
-const URL_UPDATE = "/api/v1/rent/expense/update";
-
-export default {
-  name: "ExpenseCreateUpdate",
-  components: { Alert, Button, DateTime, InputText, InputDecimal, Loading, Select },
-  props: {
-    rent: {
-      type: Object,
-      required: true,
-      validator: (v) => v && typeof v.id !== "undefined"
-    }
-  },
-  data() {
-    return {
-      formName: "expenseCreateUpdate",
-      expense: new Expense(),
-      urlCreate: URL_CREATE,
-      urlUpdate: URL_UPDATE,
-      loading: false,
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    isEditing() {
-      return !!(this.expense && this.expense.id);
-    }
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    async save() {
-      this.expense.rentId = this.rent.id;
-      this.loading = true;
-      try {
-        const isEdit = this.isEditing;
-        const params = {
-          url: isEdit ? this.urlUpdate : this.urlCreate,
-          obj: this.expense
-        };
-
-        const response = isEdit ? await this.putApi(params) : await this.postApi(params);
-
-        this.removeLoading(["saveExpense"]);
-
-        if (response && response.success) {
-          this.hideModal();
-          this.resetValidation(this.formName);
-        }
-      }
-      finally {
-        this.loading = false;
-      }
-    },
-    update(data) {
-      const instance = new Expense();
-      instance.update(data);
-      this.expense = instance;
-    }
-  },
-  watch: {
-    event: {
-      deep: true,
-      handler(ev) {
-        if (!ev || !ev.name) return;
-
-        if (ev.name === EVT_CREATE) {
-          this.loading = true;
-          this.expense = new Expense();
-          this.resetValidation(this.formName);
-          this.loading = false;
-          return;
-        }
-
-        if (ev.name === EVT_UPDATE) {
-          this.loading = true;
-          this.update(ev.data);
-          this.resetValidation(this.formName);
-          this.loading = false;
-          return;
-        }
-      }
-    }
-  }
-};
-</script>

package/src/components/modules/rental/expense/ExpenseList.vue

@@ -1,96 +0,0 @@
-<template>
-  <div>
-
-    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
-      :propsParam="propsParam">
-
-      <div slot="content-buttons">
-        <Button _key="btnExpenseCreateUpdate" title="Despesa" classIcon="fas fa-plus-circle" type="primary" size="small"
-          :clicked="create" />
-      </div>
-    </ViewTemplateConfiguration>
-
-    <Modal title="Despesa" :width="850" :height="250" v-show="showModal('expenseCreateUpdate')">
-      <ExpenseCreateUpdate :rent="rent" />
-    </Modal>
-
-  </div>
-</template>
-
-<script>
-
-import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
-
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-
-import ExpenseCreateUpdate from './ExpenseCreateUpdate.vue'
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ExpenseList",
-  components: {
-    ViewTemplateConfiguration, Alert, Button, Modal, ExpenseCreateUpdate
-  },
-  props: {
-    rent: Object,
-  },
-  data() {
-    return {
-      templateList: {
-        urlGetApi: "/api/v1/rental/expense/get-all",
-        urlDeleteAllApi: "/api/v1/rental/expense/delete",
-        headerTable: [],
-      },
-      propsParam: {
-        any: this.rent.id,
-      },
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event", "showModal"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "hideModal", "addEvent", "removeLoading"]),
-    create() {
-      this.addEvent({ name: "expenseCreateUpdate" });
-      this.openModal('expenseCreateUpdate');
-      this.removeLoading(["btnExpenseCreateUpdate"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "expenseUpdate") this.openModal("expenseCreateUpdate");
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style>
-.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;
-}
-</style>

package/src/components/modules/rental/group-rent/GroupRent.js

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

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>