@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/store/modules/pdv.js

@@ -0,0 +1,107 @@
+export default {
+    namespaced: true,
+    state: {
+        cashierId: "",
+        identification: "",
+        collaboratorId: "",
+        customerId: "",
+        contactId: "",
+        periodRent: {},
+        itemsRent: [],
+        addressRent: [],
+        observationRental: "",
+        observationServiceOrder: "",
+        totalization: {},
+        isInvoice: false,
+        searchRent: [],
+    },
+    getters: {
+        sumPayment: (state) => {
+            let value = 0;
+            state.paymentsRent.forEach((payment, index) => {
+                value += payment.value;
+            });
+            return value;
+        },
+        verifyIfExistProduct: (state) => (item) => {
+            var isExist = state.itemsRent.find(obj => {
+                return obj.barCode === item.barCode
+                    && obj.productId === item.productId
+                    && !item.allowWithoutPatrimony
+            })
+            if (isExist != undefined) return true;
+            return false;
+        },
+    },
+    mutations: {
+        updateCashier: (state, cashierId) => {
+            state.cashierId = cashierId;
+        },
+        updateRent: (state, rent) => {
+            state.identification = rent.identification;
+            state.collaboratorId = rent.collaborator.id;
+            state.customerId = rent.customer.id;
+            state.contactId = rent.contact.id;
+            state.observationRental = rent.observationRental;
+            state.observationServiceOrder = rent.observationServiceOrder;
+        },
+        addPeriodRent: (state, obj) => {
+            state.periodRent = obj;
+        },
+        addProduct: (state, obj) => {
+            var totalItems = state.itemsRent.length;
+            obj.seq = totalItems + 1;
+            let discount = { discountByPercentage: false, discount: 0 };
+            state.itemsRent.push({ ...obj, discount });
+        },
+        addAddress: (state, obj) => {
+            var totalItems = state.addressRent.length;
+            obj.seq = totalItems + 1;
+            state.addressRent.push(obj);
+        },
+        updateProduct: (state, obj) => {
+            state.itemsRent.forEach((itemRent, index) => {
+                if (itemRent.id === obj.id) {
+                    itemRent.description = obj.description;
+                    itemRent.unitValue = obj.unitValue;
+                    itemRent.discount = obj.discount;
+                    itemRent.unitInsurance = obj.unitInsurance;
+
+                    let discount = obj.discount;
+                    itemRent.discountByPercentage = discount.discountByPercentage;
+                    itemRent.unitDiscount = discount.discount;
+                }
+            });
+        },
+        removeProduct: (state, seq) => {
+            let filter = state.itemsRent.filter(function (o) {
+                return o.seq != seq;
+            });
+            state.itemsRent = filter;
+        },
+        removeAddress: (state, seq) => {
+            let filter = state.addressRent.filter(function (o) {
+                return o.seq != seq;
+            });
+            state.addressRent = filter;
+        },
+        updateItemsRent: (state, itemsRent) => {
+            state.itemsRent = itemsRent;
+        },
+        addTotalization: (state, obj) => {
+            state.totalization = obj;
+        },
+        updateIsInvoice: (state, isInvoice) => {
+            state.isInvoice = isInvoice;
+        },
+        updateSearchRent: (state, searchRent) => {
+            state.searchRent = searchRent;
+        },
+        resetRent: (state) => {
+            state.cashierPdvId = "";
+            state.identification = "";
+            state.periodRent = {};
+            state.itemsRent = [];
+        },
+    },
+}

package/src/store/store.js

