@nixweb/nixloc-ui 0.0.125 → 0.0.128

package/src/component/template/ViewTemplateConfiguration.vue

@@ -1,69 +1,64 @@
-<template>
-  <div>
-    <Loading :center="false" v-show="carregando('modeloSubView')" />
-    <div v-show="!carregando('modeloSubView')">
-      <slot name="content-buttons"></slot>
-      <div v-if="showSearch">
-        <Search />
-        <br />
-      </div>
-
-      <ListViewWithHandlerData
-        :templateList="templateList"
-        :propsParam="propsParam"
-        :showMolded="false"
-        :showHorizontalFilter="showHorizontalFilter"
-        :buttonRemove="buttonRemove"
-      >
-        <div slot="content-buttons-table-header">
-          <slot name="content-buttons-table-header"></slot>
-        </div>
-        <div slot="content-filter-horizontal">
-          <slot name="content-filter-horizontal"></slot>
-        </div>
-        <div slot="content-buttons-table">
-          <slot name="content-buttons-table"></slot>
-        </div>
-      </ListViewWithHandlerData>
-    </div>
-  </div>
-</template>
-
-<script>
-import Search from "../shared/Search.vue";
-import Loading from "../shared/Loading.vue";
-
-import ListViewWithHandlerData from "@nixweb/nixloc-ui/src/component/template/ListViewWithHandlerData.vue";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ViewTemplateConfiguration",
-  components: { Search, Loading, ListViewWithHandlerData },
-  props: {
-    templateList: Object,
-    propsParam: Object,
-    showSearch: {
-      type: Boolean,
-      default: true,
-    },
-    showHorizontalFilter: {
-      type: Boolean,
-      default: true,
-    },
-    buttonRemove: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  computed: {
-    ...mapGetters("generic", ["carregando"]),
-  },
-  created() {
-    this.addLoading("modeloSubView");
-  },
-  methods: {
-    ...mapMutations("generic", ["addLoading"]),
-  },
-};
-</script>
+<template>
+  <div>
+    <div>
+      <slot name="content-buttons"></slot>
+      <br v-if="templateList.dragAndDrop" />
+      <div v-if="showSearch">
+        <Search />
+        <br />
+      </div>
+      <ListViewWithDataHandler
+        :templateList="templateList"
+        :propsParam="propsParam"
+        :showMolded="false"
+        :showHorizontalFilter="showHorizontalFilter"
+        :buttonRemove="buttonRemove"
+      >
+        <div slot="content-buttons-table-header">
+          <slot name="content-buttons-table-header"></slot>
+        </div>
+        <div slot="content-filter-horizontal">
+          <slot name="content-filter-horizontal"></slot>
+        </div>
+        <div slot="content-buttons-table">
+          <slot name="content-buttons-table"></slot>
+        </div>
+      </ListViewWithDataHandler>
+    </div>
+  </div>
+</template>
+
+<script>
+import Search from "../shared/Search.vue";
+
+import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "ViewTemplateConfiguration",
+  components: { Search, ListViewWithDataHandler },
+  props: {
+    templateList: Object,
+    propsParam: Object,
+    showSearch: {
+      type: Boolean,
+      default: true,
+    },
+    showHorizontalFilter: {
+      type: Boolean,
+      default: true,
+    },
+    buttonRemove: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  created() {
+    this.addLoading("loadingLine");
+  },
+  methods: {
+    ...mapMutations("generic", ["addLoading"]),
+  },
+};
+</script>

package/src/component/template/ViewTemplateDocumentView.vue

@@ -15,7 +15,7 @@
                 <b-col sm="6">
                   <div class="side-by-side">
                     <Button
-                      key="saveDocument"
+                      _key="saveDocument"
                       type="success"
                       title="Salvar"
                       classIcon="fas fa-save"
@@ -27,7 +27,7 @@
                   <div class="side-by-side">
                     <Button
                       v-if="id"
-                      key="saveAs"
+                      _key="saveAs"
                       type="success"
                       title="Fazer uma cópia"
                       classIcon="fas fa-clone"
@@ -73,7 +73,7 @@
             <slot></slot>
           </Modal>
           <Modal title="Parâmetros" :width="1100" v-if="showModal('legenda')">
-            <LegendaParametro v-if="modal.open" :legenda="legenda" />
+            <ParameterLegend v-if="modal.open" :legend="parameterLegend" />
           </Modal>
           <Modal title="Editor de Código" :width="900" v-if="showModal('code')">
             <CodeEditor v-if="modal.open" />
@@ -83,6 +83,7 @@
               <b-row>
                 <b-col class="text-center">
                   <Button
+                    v-if="false"
                     v-print="'#printMe'"
                     key="print"
                     type="edit"
@@ -98,7 +99,10 @@
                 <div>
                   <div class="a4">
                     <div id="printMe">
-                      <DocumentPreview :template="documentoPreview" :d="data" />
+                      <DocumentPreview
+                        :template="documentPreview"
+                        :d="parameterExemple"
+                      />
                     </div>
                   </div>
                 </div>
@@ -115,12 +119,11 @@
 </template>
 
 <script>
