@nixweb/nixloc-ui 0.0.127 → 0.0.128

package/src/component/shared/Collapse.vue

@@ -1,131 +1,131 @@
-<template>
-  <div>
-    <div class="line-arrow" v-if="type == 'arrow'">
-      <div class="arrow" @click="show" v-if="!showCollapse">
-        <b-row>
-          <b-col sm="6" class="text-left">
-            <span class="title">{{ title }}</span>
-          </b-col>
-          <b-col sm="6" class="text-right">
-            <i class="far fa-plus"></i>
-          </b-col>
-        </b-row>
-      </div>
-      <div class="arrow" @click="hide" v-if="showCollapse">
-        <b-row>
-          <b-col sm="6" class="text-left">
-            <span class="title">{{ title }}</span>
-          </b-col>
-          <b-col sm="6" class="text-right">
-            <i class="far fa-minus"></i>
-          </b-col>
-        </b-row>
-      </div>
-    </div>
-    <b-collapse id="collapse-4" v-model="showCollapse" class="mt-2">
-      <slot></slot>
-    </b-collapse>
-    <div v-if="type == 'button'">
-      <b-row>
-        <b-col sm="12">
-          <div class="text-center">
-            <Button
-              v-if="!showCollapse"
-              :title="buttonShow.title"
-              :classIcon="buttonShow.icon"
-              :type="buttonShow.type"
-              size="small"
-              :clicked="show"
-            />
-          </div>
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col>
-          <div class="text-center">
-            <Button
-              v-if="showCollapse"
-              key="hideCollapse"
-              :title="buttonHide.title"
-              :classIcon="buttonHide.icon"
-              :type="buttonHide.type"
-              size="small"
-              :clicked="hide"
-            />
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-  </div>
-</template>
-
-<script>
-import Button from "../forms/Button.vue";
-
-import { mapMutations } from "vuex";
-
-export default {
-  components: { Button },
-  name: "Collapse",
-  props: {
-    buttonShow: Object,
-    buttonHide: Object,
-    type: {
-      type: String,
-      default: "button",
-    },
-    title: String,
-    startOpen: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      showCollapse: false,
-    };
-  },
-  created() {
-    this.showCollapse = this.startOpen;
-  },
-  methods: {
-    ...mapMutations("generic", ["removeLoading"]),
-    show() {
-      let self = this;
-      setTimeout(function () {
-        self.showCollapse = true;
-      }, 200);
-      this.removeLoadingButton();
-    },
-    hide() {
-      let self = this;
-      setTimeout(function () {
-        self.showCollapse = false;
-      }, 200);
-      this.removeLoadingButton();
-    },
-    removeLoadingButton() {
-      this.removeLoading(["showCollapse", "hideCollapse"]);
-    },
-  },
-};
-</script>
-<style scoped>
-.arrow {
-  font-size: 14px;
-  color: #577696;
-  cursor: pointer;
-  margin-bottom: 10px;
-}
-
-.title {
-  font-size: 16px;
-  margin-left: 5px;
-}
-
-.line-arrow {
-  border-top: solid 1px #dbdfe9;
-  margin-top: 10px;
-  padding-top: 10px;
-}
-</style>
+<template>
+  <div>
+    <div class="line-arrow" v-if="type == 'arrow'">
+      <div class="arrow" @click="show" v-if="!showCollapse">
+        <b-row>
+          <b-col sm="6" class="text-left">
+            <span class="title">{{ title }}</span>
+          </b-col>
+          <b-col sm="6" class="text-right">
+            <i class="far fa-plus"></i>
+          </b-col>
+        </b-row>
+      </div>
+      <div class="arrow" @click="hide" v-if="showCollapse">
+        <b-row>
+          <b-col sm="6" class="text-left">
+            <span class="title">{{ title }}</span>
+          </b-col>
+          <b-col sm="6" class="text-right">
+            <i class="far fa-minus"></i>
+          </b-col>
+        </b-row>
+      </div>
+    </div>
+    <b-collapse id="collapse-4" v-model="showCollapse" class="mt-2">
+      <slot></slot>
+    </b-collapse>
+    <div v-if="type == 'button'">
+      <b-row>
+        <b-col sm="12">
+          <div class="text-center">
+            <Button
+              v-if="!showCollapse"
+              :title="buttonShow.title"
+              :classIcon="buttonShow.icon"
+              :type="buttonShow.type"
+              size="small"
+              :clicked="show"
+            />
+          </div>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col>
+          <div class="text-center">
+            <Button
+              v-if="showCollapse"
+              key="hideCollapse"
+              :title="buttonHide.title"
+              :classIcon="buttonHide.icon"
+              :type="buttonHide.type"
+              size="small"
+              :clicked="hide"
+            />
+          </div>
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import Button from "../forms/Button.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  components: { Button },
+  name: "Collapse",
+  props: {
+    buttonShow: Object,
+    buttonHide: Object,
+    type: {
+      type: String,
+      default: "button",
+    },
+    title: String,
+    startOpen: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      showCollapse: false,
+    };
+  },
+  created() {
+    this.showCollapse = this.startOpen;
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    show() {
+      let self = this;
+      setTimeout(function () {
+        self.showCollapse = true;
+      }, 200);
+      this.removeLoadingButton();
+    },
+    hide() {
+      let self = this;
+      setTimeout(function () {
+        self.showCollapse = false;
+      }, 200);
+      this.removeLoadingButton();
+    },
+    removeLoadingButton() {
+      this.removeLoading(["showCollapse", "hideCollapse"]);
+    },
+  },
+};
+</script>
+<style scoped>
+.arrow {
+  font-size: 14px;
+  color: #577696;
+  cursor: pointer;
+  margin-bottom: 10px;
+}
+
+.title {
+  font-size: 16px;
+  margin-left: 5px;
+}
+
+.line-arrow {
+  border-top: solid 1px #dbdfe9;
+  margin-top: 10px;
+  padding-top: 10px;
+}
+</style>