@@ -1,14 +1,23 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-
-import user from './modules/user'
-import generic from './modules/generic'
-import validation from './modules/validation'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  modules: {
-    generic, validation, user
-  }
+import Vue from 'vue';
+import Vuex from 'vuex';
+import createPersistedState from "vuex-persistedstate";
+
+import generic from '@nixweb/nixloc-ui/src/store/modules/generic'
+import validation from '@nixweb/nixloc-ui/src/store/modules/validation'
+import automation from '@nixweb/nixloc-ui/src/store/modules/automation'
+import report from '@nixweb/nixloc-ui/src/store/modules/report'
+import user from '@nixweb/nixloc-ui/src/store/modules/user'
+import util from '@nixweb/nixloc-ui/src/store/modules/util'
+
+import generateMoviment from './modules/generateMoviment'
+import paymentShared from './modules/paymentShared'
+import pdv from './modules/pdv'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  plugins: [createPersistedState({ storage: window.sessionStorage, paths: ["user", "generateMoviment"] })],
+  modules: {
+    generic, validation, automation, user, report, generateMoviment, pdv, paymentShared, util
+  }
 })

package/src/views/modules/adm/BilletFranchise.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+
+export default {
+  name: "BilletFranchiseView",
+  components: {
+    ViewTemplateConfiguration,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/billing/billet/total-document-module",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "total",
+            title: "Total Emitido",
+            type: "text",
+          },
+          {
+            field: "fullPeriod",
+            title: "Período",
+            type: "text",
+          },
+
+        ],
+      },
+    };
+  },
+
+};
+</script>

