@nixweb/nixloc-ui 1.17.0 → 1.19.0

package/@nixweb/nixloc-ui/src/component/shared/DocumentPreview.vue

@@ -1,81 +1,81 @@
-<template>
-  <div>
-    <div ref='preview'>
-      <v-runtime-template :template="`<div>${template}</div>`" />
-    </div>
-  </div>
-</template>
-
-<script>
-import VRuntimeTemplate from "v-runtime-template";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "DocumentPreview",
-  components: {
-    VRuntimeTemplate,
-  },
-  props: {
-    template: String,
-    d: Object,
-  },
-  methods: {
-    ...mapMutations("generic", ["updateDocumentHtmlFinal"]),
-    periodo(grupo, campo) {
-      var item = this.d.itensLocacao.find(item => item.grupo == grupo);
-      const campoMap = {
-        "dataEntrega": item.dataEntrega,
-        "horaEntrega": item.horaEntrega,
-        "dataInicio": item.dataInicio,
-        "horaInicio": item.horaInicio,
-        "dataFim": item.dataFim,
-        "horaFim": item.horaFim,
-        "dataRetirada": item.dataRetirada,
-        "horaRetirada": item.horaRetirada,
-        "ano": item.ano,
-        "mes": item.mes,
-        "dia": item.dia,
-        "hora": item.hora,
-        "minuto": item.minuto
-      };
-      return campoMap[campo];
-    },
-    somaGrupo(grupo) {
-      let sum = [];
-      this.d.itensLocacao.forEach((item) => {
-        if (item.grupo === grupo) {
-          sum.push(item.totalValue);
-        }
-      });
-      return sum.reduce((a, b) => a + b, 0);
-    },
-    convertToNumber(value) {
-      return parseFloat(value.replace("R$", "").replace(",", "."));
-    },
-    getPreviewContent() {
-      const previewDiv = this.$refs.preview;
-      this.updateDocumentHtmlFinal(previewDiv.innerHTML);
-    }
-  },
-  computed: {
-    ...mapGetters("generic", ["groupBy", "event"]),
-    produtoAgrupado() {
-      var group = this.groupBy({ array: this.d.itensLocacao, key: "grupo" });
-      return group;
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "updateDocumentHtml") {
-          this.getPreviewContent();
-        }
-      },
-      deep: true,
-    },
-  },
-
-
-};
-</script>
+<template>
+  <div>
+    <div ref='preview'>
+      <v-runtime-template :template="`<div>${template}</div>`" />
+    </div>
+  </div>
+</template>
+
+<script>
+import VRuntimeTemplate from "v-runtime-template";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "DocumentPreview",
+  components: {
+    VRuntimeTemplate,
+  },
+  props: {
+    template: String,
+    d: Object,
+  },
+  methods: {
+    ...mapMutations("generic", ["updateDocumentHtmlFinal"]),
+    periodo(grupo, campo) {
+      var item = this.d.itensLocacao.find(item => item.grupo == grupo);
+      const campoMap = {
+        "dataEntrega": item.dataEntrega,
+        "horaEntrega": item.horaEntrega,
+        "dataInicio": item.dataInicio,
+        "horaInicio": item.horaInicio,
+        "dataFim": item.dataFim,
+        "horaFim": item.horaFim,
+        "dataRetirada": item.dataRetirada,
+        "horaRetirada": item.horaRetirada,
+        "ano": item.ano,
+        "mes": item.mes,
+        "dia": item.dia,
+        "hora": item.hora,
+        "minuto": item.minuto
+      };
+      return campoMap[campo];
+    },
+    somaGrupo(grupo) {
+      let sum = [];
+      this.d.itensLocacao.forEach((item) => {
+        if (item.grupo === grupo) {
+          sum.push(item.totalValue);
+        }
+      });
+      return sum.reduce((a, b) => a + b, 0);
+    },
+    convertToNumber(value) {
+      return parseFloat(value.replace("R$", "").replace(",", "."));
+    },
+    getPreviewContent() {
+      const previewDiv = this.$refs.preview;
+      this.updateDocumentHtmlFinal(previewDiv.innerHTML);
+    }
+  },
+  computed: {
+    ...mapGetters("generic", ["groupBy", "event"]),
+    produtoAgrupado() {
+      var group = this.groupBy({ array: this.d.itensLocacao, key: "grupo" });
+      return group;
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateDocumentHtml") {
+          this.getPreviewContent();
+        }
+      },
+      deep: true,
+    },
+  },
+
+
+};
+</script>

package/@nixweb/nixloc-ui/src/component/shared/DocumentPublic.vue

