@nixweb/nixloc-ui 0.0.124 → 0.0.127

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;
 }