package/src/views/modules/adm/Company.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-main">
+        <Company />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import Company from "../../../components/modules/adm/company/Company.vue";
+
+export default {
+  name: "CompanyView",
+  components: {
+    ViewTemplateWithSalveCancel,
+    Company,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Adm",
+        title: "Empresa",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/adm/ConfirmMailMobile.vue

@@ -0,0 +1,85 @@
+<template>
+  <div style="overflow: hidden">
+    <div class="div-logo text-center">
+      <img
+        src="https://nixloc.com.br/wp-content/themes/nix-loc/images/logo.svg"
+      />
+    </div>
+    <br />
+    <div class="principal">
+      <Molded>
+        <ConfirmMailMobile />
+      </Molded>
+    </div>
+    <div class="text-center">
+      <a
+        href="https://www.instagram.com/nixloc.sistema/?hl=pt-br"
+        target="_blank"
+        class="fa fa-instagram"
+      ></a>
+      <a
+        href="https://www.facebook.com/nixloc.sistema"
+        target="_blank"
+        class="fa fa-facebook"
+      ></a>
+      <a
+        href="https://www.youtube.com/channel/UC2uW-eHwBwy_EYXj9ISayWQ"
+        target="_blank"
+        class="fa fa-youtube"
+      ></a>
+      <a
+        href="https://wa.me/551131362654"
+        target="_blank"
+        class="fa fa-whatsapp"
+      ></a>
+    </div>
+  </div>
+</template>
+
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import ConfirmMailMobile from "../../../components/modules/adm/login/ConfirmMailMobile.vue";
+
+export default {
+  name: "ConfirmMailMobileView",
+  components: { Molded, ConfirmMailMobile },
+};
+</script>
+
+<style scoped>
+.principal {
+  background-color: white;
+  max-width: 500px;
+  margin: auto;
+}
+
+.div-logo {
+  margin-top: 60px;
+}
+
+
+.fa {
+  padding: 20px;
+  font-size: 25px;
+  width: 45px;
+  text-align: center;
+  text-decoration: none;
+  color: #c4c4c4;
+}
+
+.fa-facebook:hover {
+  color: #0b86ee;
+}
+
+.fa-youtube:hover {
+  color: #bb0000;
+}
+
+.fa-instagram:hover {
+  color: #125688;
+}
+
+.fa-whatsapp:hover {
+  color: green;
+}
+</style>

package/src/views/modules/adm/DocumentCreateUpdate.vue

@@ -0,0 +1,88 @@
+<template>
+  <div>
+    <ViewTemplateDocumentView :panel="panel" :parameterExemple="parameterExemple.d"
+      :parameterLegend="parameterLegend.legend" :module="module" :styleCss="styleCss">
+      <DocumentCreateUpdate v-model="module" />
+    </ViewTemplateDocumentView>
+  </div>
+</template>
+
+<script>
+import DocumentCreateUpdate from "../../../components/modules/adm/document/DocumentCreateUpdate.vue";
+import ViewTemplateDocumentView from "@nixweb/nixloc-ui/src/component/template/ViewTemplateDocumentView";
+
+import ParameterExemple from "./model/ParameterExemple.js";
+import ParameterLegend from "./model/ParameterLegend.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "DocumentCreateUpdateView",
+  components: { ViewTemplateDocumentView, DocumentCreateUpdate },
+  data() {
+    return {
+      id: this.$route.params.id,
+      module: "",
+      urlGetById: "/api/v1/adm/document/get-by-id",
+      panel: {
+        module: "Adm",
+        title: "Documento",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      parameterExemple: new ParameterExemple(),
+      parameterLegend: new ParameterLegend(),
+      styleCss: "",
+    };
+  },
+  mounted() {
+    if (this.id) {
+      this.getById();
+    } else {
+      let self = this;
+      setTimeout(function () {
+        self.updateDocumentHtml("");
+        self.removeLoading(["panel"]);
+      }, 100);
+    }
+    this.removeLoading(["createDocument"]);
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generic", [
+      "addEvent",
+      "removeLoading",
+      "updateDocumentHtml",
+    ]),
+    getById() {
+      let params = { url: this.urlGetById, obj: { documentId: this.id } };
+      this.getApi(params).then((response) => {
+        this.styleCss = response.content.styleCss;
+        this.updateDocumentHtml(response.content.documentHtml);
+        this.addEvent({
+          name: "updateDocument",
+          data: response.content,
+        });
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel"]);
+        }, 500);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "documentEditorModified") {
+          this.getById();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/adm/DocumentList.vue

@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList">
+      <div slot="content-buttons">
+        <Button
+          _key="createDocument"
+          title="Documento"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="createDocument"
+          :clicked="createDocument"
+        />
+      </div>
+    </ViewTemplateWithTable>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "DocumentListView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Adm",
+        title: "Documento",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/adm/document/get-all",
+        urlDeleteAllApi: "api/v1/adm/document/delete",
+        headerTable: [
+          {
+            field: "identification",
+            title: "Identificação",
+            type: "link",
+            routeName: "documentUpdate",
+            iconSearch: true,
+          },
+          {
+            field: "name",
+            title: "Arquivo",
+            type: "text",
+            iconSearch: false,
+          },
+          {
+            field: "modulePortuguese",
+            title: "Módulo",
+            type: "text",
+            iconSearch: false,
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    createDocument() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({
+          name: "documentCreate",
+        });
+      }, 300);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateDocument") {
+          let self = this;
+          setTimeout(function () {
+            self.$router.push({
+              name: "documentUpdate",
+              params: { id: event.data.id },
+            });
+            self.removeLoading([event.data.id]);
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/adm/DocumentPreviewPublic.vue

@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <div>
+            <div class="div-logo text-center">
+                <img :src="srcLogo" />
+            </div>
+            <div class="div-download">
+                <Molded>
+                    <Loading :center="false" v-if="loading" />
+                    <div v-else>
+                        <br>
+                        <div class="div-text text-center">
+                            <i class="fa-regular fa-share-nodes"></i>
+                            <span class="title"> Clique abaixo para baixar os arquivos compartilhados...</span>
+                        </div>
+                        <br>
+                        <div class="div-molded text-center">
+                            <div class="side-by-side">
+                                <Button v-if="documentId != 'null'" _key="btnDownload" type="primary" title="Documento"
+                                    classIcon="fa-solid fa-download" size="small" :clicked="downloadDocument" />
+                            </div>
+                            <div class="side-by-side">
+                                <Button v-if="billetId != 'null'" _key="btnDownload" type="primary" title="Boleto"
+                                    classIcon="fa-solid fa-download" size="small" :clicked="downloadBillet" />
+                            </div>
+                        </div>
+                    </div>
+                </Molded>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapMutations, mapActions } from "vuex";
+
+export default {
+    name: "DocumentPreviewPublic",
+    components: {
+        Molded, Button, Loading
+    },
+    data() {
+        return {
+            urlGetLogo: "/api/v1/adm/company/get-logo",
+            documentId: this.$route.params.documentId,
+            billetId: this.$route.params.billetId,
+            logo: this.$route.params.logo,
+            loading: true,
+        }
+    },
+    mounted() {
+        this.getLogo();
+
+        let self = this;
+        setTimeout(function () {
+            self.loading = false;
+        }, 1000);
+    },
+    computed: {
+        srcLogo() {
+            return `https://espaco.blob.core.windows.net/nixloc-logo-company/${this.logo}`;
+        },
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+        ...mapActions("generic", ["getApi"]),
+        getLogo() {
+            let params = {
+                url: this.urlGetLogo,
+                obj: { id: this.logo },
+            };
+            this.getApi(params).then((response) => {
+                this.logo = response.content == "" ? "noImage.png" : response.content;
+            });
+        },
+        downloadDocument() {
+            this.download(this.documentId, "documento");
+        },
+        downloadBillet() {
+            this.download(this.billetId, "boleto");
+        },
+        download(urlFile, nameFile) {
+            this.removeLoading(["btnDownload"]);
+            const link = document.createElement('a');
+            link.href = `https://espaco.blob.core.windows.net/nixloc-preview/${urlFile}.pdf`;
+            link.target = '_blank';
+            link.download = `${nameFile}.pdf`;
+
+            document.body.appendChild(link);
+            link.click();
+
+            document.body.removeChild(link);
+        }
+    }
+}
+</script>
+<style scoped>
+img {
+    width: 200px;
+}
+
+.div-text {
+    font-size: 16px;
+    margin-bottom: 20px;
+}
+
+.div-logo {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+.div-molded {
+    min-height: 100px;
+}
+
+.div-download {
+    margin: auto;
+    max-width: 900px;
+}
+</style>

package/src/views/modules/adm/DocumentPublic.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <!-- É renderizado o html abaixo para modificar as tabelas -->
+    <div id="template-prod" v-show="false" v-html="template"></div>
+    <div class="text-center" v-show="loading">
+      <span>Não foi possível carregar o documento, tente novamente...</span>
+    </div>
+    <div :style="styleCss">
+      <DocumentPublic ref="document" :template="documentPreview('prod')" :d="parameter" v-show="!loading" />
+    </div>
+  </div>
+</template>
+<script>
+
+import DocumentPublic from "@nixweb/nixloc-ui/src/component/shared/DocumentPublic";
+
+import axios from 'axios';
+
+import { mapActions, mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "DocumentPublicView",
+  components: {
+    DocumentPublic,
+  },
+  data() {
+    return {
+      baseUrl: "https://espaco.blob.core.windows.net/nixloc-generate-pdf",
+      nameFileTemplate: this.$route.params.nameFileTemplate,
+      nameFileParameter: this.$route.params.nameFileParameter,
+      template: "",
+      parameter: {},
+      loading: false,
+      styleCss: "",
+    };
+  },
+  mounted() {
+    this.loadTemplate();
+  },
+  computed: {
+    ...mapGetters("generic", ["documentPreview"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getDocumentApi", "getPdfApi", "postApi"]),
+    ...mapMutations("generic", ["updateDocumentHtml"]),
+    loadTemplate() {
+      const url = `${this.baseUrl}/${this.nameFileTemplate}.txt`
+      axios.get(url).then((response) => {
+        this.template = response.data;
+        this.loadParameter();
+      })
+    },
+    loadParameter() {
+      const url = `${this.baseUrl}/${this.nameFileParameter}.txt`
+      axios.get(url).then((response) => {
+        this.styleCss = response.data.styleCss;
+        this.parameter = response.data;
+        let self = this;
+        setTimeout(function () {
+          self.updateDocumentHtml(self.template);
+          self.template = self.documentPreview;
+          self.loading = false;
+        }, 100);
+      })
+    },
+  },
+};
+</script>
+<style scoped>
+.div-loading {
+  margin-top: 30px;
+}
+</style>