@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/component/report/ReportTable.vue

@@ -1,112 +1,112 @@
-<template>
-    <div>
-        <table class="table table-responsive-md">
-            <thead>
-                <tr>
-                    <th v-for="(obj, ind) in header" :key="ind">
-                        <div class="title-margem" :class="obj.classCssTitle" :style="obj.styleHeader">
-                            <i class="fas fa-search" v-if="obj.iconSearch"></i>
-                            <span class="title-header"> {{ obj.title }}</span>
-                        </div>
-                    </th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr class="div-row" v-for="(row, index) in data" :key="index" :style="row.rowCss">
-                    <td v-for="(obj, ind) in header" :key="ind">
-                        <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)"
-                            :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
-                            {{ row[obj.field] }}
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-            <tbody v-show="data.length == 0">
-                <tr>
-                    <td colspan="12">
-                        <span>Nenhum registro encontrado!</span>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-
-</template>
-<script>
-
-import { mapMutations } from "vuex";
-
-export default {
-    name: "ReportTable",
-    props: ["header", "data"],
-    methods: {
-        ...mapMutations("generic", ["addEvent"]),
-        convertClass(fieldComparison, classCssBody) {
-            if (Array.isArray(classCssBody)) {
-                let ret = [];
-                classCssBody.forEach(function (value) {
-                    let classCss = value.classCss;
-                    let condition = value.fieldComparison == fieldComparison;
-                    let obj = { [classCss]: condition };
-                    ret.push(obj);
-                });
-                return ret;
-            } else {
-                return classCssBody;
-            }
-        },
-        sendEvent(eventName, data) {
-            if (eventName) this.addEvent({ name: eventName, data: data });
-        }
-    },
-}
-
-</script>
-<style scoped>
-table tbody tr td {
-    width: 1100px;
-}
-
-.table thead tr {
-    border-top: 1px solid black;
-    border-bottom: 1px solid black;
-}
-
-.table th,
-.table td {
-    height: 10px !important;
-    padding-left: 0px !important;
-    padding-top: 0px !important;
-    padding-bottom: 0px !important;
-    padding-right: 5px !important;
-    border-bottom: 0px !important;
-    border-top: 0px !important;
-    font-size: 13px !important;
-}
-
-.title-header {
-    font-size: 12px;
-    color: #757d8c;
-    font-weight: 400;
-    text-transform: uppercase;
-}
-
-.table-number {
-    font-size: 12px;
-    font-weight: bold;
-}
-
-.table-main {
-    color: #757d8c;
-    max-width: 200px;
-}
-
-.table-currency {
-    font-size: 12px;
-    min-width: 100px;
-}
-
-.div-row {
-    border-bottom: 1px solid #D3D3D3;
-}
+<template>
+    <div>
+        <table class="table table-responsive-md">
+            <thead>
+                <tr>
+                    <th v-for="(obj, ind) in header" :key="ind">
+                        <div class="title-margem" :class="obj.classCssTitle" :style="obj.styleHeader">
+                            <i class="fas fa-search" v-if="obj.iconSearch"></i>
+                            <span class="title-header"> {{ obj.title }}</span>
+                        </div>
+                    </th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="div-row" v-for="(row, index) in data" :key="index" :style="row.rowCss">
+                    <td v-for="(obj, ind) in header" :key="ind">
+                        <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)"
+                            :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
+                            {{ row[obj.field] }}
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+            <tbody v-show="data.length == 0">
+                <tr>
+                    <td colspan="12">
+                        <span>Nenhum registro encontrado!</span>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+</template>
+<script>
+
+import { mapMutations } from "vuex";
+
+export default {
+    name: "ReportTable",
+    props: ["header", "data"],
+    methods: {
+        ...mapMutations("generic", ["addEvent"]),
+        convertClass(fieldComparison, classCssBody) {
+            if (Array.isArray(classCssBody)) {
+                let ret = [];
+                classCssBody.forEach(function (value) {
+                    let classCss = value.classCss;
+                    let condition = value.fieldComparison == fieldComparison;
+                    let obj = { [classCss]: condition };
+                    ret.push(obj);
+                });
+                return ret;
+            } else {
+                return classCssBody;
+            }
+        },
+        sendEvent(eventName, data) {
+            if (eventName) this.addEvent({ name: eventName, data: data });
+        }
+    },
+}
+
+</script>
+<style scoped>
+table tbody tr td {
+    width: 1100px;
+}
+
+.table thead tr {
+    border-top: 1px solid black;
+    border-bottom: 1px solid black;
+}
+
+.table th,
+.table td {
+    height: 10px !important;
+    padding-left: 0px !important;
+    padding-top: 0px !important;
+    padding-bottom: 0px !important;
+    padding-right: 5px !important;
+    border-bottom: 0px !important;
+    border-top: 0px !important;
+    font-size: 13px !important;
+}
+
+.title-header {
+    font-size: 12px;
+    color: #757d8c;
+    font-weight: 400;
+    text-transform: uppercase;
+}
+
+.table-number {
+    font-size: 12px;
+    font-weight: bold;
+}
+
+.table-main {
+    color: #757d8c;
+    max-width: 200px;
+}
+
+.table-currency {
+    font-size: 12px;
+    min-width: 100px;
+}
+
+.div-row {
+    border-bottom: 1px solid #D3D3D3;
+}
 </style>

