@nixweb/nixloc-ui 1.16.0 → 1.19.0

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;
-    }
-}

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

@@ -1,154 +0,0 @@
-<template>
-  <div>
-    <b-row v-show="userLogged == null">
-      <b-col sm="12">
-        <Select title="Usuário" field="user" :formName="formName" :required="true" url="/api/v1/adm/user/select-all"
-          :showNewRegister="false" v-model="openCashier.user" />
-      </b-col>
-    </b-row>
-    <!--  <b-row>
-      <b-col sm="5">
-        <InputDecimal
-          title="Valor Inicial (Troco)"
-          field="valorInicial"
-          :formName="formName"
-          :required="false"
-          v-model="openCashier.openValue"
-        />
-      </b-col>
-      <b-col sm="7">
-        <Select
-          title="Tipo de Pagamento"
-          field="typePayment"
-          :required="false"
-          :markFormDirty="false"
-          :propsParams="{ any: 'PDV' }"
-          v-model="openCashier.typePayment"
-          url="/api/v1/finance/type-payment/select-all"
-          :showNewRegister="hasRule('Finance')"
-          nameNewRegister="typePaymentCreateUpdate"
-          titleNewRegister="Tipo de Pagamento"
-          :widthNewRegister="500"
-          :heightNewRegister="250"
-        >
-          <TypePaymentCreateUpdate
-            :registerInSelect="true"
-            v-model="openCashier.typePayment"
-          />
-        </Select>
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <InputText
-          title="Observação"
-          field="observation"
-          :formName="formName"
-          :required="false"
-          :maxLength="400"
-          v-model="openCashier.observation"
-        />
-      </b-col>
-    </b-row> -->
-    <b-row>
-      <b-col sm="12">
-        <div class="text-center">
-          <Button v-show="userLogged != null" _key="btnBack" type="info" title="voltar"
-            classIcon="fa-solid fa-circle-arrow-left" size="small" :clicked="back" />
-          <Button _key="btnCreateCashier" type="success" title="Abrir Caixa" :disabled="!isFormValid(formName)"
-            size="medium" :clicked="create" />
-        </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 Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import OpenCashier from "@/components/modules/cashier/OpenCashier.js";
-import TypePaymentCreateUpdate from "../finance/type-payment/TypePaymentCreateUpdate.vue";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "OpenCashier",
-  components: {
-    InputDecimal,
-    Select,
-    TypePaymentCreateUpdate,
-    InputText,
-    Button,
-  },
-  props: {
-    userLogged: Object,
-    urlCreate: String,
-  },
-  data() {
-    return {
-      formName: "openCashier",
-      openCashier: new OpenCashier(),
-    };
-  },
-  mounted() {
-    if (this.userLogged) {
-      this.openCashier.user.id = this.userLogged.user.id;
-      this.openCashier.user.content = this.userLogged.user.name;
-    }
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    ...mapGetters("user", ["hasRule"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["hideModal", "removeLoading"]),
-    ...mapMutations("pdv", ["updateCashier"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    create() {
-      let params = {
-        url: this.urlCreate,
-        obj: this.openCashier,
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.updateCashier(response.content.id);
-          this.hideModal();
-          this.openCashier = new OpenCashier();
-          this.resetValidation(this.formName);
-        }
-        this.removeLoading(["btnCreateCashier"]);
-      });
-    },
-    back() {
-      this.removeLoading(["btnBack"]);
-      this.$router.push({
-        name: "pdvRentSelectOption",
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "abrirCaixaPdv") {
-          this.resetValidation(this.formName);
-          this.openCashier = new AbrirCaixa();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.icon-cashier {
-  font-size: 50px;
-  margin-bottom: 20px;
-  opacity: 0.5;
-}
-</style>

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

@@ -1,114 +0,0 @@
-<template>
-  <div class="principal">
-    <div v-if="totalization.length == 0">
-      <span class="title">Nenhum registro encontrado!</span>
-    </div>
-    <TableTotalization v-else :totalization="totalization" />
-  </div>
-</template>
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
-import TableTotalization from "@nixweb/nixloc-ui/src/component/shared/TableTotalization";
-
-import { mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "Totalization",
-  components: { Loading, TableTotalization },
-  data() {
-    return {
-      totalization: [],
-      urlGet: "/api/v1/cashier/movement/totalization",
-      loading: true,
-    };
-  },
-
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll(cashierId) {
-      this.loading = true;
-      let obj = { cashierId };
-      let params = { url: this.urlGet, obj: obj };
-      this.getApi(params).then((response) => {
-        this.totalization = response.content;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "_closeCashier" || event.name == "movementCashier") {
-          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;
-}
-
-.receita {
-  color: darkblue;
-}
-
-.expense {
-  color: red;
-}
-</style>

package/src/components/modules/crm/category-customer/CategoryCustomer.js

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

package/src/components/modules/crm/category-customer/CategoryCustomerCreateUpdate.vue

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

package/src/components/modules/crm/category-customer/OriginCustomer.js

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

package/src/components/modules/crm/category-customer/OriginCustomerCreateUpdate.vue

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