@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/components/modules/signature/signature-file/SignatureFileList.vue

@@ -0,0 +1,125 @@
+<template>
+    <div>
+        <ListViewWithDataHandler :templateList="templateList" :showHorizontalFilter="false"
+            :propsParam="{ any: genericId }" />
+        <Modal title="Assinaturas" :width="900" v-show="showModal('signers')">
+            <SignerList />
+        </Modal>
+    </div>
+</template>
+  
+<script>
+
+
+
+import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import SignerList from '../signer/SignerList.vue'
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+    name: "SignatureFileList",
+    props: ['genericId'],
+    components: {
+        ListViewWithDataHandler,
+        Modal,
+        SignerList
+    },
+    data() {
+        return {
+            templateList: {
+                urlGetApi: "/api/v1/signature-file/get-all",
+                urlDeleteAllApi: "/api/v1/crm/customer/delete",
+                showChecks: false,
+                headerTable: [
+                    {
+                        title: "Emissão",
+                        field: "registeredDate",
+                        type: "dateTime",
+                        iconSearch: false,
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "name",
+                        title: "Documento",
+                        type: "text",
+                        classCssBody: "limit",
+                    },
+                    {
+                        field: "totalSigners",
+                        title: "Assinaturas",
+                        type: "link",
+                        iconSearch: false,
+                        eventName: "openSigners",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "source",
+                        title: "Origem",
+                        type: "text",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "registeredUser",
+                        title: "Emitido por",
+                        type: "text",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                    },
+                    {
+                        field: "statusName",
+                        title: "Status",
+                        type: "class",
+                        fieldComparison: "statusName",
+                        classCssTitle: "text-center",
+                        classCssBody: [
+                            {
+                                classCss: "text-center badge badge-warning",
+                                fieldComparison: "Pendente",
+                            },
+                            {
+                                classCss: "text-center badge badge-success",
+                                fieldComparison: "Assinado",
+                            },
+                            {
+                                classCss: "text-center badge badge-info",
+                                fieldComparison: "Aberto",
+                            },
+                            {
+                                classCss: "text-center badge badge-danger",
+                                fieldComparison: "Recusado",
+                            },
+                        ],
+                    },
+                ],
+            },
+        }
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal", "event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+        create() {
+            this.$router.push({
+                name: "customerCreate",
+            });
+            this.removeLoading(["btnCustomerCreate"]);
+        },
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "openSigners")
+                    this.openModal("signers");
+            },
+            deep: true,
+        },
+    },
+};
+</script>
+  

package/src/components/modules/signature/signer/SignerList.vue

@@ -0,0 +1,150 @@
+<template>
+    <div>
+        <div v-show="!loading" class="text-center">
+            <Button _key="btnDownload" title="Baixar Original" type="info" size="medium"
+                :params="{ url: status.original_file }" :clicked="download" />
+            <Button v-if="status.status == 'signed'" _key="btnDownload" title="Baixar Assinado" type="success"
+                size="medium" :params="{ url: status.signed_file }" :clicked="download" />
+        </div>
+        <br>
+        <Loading :center="false" v-show="loading" />
+        <ScrollBar v-show="!loading" :minHeight="330" :maxHeight="330">
+            <div v-for="signer in content.data">
+                <div class="div-signer">
+                    <div>
+                        <span v-if="signer.name">
+                            {{ signer.name }}
+                        </span>
+                        <span v-if="signer.email">
+                            - {{ signer.email }}
+                        </span>
+                        <span v-if="signer.phoneNumber">
+                            - {{ signer.phoneNumber }}
+                        </span>
+                    </div>
+                    <div>
+                        <span>{{ signer.signUrl }}</span>
+                        <div @click="copied = signer.signUrl" class="div-clipboard" v-clipboard="signer.signUrl">
+                            <span v-if="!copied"> <i class="fa-solid fa-link"></i> Copiar</span>
+                            <span class="copied" v-else><i class="fa-solid fa-link"></i> Copiado</span>
+                        </div>
+                    </div>
+                    <div class="div-signer-status">
+                        <div class="badge badge-warning" v-if="signer.statusName == 'Pendente'">
+                            {{ signer.statusName }}
+                        </div>
+                        <div class="badge badge-success" v-if="signer.statusName == 'Assinado'">
+                            {{ signer.statusName }}
+                        </div>
+                        <div class="badge badge-info" v-if="signer.statusName == 'Aberto'">
+                            {{ signer.statusName }}
+                        </div>
+                        <div class="badge badge-danger" v-if="signer.statusName == 'Recusado'">
+                            {{ signer.statusName }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </ScrollBar>
+    </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 Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "SignerList",
+    components: {
+        Loading,
+        ScrollBar,
+        Button
+    },
+    data() {
+        return {
+            urlGet: "/api/v1/signer/get-all",
+            urlGetStatus: "/api/v1/signature-file/get-detail",
+            copied: "",
+            item: {},
+            content: {},
+            status: {},
+            loading: false,
+        };
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapActions("generic", ["getApi"]),
+        ...mapMutations("generic", ["removeLoading"]),
+        getAll() {
+            let params = {
+                url: this.urlGet,
+                obj: {
+                    any: this.item.id,
+                },
+            };
+            this.getApi(params).then((response) => {
+                this.content = response.content;
+            });
+        },
+        getStatus() {
+            let params = {
+                url: this.urlGetStatus,
+                obj: {
+                    any: this.item.token,
+                },
+            };
+            this.getApi(params).then((response) => {
+                this.status = response.content;
+                this.loading = false;
+            });
+        },
+        download(params) {
+            const downloadLink = document.createElement("a");
+            downloadLink.href = params.url;
+            downloadLink.target = "_blank";
+            downloadLink.click();
+            this.removeLoading(['btnDownload']);
+        }
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "openSigners") {
+                    this.copied = "";
+                    this.loading = true;
+                    this.item = event.data;
+                    this.getAll();
+                    this.getStatus();
+                }
+            },
+            deep: true,
+        },
+    },
+};
+</script>
+<style scoped>
+.div-signer {
+    margin-left: 50px;
+    margin-right: 50px;
+    border: 1px solid #E5E4E8;
+    border-radius: 10px;
+    background-color: #FAFAFC;
+    padding-left: 10px;
+    padding-top: 5px;
+    margin-bottom: 10px;
+}
+
+.div-signer-status {
+    margin-top: 10px;
+    margin-bottom: 5px;
+}
+
+.div-clipboard {
+    cursor: pointer;
+}
+</style>

