@nixweb/nixloc-ui 1.17.0 → 1.20.0

package/@nixweb/nixloc-ui/src/component/template/ReportCreateUpdate.vue

@@ -1,110 +1,110 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="12">
-        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40" v-model="report.name"
-          :markFormDirty="false" />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button _key="btnSaveReport" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save" size="medium" :clicked="saveReport" />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import Report from "@nixweb/nixloc-ui/src/component/template/model/Report.js";
-
-import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ReportCreateUpdate",
-  components: { Button, InputText },
-  props: {
-    module: String,
-  },
-  data() {
-    return {
-      formName: "reportCreateUpdate",
-      report: new Report(),
-      urlCreate: "/api/v1/shared/report/create",
-      urlUpdate: "/api/v1/shared/report/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-    ...mapState("report", ["selectedFields", "selectedRules"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["removeLoading", "addEvent", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveReport() {
-      var custom = this.report.id ? "" : "Custom";
-      const query = {
-        routeName: `${this.$route.name}${custom}`,
-        selectedFields: {
-          orderBy: this.selectedFields.orderBy,
-          selected: this.selectedFields.selected,
-          sort: this.selectedFields.sort,
-        },
-        selectedRules: this.selectedRules,
-      };
-      let obj = {
-        id: this.report.id,
-        name: this.report.name,
-        module: this.module,
-        query: JSON.stringify(query),
-      };
-      if (this.report.id) {
-        let params = { url: this.urlUpdate, obj: obj };
-        this.putApi(params).then((response) => {
-          if (response.success) {
-            this.sendEvent();
-            this.hideModal();
-          }
-          this.removeLoading(["btnSaveReport"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: obj };
-        this.postApi(params).then((response) => {
-          if (response.success) {
-            const query = JSON.parse(response.content.query);
-            this.$router.replace({
-              name: query.routeName,
-              params: { id: response.content.id, name: response.content.name },
-            });
-            this.sendEvent();
-            this.hideModal();
-          }
-          this.removeLoading(["btnSaveReport"]);
-        });
-      }
-    },
-    sendEvent() {
-      this.addEvent({ name: "savedReport" });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "saveReport") {
-          this.report.id = this.$route.params.id;
-          if (this.report.id) this.report.name = this.$route.params.name;
-          this.saveReport();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40" v-model="report.name"
+          :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="btnSaveReport" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveReport" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import Report from "@nixweb/nixloc-ui/src/component/template/model/Report.js";
+
+import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ReportCreateUpdate",
+  components: { Button, InputText },
+  props: {
+    module: String,
+  },
+  data() {
+    return {
+      formName: "reportCreateUpdate",
+      report: new Report(),
+      urlCreate: "/api/v1/shared/report/create",
+      urlUpdate: "/api/v1/shared/report/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+    ...mapState("report", ["selectedFields", "selectedRules"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "addEvent", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveReport() {
+      var custom = this.report.id ? "" : "Custom";
+      const query = {
+        routeName: `${this.$route.name}${custom}`,
+        selectedFields: {
+          orderBy: this.selectedFields.orderBy,
+          selected: this.selectedFields.selected,
+          sort: this.selectedFields.sort,
+        },
+        selectedRules: this.selectedRules,
+      };
+      let obj = {
+        id: this.report.id,
+        name: this.report.name,
+        module: this.module,
+        query: JSON.stringify(query),
+      };
+      if (this.report.id) {
+        let params = { url: this.urlUpdate, obj: obj };
+        this.putApi(params).then((response) => {
+          if (response.success) {
+            this.sendEvent();
+            this.hideModal();
+          }
+          this.removeLoading(["btnSaveReport"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: obj };
+        this.postApi(params).then((response) => {
+          if (response.success) {
+            const query = JSON.parse(response.content.query);
+            this.$router.replace({
+              name: query.routeName,
+              params: { id: response.content.id, name: response.content.name },
+            });
+            this.sendEvent();
+            this.hideModal();
+          }
+          this.removeLoading(["btnSaveReport"]);
+        });
+      }
+    },
+    sendEvent() {
+      this.addEvent({ name: "savedReport" });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveReport") {
+          this.report.id = this.$route.params.id;
+          if (this.report.id) this.report.name = this.$route.params.name;
+          this.saveReport();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration.vue

@@ -1,64 +1,64 @@
-<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>
+<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>