package/src/component/report/Totalization.vue

@@ -1,34 +1,34 @@
-<template>
-    <div>
-        <hr class="hr-report" />
-        <div class="text-right" v-for="item in totalization" :key="item.title">
-            <b-row>
-                <b-col sm="10">
-                    <span>
-                        <span class="title-report-header">
-                            {{ item.title }} ..................
-                        </span>
-                    </span>
-                </b-col>
-                <b-col sm="2">
-                    {{ item.value }}
-                </b-col>
-            </b-row>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "Totalization",
-    props: ["totalization"],
-
-}
-
-</script>
-<style scoped>
-.hr-report {
-    background: black !important;
-    height: 0px !important;
-}
+<template>
+    <div>
+        <hr class="hr-report" />
+        <div class="text-right" v-for="item in totalization" :key="item.title">
+            <b-row>
+                <b-col sm="10">
+                    <span>
+                        <span class="title-report-header">
+                            {{ item.title }} ..................
+                        </span>
+                    </span>
+                </b-col>
+                <b-col sm="2">
+                    {{ item.value }}
+                </b-col>
+            </b-row>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "Totalization",
+    props: ["totalization"],
+
+}
+
+</script>
+<style scoped>
+.hr-report {
+    background: black !important;
+    height: 0px !important;
+}
 </style>

package/src/component/shared/CodeEditor.vue