package/src/components/modules/signature/signer/SignerListForMessaging.vue

@@ -0,0 +1,116 @@
+<template>
+    <div>
+        <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false">
+            <div slot="content-buttons">
+                <Button _key="btnSearch" title="Atualizar" classIcon="fa-solid fa-arrows-rotate" size="small" type="info"
+                    :clicked="clicked" />
+            </div>
+        </ViewTemplateConfiguration>
+    </div>
+</template>
+    
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapMutations, mapGetters } from "vuex";
+
+export default {
+    name: "SignerListForMessaging",
+    components: {
+        ViewTemplateConfiguration,
+        Button
+    },
+    data() {
+        return {
+            templateList: {
+                urlGetApi: "/api/v1/signer/get-all-for-messaging",
+                showChecks: false,
+                headerTable: [
+                    {
+                        field: "registeredDate",
+                        title: "Envio",
+                        type: "dateTime",
+                    },
+                    {
+                        field: "name",
+                        title: "Para",
+                        type: "text",
+                        styleBody: "max-width: 200px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+                    },
+                    {
+                        field: "email",
+                        title: "",
+                        type: "text",
+                        styleBody: "max-width: 220px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+                    },
+                    {
+                        field: "signUrl",
+                        title: "Link",
+                        type: "text",
+                        styleBody: "max-width: 550px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
+                    },
+                    {
+                        type: "button",
+                        typeButton: "default",
+                        classCssTitle: "text-center",
+                        classCssBody: "text-center",
+                        button: {
+                            classIcon: "fa-regular fa-copy",
+                            type: "default",
+                            size: "small",
+                            eventName: "copyLinkSignature",
+                        },
+                    },
+                    {
+                        field: "statusName",
+                        title: "Status",
+                        type: "class",
+                        fieldComparison: "statusName",
+                        classCssTitle: "text-center",
+                        classCssBody: [
+                            {
+                                classCss: "text-center badge badge-warning",
+                                fieldComparison: "Pendente",
+                            },
+                            {
+                                classCss: "text-center badge badge-success",
+                                fieldComparison: "Assinado",
+                            },
+                            {
+                                classCss: "text-center badge badge-info",
+                                fieldComparison: "Aberto",
+                            },
+                            {
+                                classCss: "text-center badge badge-danger",
+                                fieldComparison: "Recusado",
+                            },
+                        ],
+                    },
+                ],
+            },
+        };
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["clearedSearch"]),
+        clicked() {
+            this.clearedSearch();
+        }
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "copyLinkSignature") {
+                    navigator.clipboard.writeText(event.data.signUrl);
+                    this.$toasted.show("Link copiado...", { type: "info" });
+                }
+            },
+            deep: true,
+        },
+    }
+};
+</script>
+  

package/src/components/modules/stock/accessory/Accessory.js

@@ -0,0 +1,16 @@
+export default class Accessory {
+    constructor() {
+        this.id = "";
+        this.typeProduct = { id: "", content: "" };
+        this.product = { id: "", content: "" };
+        this.description = "";
+        this.quantity = 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;
+    }
+}

package/src/components/modules/stock/accessory/AccessoryList.vue

