@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/shared/address/AddressCreateUpdate.vue

@@ -0,0 +1,134 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="5">
+        <InputText title="Descrição" field="descricao" :formName="formName" :required="true" :maxLength="50"
+          v-model="address.description" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <AddressValueObject :formName="formName" :required="true" v-model="address.addressValueObject" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <CheckboxSimple title="Principal" :markFormDirty="false" v-model="address.main" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="addressCreateUpdate" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="create" />
+        </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 AddressValueObject from "@nixweb/nixloc-ui/src/component/value-objects/Address.vue";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
+
+import Address from "@/components/modules/shared/address/Address.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "AddressCreateUpdate",
+  props: {
+    genericId: String,
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText, AddressValueObject, CheckboxSimple },
+  data() {
+    return {
+      formName: "addressCreateUpdate",
+      address: new Address(),
+      urlCreate: "/api/v1/shared/address/create",
+      urlUpdate: "/api/v1/shared/address/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    create() {
+      let addressRequest = this.addressRequest();
+      if (this.address.id) {
+        let params = {
+          url: this.urlUpdate,
+          obj: addressRequest,
+        };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["addressCreateUpdate"]);
+        });
+      } else {
+        let params = {
+          url: this.urlCreate,
+          obj: addressRequest,
+        };
+        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.description,
+            });
+            this.hideVodal(this.formName);;
+          }
+          this.removeLoading(["addressCreateUpdate"]);
+        });
+      }
+    },
+    update(data) {
+      this.address = new Address();
+      this.address.update(data);
+      this.removeLoading([data.id]);
+    },
+    addressRequest() {
+      return {
+        id: this.address.id,
+        description: this.address.description,
+        addressValueObjectRequest: {
+          zipCode: this.address.addressValueObject.zipCode,
+          street: this.address.addressValueObject.street,
+          number: this.address.addressValueObject.number,
+          complement: this.address.addressValueObject.complement,
+          province: this.address.addressValueObject.province,
+          city: this.address.addressValueObject.city,
+          state: this.address.addressValueObject.state.content,
+        },
+        main: this.address.main,
+        genericId: this.genericId,
+      };
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "createAddress") {
+          this.address = new Address();
+          this.resetValidation(this.formName);
+        }
+        if (event.name == "updateAddress") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/shared/address/AddressList.vue