@@ -1,128 +1,128 @@
-<template>
-  <div>
-    <div class="div-download title" @click="download">
-      <i class="fa-solid fa-download icon-download"></i>
-      <span class="title-download">Baixar</span>
-    </div>
-    <AceEditor v-model="code" lang="html" @init="editorInit" theme="monokai" width="100%" height="400px" :options="{
-      enableBasicAutocompletion: true,
-      enableLiveAutocompletion: true,
-      fontSize: 15,
-      highlightActiveLine: true,
-      enableSnippets: false,
-      showLineNumbers: true,
-      tabSize: 2,
-      showPrintMargin: false,
-      showGutter: true,
-    }" />
-    <div v-if="!editMode" class="apply">
-      <b-row>
-        <b-col class="text-right">
-          <Button key="applyCode" type="primary" title="Aplicar" classIcon="far fa-code" size="small"
-            :clicked="apply" />
-        </b-col>
-      </b-row>
-    </div>
-  </div>
-</template>
-
-<script>
-import AceEditor from "vuejs-ace-editor";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import { mapMutations, mapState } from "vuex";
-
-export default {
-  name: "CodeEditor",
-  props: {
-    editMode: Boolean
-  },
-  components: {
-    AceEditor,
-    Button,
-  },
-  data() {
-    return {
-      code: "",
-    };
-  },
-  mounted() {
-    this.code = this.editMode ? this.documentHtmlFinal : this.documentHtml;
-  },
-  computed: {
-    ...mapState("generic", ["documentHtml", "documentHtmlFinal"]),
-  },
-  methods: {
-    ...mapMutations("generic", [
-      "updateDocumentHtml",
-      "updateDocumentHtmlFinal",
-      "hideModal",
-      "removeLoading",
-    ]),
-    apply() {
-      this.updateDocumentHtml(this.code);
-      this.hideModal("code");
-      this.removeLoading(["applyCode"]);
-    },
-    editorInit: function () {
-      require("brace/ext/language_tools"); //language extension prerequsite...
-      require("brace/mode/html");
-      require("brace/mode/javascript"); //language
-      require("brace/mode/less");
-      require("brace/theme/monokai");
-      require("brace/snippets/javascript"); //snippet
-    },
-    download() {
-      const blob = new Blob([this.code], { type: 'text/plain' });
-      const link = document.createElement('a');
-      link.href = URL.createObjectURL(blob);
-      link.download = 'arquivo.txt';
-      link.click();
-      URL.revokeObjectURL(link.href);
-    }
-  },
-  watch: {
-    code: {
-      handler(code) {
-        this.updateDocumentHtmlFinal(this.code);
-      },
-      deep: true,
-    },
-    documentHtml: {
-      handler(documentHtml) {
-        this.code = documentHtml;
-      },
-      deep: true,
-    },
-    documentHtmlFinal: {
-      handler(documentHtmlFinal) {
-        this.code = documentHtmlFinal;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.apply {
-  margin-top: 10px;
-}
-
-.div-download {
-  cursor: pointer;
-  margin-bottom: 5px;
-}
-
-.title-download {
-  margin-left: 6px;
-  font-size: 14px;
-}
-
-.title-download:hover {
-  text-decoration: underline;
-}
-
-.icon-download {
-  font-size: 18px;
-}
-</style>
+<template>
+  <div>
+    <div class="div-download title" @click="download">
+      <i class="fa-solid fa-download icon-download"></i>
+      <span class="title-download">Baixar</span>
+    </div>
+    <AceEditor v-model="code" lang="html" @init="editorInit" theme="monokai" width="100%" height="400px" :options="{
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true,
+      fontSize: 15,
+      highlightActiveLine: true,
+      enableSnippets: false,
+      showLineNumbers: true,
+      tabSize: 2,
+      showPrintMargin: false,
+      showGutter: true,
+    }" />
+    <div v-if="!editMode" class="apply">
+      <b-row>
+        <b-col class="text-right">
+          <Button key="applyCode" type="primary" title="Aplicar" classIcon="far fa-code" size="small"
+            :clicked="apply" />
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import AceEditor from "vuejs-ace-editor";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapMutations, mapState } from "vuex";
+
+export default {
+  name: "CodeEditor",
+  props: {
+    editMode: Boolean
+  },
+  components: {
+    AceEditor,
+    Button,
+  },
+  data() {
+    return {
+      code: "",
+    };
+  },
+  mounted() {
+    this.code = this.editMode ? this.documentHtmlFinal : this.documentHtml;
+  },
+  computed: {
+    ...mapState("generic", ["documentHtml", "documentHtmlFinal"]),
+  },
+  methods: {
+    ...mapMutations("generic", [
+      "updateDocumentHtml",
+      "updateDocumentHtmlFinal",
+      "hideModal",
+      "removeLoading",
+    ]),
+    apply() {
+      this.updateDocumentHtml(this.code);
+      this.hideModal("code");
+      this.removeLoading(["applyCode"]);
+    },
+    editorInit: function () {
+      require("brace/ext/language_tools"); //language extension prerequsite...
+      require("brace/mode/html");
+      require("brace/mode/javascript"); //language
+      require("brace/mode/less");
+      require("brace/theme/monokai");
+      require("brace/snippets/javascript"); //snippet
+    },
+    download() {
+      const blob = new Blob([this.code], { type: 'text/plain' });
+      const link = document.createElement('a');
+      link.href = URL.createObjectURL(blob);
+      link.download = 'arquivo.txt';
+      link.click();
+      URL.revokeObjectURL(link.href);
+    }
+  },
+  watch: {
+    code: {
+      handler(code) {
+        this.updateDocumentHtmlFinal(this.code);
+      },
+      deep: true,
+    },
+    documentHtml: {
+      handler(documentHtml) {
+        this.code = documentHtml;
+      },
+      deep: true,
+    },
+    documentHtmlFinal: {
+      handler(documentHtmlFinal) {
+        this.code = documentHtmlFinal;
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.apply {
+  margin-top: 10px;
+}
+
+.div-download {
+  cursor: pointer;
+  margin-bottom: 5px;
+}
+
+.title-download {
+  margin-left: 6px;
+  font-size: 14px;
+}
+
+.title-download:hover {
+  text-decoration: underline;
+}
+
+.icon-download {
+  font-size: 18px;
+}
+</style>