-
 import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
 import DocumentEditor from "@nixweb/nixloc-ui/src/component/shared/DocumentEditor.vue";
 import DocumentPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentPreview.vue";
 import CodeEditor from "@nixweb/nixloc-ui/src/component/shared/CodeEditor.vue";
-import LegendaParametro from "@nixweb/nixloc-ui/src/component/shared/LegendaParametro.vue";
+import ParameterLegend from "@nixweb/nixloc-ui/src/component/shared/ParameterLegend.vue";
 import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
@@ -140,7 +143,7 @@ export default {
     DocumentEditor,
     DocumentPreview,
     CodeEditor,
-    LegendaParametro,
+    ParameterLegend,
     Molded,
     Button,
     Modal,
@@ -148,8 +151,8 @@ export default {
   },
   props: {
     panel: Object,
-    data: Object,
-    legenda: Array,
+    parameterExemple: Object,
+    parameterLegend: Array,
   },
   data() {
     return {
@@ -159,36 +162,31 @@ export default {
   },
   computed: {
     ...mapState("generic", ["modal", "documentHtml"]),
-    ...mapGetters("generic", ["showModal", "event", "documentoPreview"]),
+    ...mapGetters("generic", ["showModal", "event", "documentPreview"]),
   },
   methods: {
-    ...mapMutations("generic", [
-      "showModal",
-      "hideModal",
-      "removeLoading",
-      "addEvent",
-    ]),
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading", "addEvent"]),
     saveDocument() {
       if (this.id) {
-        this.addEvent({ nome: "saveDocument" });
+        this.addEvent({ name: "saveDocument" });
       } else {
-        this.showModal("saveDocument");
+        this.openModal("saveDocument");
         this.removeLoading(["saveDocument"]);
       }
     },
     saveAs() {
-      this.addEvent({ nome: "saveAs" });
+      this.addEvent({ name: "saveAs" });
     },
     showModalLegend() {
-      this.showModal("legenda");
+      this.openModal("legenda");
       this.removeLoading(["showModalLegend"]);
     },
     showModalCode() {
-      this.showModal("code");
+      this.openModal("code");
       this.removeLoading(["showModalCode"]);
     },
     showModalPreview() {
-      this.showModal("preview");
+      this.openModal("preview");
       this.removeLoading(["showModalPreview"]);
     },
     print() {
@@ -198,8 +196,8 @@ export default {
   watch: {
     event: {
       handler(event) {
-        if (event.nome == "documentoEditorModificado") this.isDisabled = true;
-        if (event.nome == "documentEditorChanged") this.isDisabled = false;
+        if (event.name == "documentEditorModified") this.isDisabled = true;
+        if (event.name == "documentEditorChanged") this.isDisabled = false;
       },
       deep: true,
     },
@@ -223,5 +221,4 @@ export default {
   box-shadow: 0 0 5px hsl(0deg 0% 0% / 10%);
   margin: 0 auto;
 }
-
 </style>

package/src/component/template/ViewTemplateReportList.vue

@@ -9,10 +9,10 @@
     >
       <div slot="content-main">
         <b-row>
-          <b-col xs="12" sm="12" md="12" lg="6" xl="6" v-if="todos.salvo.length > 0">
-            <div><i class="fas fa-file-alt icon-salvo"></i> Personalizado</div>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6" v-if="allReports.saved.length > 0">
+            <div><i class="fas fa-file-alt icon-saved"></i> Personalizado</div>
             <hr class="hr" />
-            <div class="div-molded" v-for="report in todos.salvo">
+            <div class="div-molded" v-for="report in allReports.saved">
               <div>
                 <Molded :borderRadius="12">
                   <b-row>
@@ -20,14 +20,14 @@
                       <i class="fas fa-file-alt icon-report"></i>
                     </b-col>
                     <b-col sm="10" @click="navegateTo(report)">
-                      <div>{{ report.nome }}</div>
+                      <div>{{ report.name }}</div>
                     </b-col>
                     <b-col sm="1">
                       <Confirmation
-                        title="Deseja excluir?"
+                        title="Deseja delete?"
                         type="danger"
                         :data="report"
-                        :confirmed="excluir"
+                        :confirmed="confirmDelete"
                       >
                         <div class="text-right">
                           <i class="fas fa-times-circle icon-remove"></i>
@@ -42,7 +42,7 @@
           <b-col xs="12" sm="12" md="12" lg="6" xl="6">
             <div><i class="fas fa-file-chart-line"></i> Padrão</div>
             <hr class="hr" />
-            <div class="div-molded" v-for="report in todos.padrao">
+            <div class="div-molded" v-for="report in allReports.default">
               <div>
                 <Molded :borderRadius="12">
                   <b-row>
@@ -50,7 +50,7 @@
                       <i class="fas fa-file-alt icon-report"></i>
                     </b-col>
                     <b-col sm="11" @click="navegateTo(report)">
-                      <div class="side-by-side">{{ report.nome }}</div>
+                      <div class="side-by-side">{{ report.name }}</div>
                     </b-col>
                   </b-row>
                 </Molded>
@@ -68,20 +68,20 @@ import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
 import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation";
 
-import { mapState, mapActions, mapMutations } from "vuex";
+import { _default, mapState, mapActions, mapMutations } from "vuex";
 
 export default {
   name: "TemplateReportListView",
   components: { Panel, Molded, Confirmation },
   props: {
     panel: Object,
-    relatorios: Object,
+    reports: Object,
   },
   data() {
     return {
-      todos: { salvo: [] },
-      urlObterTodos: "/api/v1/shared/relatorio/obter-todos",
-      urlRemover: "/api/v1/shared/relatorio/remove",
+      allReports: { saved: [] },
+      urlGetAll: "/api/v1/shared/report/get-all",
+      urlDelete: "/api/v1/shared/report/delete",
     };
   },
   computed: {
@@ -89,59 +89,41 @@ export default {
   },
   mounted() {
     this.getAll();
-    this.todos = JSON.parse(JSON.stringify(this.relatorios)); // remove observable
+    this.allReports = JSON.parse(JSON.stringify(this.reports)); // remove observable
   },
   methods: {
     ...mapMutations("generic", ["removeLoading"]),
-    ...mapMutations("report", [
-      "atualizaFiltroSelecionado",
-      "atualizaCampoOrdenado",
-      "updateOptionsInitValue",
-      "atualizaConsultaFiltro",
-    ]),
     ...mapActions("generic", ["getApi", "deleteAllApi"]),
     getAll() {
       let obj = { module: this.panel.module };
-      let params = { url: this.urlObterTodos, obj: obj };
+      let params = { url: this.urlGetAll, obj: obj };
       this.getApi(params).then((response) => {
-        this.todos.salvo = [];
+        this.allReports.saved = [];
         let self = this;
         response.content.data.forEach((item) => {
           const query = JSON.parse(item.query);
           let obj = {
             id: item.id,
-            nome: item.nome,
+            name: item.name,
             routeName: query.routeName,
-            filter: query.filter,
-            field: query.field,
-            ordenacao: query.ordenacao,
           };
-          self.todos.salvo.push(obj);
+          self.allReports.saved.push(obj);
         });
         this.removeLoading(["panel"]);
       });
     },
     navegateTo(report) {
-      if (report.filter) {
-        let filtroSelecionado = { logicalOperator: "all", children: report.filter };
-        this.updateOptionsInitValue(report.field);
-        this.atualizaCampoOrdenado(report.ordenacao);
-        this.atualizaFiltroSelecionado(filtroSelecionado);
-        this.atualizaConsultaFiltro(filtroSelecionado);
-      } else {
-        this.updateOptionsInitValue([]);
-      }
       this.$router.push({
         name: report.routeName,
-        params: { id: report.id, nome: report.nome },
+        params: { id: report.id, name: report.name },
       });
     },
-    excluir(data) {
+    confirmDelete(data) {
       let selected = [];
       selected.push(data.id);
 
       let params = {
-        url: this.urlRemover,
+        url: this.urlDelete,
         selected: selected,
       };
 
@@ -152,42 +134,42 @@ export default {
   },
   watch: {
     executedSearch: function () {
-      let padrao = [];
-      let salvo = [];
+      let _default = [];
+      let saved = [];
       let self = this;
       setTimeout(function () {
-        self.todos.padrao.forEach(function (item) {
-          if (self.search.filter.content == "igual") {
-            if (item.nome == self.search.content) padrao.push(item);
+        self.allReports.default.forEach(function (item) {
+          if (self.search.filter.id == "equal") {
+            if (item.name == self.search.content) _default.push(item);
           }
 
-          if (self.search.filter.content == "contem") {
-            if (item.nome.includes(self.search.content)) padrao.push(item);
+          if (self.search.filter.id == "contains") {
+            if (item.name.includes(self.search.content)) _default.push(item);
           }
         });
 
-        self.todos.salvo.forEach(function (item) {
-          if (self.search.filter.content == "igual") {
-            if (item.nome == self.search.content) salvo.push(item);
+        self.allReports.saved.forEach(function (item) {
+          if (self.search.filter.content == "equal") {
+            if (item.name == self.search.content) saved.push(item);
           }
 
-          if (self.search.filter.content == "contem") {
-            if (item.nome.includes(self.search.content)) salvo.push(item);
+          if (self.search.filter.content == "contains") {
+            if (item.name.includes(self.search.content)) saved.push(item);
           }
         });
 
-        self.todos.salvo = salvo;
-        self.todos.padrao = padrao;
+        self.allReports.saved = saved;
+        self.allReports.default = _default;
 
-        self.removeLoading(["search", "clean"]);
+        self.removeLoading(["btnSearch", "btnClean"]);
       }, 300);
     },
     clearedSearch: function () {
       let self = this;
       setTimeout(function () {
-        self.todos = self.relatorios;
+        self.allReports = self.reports;
         self.getAll();
-        self.removeLoading(["search", "clean"]);
+        self.removeLoading(["btnSearch", "btnClean"]);
       }, 300);
     },
   },
@@ -195,7 +177,7 @@ export default {
 </script>
 
 <style scoped>
-.icon-salvo {
+.icon-saved {
   color: #94aa2a;
 }