@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration
+      :templateList="templateList"
+      :showSearch="false"
+      :showHorizontalFilter="false"
+      :propsParam="propsParam"
+    >
+      <div slot="content-buttons">
+        <Button
+          _key="createAddress"
+          title="Endereço"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="createAddress"
+          :clicked="createAddress"
+        />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal
+      title="Endereço"
+      :width="900"
+      :height="750"
+      v-show="showModal('createUpdateAddressCustomerSupplier')"
+    >
+      <AddressCreateUpdate :genericId="genericId" />
+    </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 AddressCreateUpdate from "./AddressCreateUpdate.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "AddressList",
+  components: {
+    ViewTemplateConfiguration,
+    Modal,
+    Button,
+    AddressCreateUpdate,
+  },
+  props: {
+    genericId: String,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/shared/address/get-all",
+        urlDeleteAllApi: "/api/v1/shared/address/delete",
+        headerTable: [
+          {
+            field: "description",
+            title: "Descrição",
+            type: "link",
+            eventName: "updateAddress",
+          },
+          {
+            field: "formattedAddress",
+            title: "Endereço",
+            type: "text",
+          },
+          {
+            field: "mainName",
+            title: "Principal",
+            type: "text",
+          },
+        ],
+      },
+      propsParam: {
+        any: this.genericId,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    createAddress() {
+      this.openModal("createUpdateAddressCustomerSupplier");
+      this.removeLoading(["createAddress"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateAddress")
+          this.openModal("createUpdateAddressCustomerSupplier");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/shared/contact/Contact.js

@@ -0,0 +1,20 @@
+export default class Contact {
+    constructor() {
+        this.id = "";
+        this.name = "";
+        this.departament = "";
+        this.mobile = "";
+        this.email = "";
+        this.birthDate = "";
+        this.customerSupplierId = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+        this.departament = data.departament;
+        this.mobile = data.mobile;
+        this.email = data.email;
+        this.birthDate = data.birthDate;   
+        this.customerSupplierId = data.customerSupplierId;
+    }
+}

package/src/components/modules/shared/contact/ContactCreateUpdate.vue

@@ -0,0 +1,176 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="5">
+        <InputText
+          title="Nome"
+          field="name"
+          :formName="formName"
+          :required="required"
+          :maxLength="50"
+          :markFormDirty="markFormDirty"
+          v-model="contactCustomerSupplier.name"
+        />
+      </b-col>
+      <b-col sm="4">
+        <InputText
+          title="Departamento"
+          field="departament"
+          :formName="formName"
+          :maxLength="50"
+          :markFormDirty="markFormDirty"
+          v-model="contactCustomerSupplier.departament"
+        />
+      </b-col>
+      <b-col sm="3">
+        <DateTime
+          title="Data Nascimento"
+          field="birthDate"
+          format="DD/MM/YYYY"
+          type="date"
+          placeholder
+          :formName="formName"
+          :required="false"
+          :markFormDirty="markFormDirty"
+          v-model="contactCustomerSupplier.birthDate"
+        />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="4">
+        <InputText
+          title="Celular"
+          field="mobile"
+          :mask="['(##) ####-####', '(##) #####-####']"
+          :formName="formName"
+          :maxLength="20"
+          :markFormDirty="markFormDirty"
+          v-model="contactCustomerSupplier.mobile"
+        />
+      </b-col>
+      <b-col sm="8">
+        <InputText
+          title="E-mail"
+          field="email"
+          :formName="formName"
+          :maxLength="100"
+          :markFormDirty="markFormDirty"
+          v-model="contactCustomerSupplier.email"
+        />
+      </b-col>
+    </b-row>
+    <b-row v-if="showButtonSave">
+      <b-col sm="12">
+        <div class="text-right">
+          <Button
+            _key="create"
+            type="success"
+            title="Salvar"
+            :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save"
+            size="medium"
+            :clicked="create"
+          />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import Contact from "@/components/modules/shared/contact/Contact.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ContactCreateUpdate",
+  props: {
+    customerSupplierId: String,
+    registerInSelect: Boolean,
+    required: {
+      type: Boolean,
+      default: true,
+    },
+    showButtonSave: {
+      type: Boolean,
+      default: true,
+    },
+    markFormDirty: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText, DateTime },
+  data() {
+    return {
+      formName: "contactCreateUpdate",
+      contactCustomerSupplier: new Contact(),
+      urlCreate: "/api/v1/shared/contact/create",
+      urlUpdate: "/api/v1/shared/contact/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    create() {
+      this.contactCustomerSupplier.customerSupplierId = this.customerSupplierId;
+      if (this.contactCustomerSupplier.id) {
+        let params = { url: this.urlUpdate, obj: this.contactCustomerSupplier };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["create"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.contactCustomerSupplier };
+        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(["create"]);
+        });
+      }
+    },
+    update(data) {
+      this.contactCustomerSupplier = new Contact();
+      this.contactCustomerSupplier.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "createContact") {
+          this.contactCustomerSupplier = new Contact();
+          this.resetValidation(this.formName);
+        }
+        if (event.name == "updateContactCustomerSupplier")
+          this.update(event.data);
+      },
+      deep: true,
+    },
+    contactCustomerSupplier: {
+      handler() {
+        this.$emit("input", this.contactCustomerSupplier);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/shared/contact/ContactList.vue

@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="createContact" title="Contato" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="createContact" :clicked="createContact" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Contato" :width="750" :height="550" v-show="showModal('createUpdateContactCustomerSupplier')">
+      <ContactCreateUpdate :customerSupplierId="customerSupplierId" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import ContactCreateUpdate from "./ContactCreateUpdate.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ContactList",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Modal,
+    ContactCreateUpdate,
+  },
+  props: {
+    customerSupplierId: String,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/shared/contact/get-all",
+        urlDeleteAllApi: "/api/v1/shared/contact/delete",
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            eventName: "updateContactCustomerSupplier",
+          },
+          {
+            field: "departament",
+            title: "Departamento",
+            type: "text",
+          },
+          {
+            field: "birthDate",
+            title: "Data Nascimento",
+            type: "text",
+          },
+          {
+            field: "mobile",
+            title: "Celular",
+            type: "text",
+          },
+          {
+            field: "email",
+            title: "E-mail",
+            type: "text",
+          },
+        ],
+      },
+      propsParam: {
+        any: this.customerSupplierId,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    createContact() {
+      this.openModal("createUpdateContactCustomerSupplier");
+      this.removeLoading(["createContact"]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateContactCustomerSupplier")
+          this.openModal("createUpdateContactCustomerSupplier");
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.g-div-moldura {
+  border: 0px solid #dbdfe9 !important;
+  padding: 0px !important;
+}
+</style>

package/src/components/modules/shared/customer-supplier/CustomerSupplier.js

@@ -0,0 +1,52 @@
+export default class CustumerSupplier {
+    constructor() {
+        this.id = "";
+        this.options = ["isCustomer"];
+        this.personRequest = { typePerson: 2, companyName: "", tradeName: "", document: "", stateInscription: "", municipalInscription: "" };
+        this.categoryCustomer = { id: "", content: "" };
+        this.originCustomer = { id: "", content: "" };
+        this.contactRequest = { phone: "", webSite: "", email: "" };
+        this.addressValueObject = {
+            zipCode: "",
+            street: "",
+            number: "",
+            complement: "",
+            province: "",
+            city: "",
+            state: { id: "", content: "" },
+        };
+        this.contact = {
+            name: "",
+            departament: "",
+            mobile: "",
+            email: "",
+            birthDate: "",
+        }
+        this.creditLimit = 0;
+        this.patrimonyLimit = 0;
+        this.observation = "";
+        this.dayToBilling = 0;
+        this.status = 1;
+    }
+    update(data) {
+        this.id = data.id;
+        if (data.categoryCustomer)
+            this.categoryCustomer = { id: data.categoryCustomer.id, content: data.categoryCustomer.name };
+
+        if (data.originCustomer)
+            this.originCustomer = { id: data.originCustomer.id, content: data.originCustomer.name };
+
+        if (data.isCustomer)
+            this.options.push("isCustomer");
+        if (data.isSupplier)
+            this.options.push("isSupplier");
+
+        this.personRequest = data.person;
+        this.contactRequest = data.contact;
+        this.creditLimit = data.creditLimit;
+        this.patrimonyLimit = data.patrimonyLimit;
+        this.observation = data.observation;
+        this.dayToBilling = data.dayToBilling;
+        this.status = data.status;
+    }
+}