@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/stock/category-product/CategoryProductCreateUpdate.vue

@@ -1,102 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="12">
-        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
-          v-model="categoryProduct.name" :markFormDirty="false" />
-      </b-col>
-      <b-col sm="12">
-        <InputText title="Cor" field="name" :required="false" :maxLength="20" :markFormDirty="false"
-          v-model="categoryProduct.color" />
-        <Color titulo="Cor" v-model="categoryProduct.color" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="btnSaveProductCategory" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="saveProductCategory" />
-        </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 Color from "@nixweb/nixloc-ui/src/component/forms/Color";
-import CategoryProduct from "@/components/modules/stock/category-product/CategoryProduct.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "CategoryProductCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: { Button, InputText, Color },
-  data() {
-    return {
-      formName: "categoryProductCreateUpdate",
-      categoryProduct: new CategoryProduct(),
-      urlCreate: "/api/v1/stock/category-product/create",
-      urlUpdate: "/api/v1/stock/category-product/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", [
-      "removeLoading",
-      "removeEvent",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveProductCategory() {
-      if (this.categoryProduct.id) {
-        let params = { url: this.urlUpdate, obj: this.categoryProduct };
-        this.putApi(params).then((response) => {
-          if (response.success && !this.registerInSelect) this.hideModal();
-          this.removeLoading(["btnSaveProductCategory"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.categoryProduct };
-        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(["btnSaveProductCategory"]);
-        });
-      }
-    },
-    update(data) {
-      this.categoryProduct = new CategoryProduct();
-      this.categoryProduct.update(data);
-      this.removeLoading([data.id]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "productCategoryCreate") {
-          this.resetValidation(this.formName);
-          this.categoryProduct = new CategoryProduct();
-        }
-        if (event.name == "productCategoryUpdate") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/src/components/modules/stock/history-moviment/HistoryMoviment.vue

@@ -1,93 +0,0 @@
-<template>
-  <div>
-    <Timeline :timelineItems="timelineItems" :loading="loading" />
-  </div>
-</template>
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Timeline from "@nixweb/nixloc-ui/src/component/shared/TimeLine.vue";
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "HistoryMoviment",
-  components: {
-    Loading,
-    Timeline,
-    ScrollBar,
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/stock/history-moviment/get-all",
-      item: {},
-      content: {},
-      loading: false,
-      baseParams: {
-        search: undefined,
-        filter: "contains",
-        currentPage: 1,
-        totalPerPage: 10,
-      },
-      timelineItems: [],
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll() {
-      let params = {
-        url: this.urlGet,
-        obj: {
-          itemsRentId: this.item.id,
-
-          ...this.baseParams,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.timelineItems = [];
-        let self = this;
-        response.content.data.map(function (item, key) {
-          let date = new Date(item.year, item.month - 1, item.day);
-          let obj = {
-            from: date,
-            title: `Quantidade ${item.quantity}`,
-            description: item.description,
-            color: item.color,
-            showDayAndMonth: true,
-          };
-          self.timelineItems.push(obj);
-        });
-        setTimeout(function () {
-          self.loading = false;
-        }, 300);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "totalizationAndHistory") {
-          this.loading = true;
-          this.item = event.data;
-          this.getAll();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style>
-.timeline {
-  max-width: 1000px !important;
-}
-
-.timeline-item .date-item {
-  font-size: 14px !important;
-  letter-spacing: 1px !important;
-  font-weight: normal !important;
-}
-</style>

package/src/components/modules/stock/items-moviment/PatrimonyMoviment.vue

@@ -1,133 +0,0 @@
-<template>
-  <div>
-    <Loading :center="false" v-if="loading" />
-    <div v-else>
-      <ScrollBar :minHeight="200" :maxHeight="300">
-        <table class="table table-responsive-xs">
-          <thead>
-            <tr>
-              <th>
-                <span class="title-header">Patrimônio</span>
-              </th>
-              <th class="text-center">
-                <span class="title-header">Status</span>
-              </th>
-            </tr>
-          </thead>
-          <tbody v-for="item in content.data">
-            <tr>
-              <td>
-                <span> {{ item.barCode }}</span>
-              </td>
-              <td class="text-center">
-                <div class="badge badge-returned" v-if="item.status == 2">
-                  Retornado
-                </div>
-                <div class="badge badge-rent" v-else>Locado</div>
-              </td>
-            </tr>
-          </tbody>
-          <tbody v-show="content.data == 0">
-            <tr>
-              <td colspan="12">
-                <span>Nenhum patrimônio encontrado!</span>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </ScrollBar>
-      <br />
-    </div>
-  </div>
-</template>
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "PatrimonyMoviment",
-  components: {
-    Loading,
-    ScrollBar,
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/stock/patrimony-moviment/get-all-by-item",
-      item: {},
-      content: {},
-      loading: false,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll() {
-      let params = {
-        url: this.urlGet,
-        obj: {
-          itemsRentId: this.item.id,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.content = response.content;
-
-        let self = this;
-        setTimeout(function () {
-          self.loading = false;
-        }, 300);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "totalizationAndHistory") {
-          this.loading = true;
-          this.item = event.data;
-          this.getAll();
-        }
-      },
-      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;
-}
-
-.badge {
-  font-size: 12px !important;
-  margin-left: 5px;
-  border-radius: 10px !important;
-  padding: 8px;
-  color: white;
-}
-
-.badge-rent {
-  background-color: #00008b;
-}
-
-.badge-returned {
-  background-color: #b8860b;
-}
-</style>

package/src/components/modules/stock/manufacturer/Manufacturer.js

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

package/src/components/modules/stock/manufacturer/ManufacturerCreateUpdate.vue

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

package/src/components/modules/stock/moviment/ItemProductRent.vue

@@ -1,114 +0,0 @@
-<template>
-  <tr>
-    <td class="td-product">
-      {{ item.productFullName }}
-      <div v-if="item.categoryColor" class="text-center tag-product-category"
-        :style="'background-color:' + item.categoryColor">
-        <span class="title"> {{ item.categoryName }}</span>
-      </div>
-      <div class="tag-product-category-no-color text-center" v-else>
-        <span class="title"> {{ item.categoryName }}</span>
-      </div>
-    </td>
-    <td class="text-center td-quantity">
-      <span class="patrimony" v-if="item.patrimony && !item.allowWithoutPatrimony && manageByPatrimony
-        " @click="showPatrimony">
-        {{ item.quantity }}
-      </span>
-      <span v-else> {{ item.quantity }}</span>
-    </td>
-    <td class="text-center td-quantity">
-      {{ totalSelected }}
-    </td>
-    <td class="text-center">
-      <span class="status-primary" v-if="totalSelected > item.quantity">
-        <i class="fa-solid fa-rectangle-history-circle-plus"></i>
-      </span>
-      <span class="status-success" v-if="totalSelected == item.quantity">
-        <i class="fa-solid fa-circle-check"></i>
-      </span>
-      <span class="status-warning" v-if="totalSelected < item.quantity && totalSelected != 0">
-        <i class="fa-solid fa-triangle-exclamation"></i>
-      </span>
-      <span class="status-danger" v-if="totalSelected == 0">
-        <i class="fa-solid fa-do-not-enter"></i>
-      </span>
-    </td>
-    <td class="text-right">
-      <Button :_key="item.productId + 'a'" type="info" classIcon="fa-solid fa-arrow-right" size="small"
-        eventName="transferToSelected" :eventData="item" />
-    </td>
-  </tr>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import { mapState, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ProductRent",
-  props: {
-    item: Object,
-  },
-  components: {
-    Button,
-  },
-  computed: {
-    ...mapState("generateMoviment", ["productRent"]),
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("generateMoviment", ["totalSelectedByProductId"]),
-    totalSelected() {
-      return this.totalSelectedByProductId(this.item.productId);
-    },
-    manageByPatrimony() {
-      return this.userLogged.parameterStock.manageByPatrimony;
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent"]),
-    showPatrimony() {
-      this.addEvent({
-        name: "showPatrimony",
-        data: this.item.patrimony,
-      });
-    },
-  },
-};
-</script>
-<style scoped>
-.td-quantity {
-  font-size: 16px;
-}
-
-.patrimony {
-  color: #3f529b;
-  font-size: 16px;
-  font-weight: 400;
-  cursor: pointer;
-}
-
-.patrimony:hover {
-  text-decoration: underline;
-  transition: 0.1s;
-}
-
-.status-primary {
-  color: blue;
-  font-size: 18px;
-}
-
-.status-success {
-  color: rgb(29, 158, 29);
-  font-size: 18px;
-}
-
-.status-warning {
-  color: #f6bb2a;
-  font-size: 18px;
-}
-
-.status-danger {
-  color: red;
-  font-size: 18px;
-}
-</style>

package/src/components/modules/stock/moviment/ItemProductSelected.vue

@@ -1,78 +0,0 @@
-<template>
-  <tr>
-    <td class="td-product">{{ item.productFullName }}</td>
-    <td class="td-product text-center td-bar-code">
-      <span>{{ item.barCode }}</span>
-    </td>
-    <td class="text-center td-quantity">
-      <span v-if="!item.allowWithoutPatrimony && isProductAndEquipament(item.typeProduct)">
-        {{ item.quantity }}
-      </span>
-      <IncrementDecrement v-if="item.allowWithoutPatrimony && isProductAndEquipament(item.typeProduct)"
-        :min="item.typeProduct == 5 ? 0 : 1" :max="verifyMax" v-model="item.quantity" />
-      <div v-if="!isProductAndEquipament(item.typeProduct)">
-        <i v-if="item.typeProduct == 3" class="fas fa-people-carry"></i>
-      </div>
-    </td>
-    <td class="text-right">
-      <Button :_key="item.id + 'p'" type="danger" classIcon="fa-solid fa-trash" size="small" :params="item"
-        :clicked="remove" />
-    </td>
-  </tr>
-</template>
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import IncrementDecrement from "@nixweb/nixloc-ui/src/component/forms/IncrementDecrement.vue";
-
-import { mapState, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "ProductSelected",
-  components: {
-    Button,
-    IncrementDecrement,
-  },
-  props: {
-    item: Object,
-  },
-  computed: {
-    ...mapState("generateMoviment", ["type", "productSelected"]),
-    ...mapState("user", ["userLogged"]),
-    ...mapGetters("generateMoviment", ["quantityMax"]),
-    manageByPatrimony() {
-      return this.userLogged.parameterStock.manageByPatrimony;
-    },
-    verifyMax() {
-      if (this.type != "output") {
-        return this.quantityMax(this.item);
-      }
-      return null;
-    },
-
-  },
-  methods: {
-    ...mapMutations("generateMoviment", ["removeProductSelected"]),
-    isProductAndEquipament(typeProduct) {
-      if (typeProduct == 1 || typeProduct == 2 || typeProduct == 5) return true;
-      return false;
-    },
-    remove(item) {
-      this.removeProductSelected(item);
-    },
-
-  },
-};
-</script>
-<style scoped>
-.td-quantity {
-  width: 130px;
-}
-
-.div-title {
-  margin-bottom: 10px;
-}
-
-.title {
-  font-size: 15px;
-}
-</style>