@@ -0,0 +1,134 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
+      :propsParam="propsParam">
+      <div slot="content-buttons">
+        <Button _key="btnPatrimonyCreate" title="Acessório" classIcon="fas fa-plus-circle" type="primary" size="small"
+          :clicked="create" />
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Acessório(s)" :width="1200" :height="750" v-show="showModal('accessoryCreate')"
+      :onHideModal="hideSearchProduct">
+      <SearchProduct v-if="showSearchProduct" :types="'0,2,0,0,0'" :status="1" :showPrice="false"
+        :addProduct="addAccessory" />
+    </Modal>
+    <Modal title="Acessório" :width="1000" :height="750" v-show="showModal('accessoryUpdate')">
+      <AccessoryUpdate :productId="productId" />
+    </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 "../search-product/SearchProduct.vue";
+import AccessoryUpdate from "./AccessoryUpdate.vue";
+
+import { mapGetters, mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "AccessoryList",
+  components: {
+    ViewTemplateConfiguration,
+    Modal,
+    Button,
+    SearchProduct,
+    AccessoryUpdate,
+  },
+  props: {
+    productId: String,
+  },
+  data() {
+    return {
+      templateList: {
+        urlCreate: "/api/v1/stock/accessory/create",
+        urlGetApi: "/api/v1/stock/accessory/get-all",
+        urlOrderAllApi: "/api/v1/stock/accessory/order-all",
+        urlDeleteAllApi: "/api/v1/stock/accessory/delete",
+        dragAndDrop: true,
+        headerTable: [
+          {
+            field: "photo",
+            container: "nixloc-photo-product",
+            type: "image",
+          },
+          {
+            field: "fullName",
+            title: "Nome",
+            type: "link",
+            eventName: "accessoryUpdate",
+            iconSearch: true,
+            classCssBody: "center-vertical",
+          },
+          {
+            field: "categoryProductName",
+            title: "Categoria",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            field: "manufacturerName",
+            title: "Fabricante",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+          {
+            field: "quantity",
+            title: "Quantidade",
+            type: "text",
+            classCssTitle: "text-center",
+            classCssBody: "text-center center-vertical",
+          },
+        ],
+      },
+      propsParam: {
+        any: this.productId,
+      },
+      showSearchProduct: false,
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading"]),
+    ...mapActions("generic", ["postApi"]),
+    create() {
+      this.openModal("accessoryCreate");
+      this.addEvent({ name: "patrimonyCreate" });
+      this.removeLoading(["btnPatrimonyCreate"]);
+      this.showSearchProduct = true;
+    },
+    hideSearchProduct() {
+      this.showSearchProduct = false;
+    },
+    addAccessory(product) {
+      let obj = {
+        id: "",
+        order: 0,
+        productMainId: this.productId,
+        productId: product.id,
+        productName: product.name,
+        description: product.description,
+        quantity: product.quantity,
+      };
+      let params = { url: this.templateList.urlCreate, obj: obj };
+      this.postApi(params).then((response) => {
+        this.removeLoading([product.id]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "accessoryUpdate") this.openModal("accessoryUpdate");
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/stock/accessory/AccessoryUpdate.vue

@@ -0,0 +1,155 @@
+<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="accessory.typeProduct"
+          :changed="cleanAccessory"
+        >
+          <TypeProductCreateUpdate
+            :registerInSelect="true"
+            v-model="accessory.typeProduct"
+          />
+        </Select>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="7" xl="7">
+        <Select
+          title="Acessório"
+          field="accessory"
+          :formName="formName"
+          :required="true"
+          url="/api/v1/stock/product/select-all"
+          :propsParams="{ any: accessory.typeProduct.id }"
+          :disabled="!accessory.typeProduct.id"
+          nameNewRegister="typeProductCreateUpdate"
+          titleNewRegister="Acessório"
+          :widthNewRegister="700"
+          :heightNewRegister="250"
+          v-model="accessory.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="accessory.description"
+        />
+      </b-col>
+    </b-row>-->
+    <b-row>
+      <b-col sm="2">
+        <InputNumber
+          title="Quantidade"
+          field="quantity"
+          :formName="formName"
+          :required="false"
+          :maxLength="5"
+          type="float"
+          v-model="accessory.quantity"
+        />
+      </b-col>
+      <b-col sm="10">
+        <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 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 "../type-product/TypeProductCreateUpdate.vue";
+
+import Accessory from "@/components/modules/stock/accessory/Accessory.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "AccessoryUpdate",
+  props: {
+    productId: String,
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: {
+    InputNumber,
+    Select,
+    EditorHtml,
+    Button,
+    TypeProductCreateUpdate,
+  },
+  data() {
+    return {
+      formName: "accessoryUpdate",
+      accessory: new Accessory(),
+      urlUpdate: "/api/v1/stock/accessory/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "removeEvent", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    update() {
+      this.accessory.productId = this.productId;
+
+      let params = { url: this.urlUpdate, obj: this.accessory };
+      this.putApi(params).then((response) => {
+        if (response.success && !this.registerInSelect) this.hideModal();
+        this.removeLoading(["btnUpdateAccessory"]);
+      });
+    },
+    cleanAccessory() {
+      this.accessory.product = { id: "", content: "" };
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "accessoryUpdate") this.accessory.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-btn {
+  margin-top: 35px;
+}
+</style>