package/src/component/shared/DocumentPreview.vue

@@ -8,7 +8,7 @@ import VRuntimeTemplate from "v-runtime-template";
 import { mapGetters } from "vuex";
 
 export default {
-  name: "HtmlPreview",
+  name: "DocumentPreview",
   components: {
     VRuntimeTemplate,
   },

package/src/component/shared/DocumentPublic.vue

@@ -0,0 +1,34 @@
+<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: 1024px;
+  margin: auto;
+  padding: 10px;
+}
+</style>

package/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>

package/src/component/shared/HeaderReport.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="div-header">
-    <div class="title">{{ fileName }}</div>
+    <div class="title">Relatório {{ $route.params.name }}</span></div>
     <div class="side-by-side div-tag" v-for="tag in tags" :key="tag.id">
       <span>{{ tag.title }}</span> <span>{{ tag.value }}</span>
       <span>,</span>

package/src/component/shared/HorizontalFilter.vue

@@ -1,59 +1,59 @@
-<template>
-  <div class="filter-horizontal">
-    <Collapse
-      :buttonShow="{
-        title: 'Mais filtros',
-        icon: 'fas fa-arrow-alt-circle-down',
-        type: 'info',
-      }"
-      :buttonHide="{
-        title: 'Menos filtros',
-        icon: 'fas fa-arrow-alt-circle-up',
-        type: 'warning',
-      }"
-    >
-      <b-row>
-        <b-col :sm="showTotalPerPage ? 10 : 12">
-          <slot name="content-filter-horizontal"></slot>
-        </b-col>
-        <b-col xs="12" sm="12" md="12" lg="2" xl="2" v-if="showTotalPerPage">
-          <SelectStatic
-            title="Mostrar"
-            fieldTarget="totalPerPage"
-            :initialValue="{ content: '10', id: 10 }"
-            :data="[
-              { content: '10', id: 10 },
-              { content: '20', id: 20 },
-              { content: '30', id: 30 },
-              { content: '50', id: 50 },
-              { content: '100', id: 100 },
-            ]"
-          />
-        </b-col>
-      </b-row>
-    </Collapse>
-  </div>
-</template>
-
-<script>
-import Collapse from "./Collapse.vue";
-import SelectStatic from "../forms/SelectStatic.vue";
-import Select from "../forms/Select";
-
-export default {
-  name: "ListViewWithHandlerData",
-  components: { Select, SelectStatic, Collapse },
-  props: {
-    showTotalPerPage: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.filter-horizontal {
-  margin-bottom: 5px;
-}
-</style>
+<template>
+  <div class="filter-horizontal">
+    <Collapse
+      :buttonShow="{
+        title: 'Mais filtros',
+        icon: 'fas fa-arrow-alt-circle-down',
+        type: 'info',
+      }"
+      :buttonHide="{
+        title: 'Menos filtros',
+        icon: 'fas fa-arrow-alt-circle-up',
+        type: 'warning',
+      }"
+    >
+      <b-row>
+        <b-col :sm="showTotalPerPage ? 10 : 12">
+          <slot name="content-filter-horizontal"></slot>
+        </b-col>
+        <b-col xs="12" sm="12" md="12" lg="2" xl="2" v-if="showTotalPerPage">
+          <SelectStatic
+            title="Mostrar"
+            fieldTarget="totalPerPage"
+            :initialValue="{ content: '10', id: 10 }"
+            :data="[
+              { content: '10', id: 10 },
+              { content: '20', id: 20 },
+              { content: '30', id: 30 },
+              { content: '50', id: 50 },
+              { content: '100', id: 100 },
+            ]"
+          />
+        </b-col>
+      </b-row>
+    </Collapse>
+  </div>
+</template>
+
+<script>
+import Collapse from "./Collapse.vue";
+import SelectStatic from "../forms/SelectStatic.vue";
+import Select from "../forms/Select";
+
+export default {
+  name: "ListViewWithHandlerData",
+  components: { Select, SelectStatic, Collapse },
+  props: {
+    showTotalPerPage: {
+      type: Boolean,
+      default: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.filter-horizontal {
+  margin-bottom: 5px;
+}
+</style>