@@ -1,33 +1,33 @@
-<template>
-  <div class="main">
-    <div class="content">
-      <DocumentPreview :template="template" :d="d" />
-    </div>
-  </div>
-</template>
-<script>
-import DocumentPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentPreview.vue";
-
-export default {
-  name: "DocumentPublic",
-  components: {
-    DocumentPreview,
-  },
-  props: {
-    template: String,
-    d: Object,
-  },
-};
-</script>
-
-<style scoped>
-.main {
-  background-color: white;
-  min-height: 900px;
-}
-
-.content {
-  width: 1042px;
-  margin: auto;
-}
-</style>
+<template>
+  <div class="main">
+    <div class="content">
+      <DocumentPreview :template="template" :d="d" />
+    </div>
+  </div>
+</template>
+<script>
+import DocumentPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentPreview.vue";
+
+export default {
+  name: "DocumentPublic",
+  components: {
+    DocumentPreview,
+  },
+  props: {
+    template: String,
+    d: Object,
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  background-color: white;
+  min-height: 900px;
+}
+
+.content {
+  width: 1042px;
+  margin: auto;
+}
+</style>

package/@nixweb/nixloc-ui/src/component/shared/ExportExcel.vue

@@ -1,56 +1,56 @@
-<template>
-  <div>
-    <download-excel :fields="column" :data="data" :before-finish="exportFinished" worksheet="Planilha"
-      :name="`${nameFile}.xls`">
-      <i class="fas fa-file-excel"></i>
-    </download-excel>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import { mapMutations } from "vuex";
-
-export default {
-  name: "ExportExcel",
-  props: {
-    header: Array,
-    data: Array,
-    nameFile: String
-  },
-  components: {
-    Button,
-  },
-  data() {
-    return {
-      json_meta: [
-        [
-          {
-            key: "charset",
-            value: "utf-8",
-          },
-        ],
-      ],
-    };
-  },
-  methods: {
-    ...mapMutations("generic", ["removeLoading"]),
-    exportFinished() {
-      this.removeLoading(["exportExcel"]);
-    },
-  },
-  computed: {
-    column() {
-      var object = this.header.reduce(
-        (obj, item) => Object.assign(obj, { [item.title]: item.field }),
-        {}
-      );
-      return object;
-    },
-    fileName() {
-      return this.nameFile;
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <download-excel :fields="column" :data="data" :before-finish="exportFinished" worksheet="Planilha"
+      :name="`${nameFile}.xls`">
+      <i class="fas fa-file-excel"></i>
+    </download-excel>
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "ExportExcel",
+  props: {
+    header: Array,
+    data: Array,
+    nameFile: String
+  },
+  components: {
+    Button,
+  },
+  data() {
+    return {
+      json_meta: [
+        [
+          {
+            key: "charset",
+            value: "utf-8",
+          },
+        ],
+      ],
+    };
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    exportFinished() {
+      this.removeLoading(["exportExcel"]);
+    },
+  },
+  computed: {
+    column() {
+      var object = this.header.reduce(
+        (obj, item) => Object.assign(obj, { [item.title]: item.field }),
+        {}
+      );
+      return object;
+    },
+    fileName() {
+      return this.nameFile;
+    },
+  },
+};
+</script>

package/@nixweb/nixloc-ui/src/component/shared/ExportPDF.vue

@@ -1,116 +1,116 @@
-<template>
-  <div>
-    <div v-show="carregando" class="full-width">
-      <Loading
-        :center="true"
-        :width="70"
-        :height="70"
-        message="Por favor aguarde, estamos gerando a impressão..."
-      />
-    </div>
-    <vue-html2pdf
-      :show-layout="false"
-      :float-layout="false"
-      :enable-download="false"
-      :preview-modal="true"
-      :paginate-elements-by-height="1400"
-      :filename="fileName"
-      :pdf-quality="2"
-      :manual-pagination="false"
-      :pdf-format="tamanhoPagina"
-      :pdf-orientation="orientacao"
-      pdf-content-width="100%"
-      @progress="onProgress($event)"
-      @hasStartedGeneration="hasStartedGeneration()"
-      @hasGenerated="hasGenerated($event)"
-      ref="html2Pdf"
-      :html-to-pdf-options="htmlToPdfOptions"
-    >
-      <section slot="pdf-content">
-        <section class="pdf-item">
-          <ScrollBar :height="alturaBarraRolagem">
-            <div id="height">
-              <slot></slot>
-            </div>
-          </ScrollBar>
-        </section>
-      </section>
-    </vue-html2pdf>
-    <br />
-    <b-row
-      ><b-col sm="12" class="text-right">
-        <button @click="gerarRelatorio()">gerar</button></b-col
-      ></b-row
-    >
-  </div>
-</template>
-
-<script>
-import Loading from "./Loading.vue";
-import ScrollBar from "../layout/Scrollbar.vue";
-import VueHtml2pdf from "vue-html2pdf";
-
-export default {
-  name: "ExportPDF",
-  components: { VueHtml2pdf, ScrollBar, Loading },
-  props: {
-    title: String,
-    fileName: String,
-    tamanhoPagina: String,
-    orientacao: String,
-    larguraImpressao: Number,
-  },
-  data() {
-    return {
-      alturaBarraRolagem: 450,
-      carregando: false,
-      htmlToPdfOptions: {
-        margin: [5, 3, 5, 3],
-      },
-    };
-  },
-  methods: {
-    onProgress(event) {
-      if (event == 100) {
-        this.alturaBarraRolagem = 450;
-        this.carregando = false;
-      }
-    },
-    hasStartedGeneration() {
-      console.log("começou");
-    },
-    hasDownloaded() {
-      console.log("finalizou");
-    },
-    gerarRelatorio() {
-      const listElm = document.querySelector("#height");
-      this.alturaBarraRolagem = listElm.scrollHeight;
-      this.carregando = true;
-      let self = this;
-      setTimeout(function () {
-        self.$refs.html2Pdf.generatePdf();
-      }, 1000);
-    },
-  },
-};
-</script>
-
-<style scoped>
-.button {
-  margin-bottom: 20px;
-}
-
-.title {
-  font-size: 20px;
-}
-
-.full-width {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  background: white;
-  z-index: 99999;
-}
-</style>
+<template>
+  <div>
+    <div v-show="carregando" class="full-width">
+      <Loading
+        :center="true"
+        :width="70"
+        :height="70"
+        message="Por favor aguarde, estamos gerando a impressão..."
+      />
+    </div>
+    <vue-html2pdf
+      :show-layout="false"
+      :float-layout="false"
+      :enable-download="false"
+      :preview-modal="true"
+      :paginate-elements-by-height="1400"
+      :filename="fileName"
+      :pdf-quality="2"
+      :manual-pagination="false"
+      :pdf-format="tamanhoPagina"
+      :pdf-orientation="orientacao"
+      pdf-content-width="100%"
+      @progress="onProgress($event)"
+      @hasStartedGeneration="hasStartedGeneration()"
+      @hasGenerated="hasGenerated($event)"
+      ref="html2Pdf"
+      :html-to-pdf-options="htmlToPdfOptions"
+    >
+      <section slot="pdf-content">
+        <section class="pdf-item">
+          <ScrollBar :height="alturaBarraRolagem">
+            <div id="height">
+              <slot></slot>
+            </div>
+          </ScrollBar>
+        </section>
+      </section>
+    </vue-html2pdf>
+    <br />
+    <b-row
+      ><b-col sm="12" class="text-right">
+        <button @click="gerarRelatorio()">gerar</button></b-col
+      ></b-row
+    >
+  </div>
+</template>
+
+<script>
+import Loading from "./Loading.vue";
+import ScrollBar from "../layout/Scrollbar.vue";
+import VueHtml2pdf from "vue-html2pdf";
+
+export default {
+  name: "ExportPDF",
+  components: { VueHtml2pdf, ScrollBar, Loading },
+  props: {
+    title: String,
+    fileName: String,
+    tamanhoPagina: String,
+    orientacao: String,
+    larguraImpressao: Number,
+  },
+  data() {
+    return {
+      alturaBarraRolagem: 450,
+      carregando: false,
+      htmlToPdfOptions: {
+        margin: [5, 3, 5, 3],
+      },
+    };
+  },
+  methods: {
+    onProgress(event) {
+      if (event == 100) {
+        this.alturaBarraRolagem = 450;
+        this.carregando = false;
+      }
+    },
+    hasStartedGeneration() {
+      console.log("começou");
+    },
+    hasDownloaded() {
+      console.log("finalizou");
+    },
+    gerarRelatorio() {
+      const listElm = document.querySelector("#height");
+      this.alturaBarraRolagem = listElm.scrollHeight;
+      this.carregando = true;
+      let self = this;
+      setTimeout(function () {
+        self.$refs.html2Pdf.generatePdf();
+      }, 1000);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.button {
+  margin-bottom: 20px;
+}
+
+.title {
+  font-size: 20px;
+}
+
+.full-width {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background: white;
+  z-index: 99999;
+}
+</style>