@nixweb/nixloc-ui 0.0.127 → 0.0.128

package/src/component/template/ViewTemplateConfiguration.vue

@@ -1,63 +1,64 @@
-<template>
-  <div>
-    <div>
-      <slot name="content-buttons"></slot>
-      <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>

package/src/component/template/ViewTemplateDocumentView.vue

@@ -83,6 +83,7 @@
               <b-row>
                 <b-col class="text-center">
                   <Button
+                    v-if="false"
                     v-print="'#printMe'"
                     key="print"
                     type="edit"

package/src/component/template/ViewTemplateReportPreview.vue

@@ -26,7 +26,7 @@
                   type="primary"
                   title="Buscar"
                   classIcon="fas fa-file-search"
-                  :disabled="btnSaveDisabled || !rulesIsValid"
+                  :disabled="btnSearchDisabled || !rulesIsValid"
                   size="medium"
                   :clicked="getAll"
                 />
@@ -38,7 +38,7 @@
                   title="Salvar"
                   classIcon="fas fa-save"
                   size="small"
-                  :disabled="isLoading || !rulesIsValid"
+                  :disabled="isLoading || btnSaveDisabled || !rulesIsValid"
                   :params="{ name: 'save', title: 'Salvar', width: 550 }"
                   :clicked="executeOpenModal"
                 />
@@ -83,7 +83,11 @@
           </Alert>
         </div>
         <div class="body-report" v-show="showBodyReport && rulesIsValid">
-          <BodyReport :header="content.headerTable" :data="content.data" />
+          <Report
+            :header="content.headerTable"
+            :data="content.data"
+            :totalization="content.totalization"
+          />
         </div>
       </div>
     </Panel>
@@ -120,7 +124,7 @@ import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
 import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
 import Tags from "@nixweb/nixloc-ui/src/component/shared/query-builder/Tags.vue";
-import BodyReport from "../shared/BodyReport.vue";
+import Report from "../shared/Report.vue";
 
 import ReportCreateUpdate from "@nixweb/nixloc-ui/src/component/template/ReportCreateUpdate.vue";
 import Fields from "@nixweb/nixloc-ui/src/component/shared/query-builder/Fields.vue";
@@ -143,7 +147,7 @@ export default {
     Modal,
     Alert,
     Tags,
-    BodyReport,
+    Report,
     ReportCreateUpdate,
     Fields,
     Rules,
@@ -156,7 +160,7 @@ export default {
         headerTable: [],
         data: [],
         totalPages: [],
-        totalization: [],
+        totalization: {},
         noDataReturned: false,
       },
       baseParams: {
@@ -170,7 +174,8 @@ export default {
         title: "",
         width: 0,
       },
-      btnSaveDisabled: false,
+      btnSearchDisabled: false,
+      btnSaveDisabled: true,
       isLoading: false,
       showBodyReport: false,
     };
@@ -184,7 +189,7 @@ export default {
 
     if (this.id) this.getById();
 
-    if (!this.id) this.removeLoading(["panel"]);
+    if (!this.id) this.removeLoadingWithTime();
   },
   beforeDestroy() {
     this.removeInitialReportCustom();
@@ -206,15 +211,18 @@ export default {
           selectedRules: query.selectedRules,
         };
         this.addInitialReportCustom(report);
-        this.removeLoading(["panel"]);
+        this.removeLoadingWithTime();
       });
     },
     getAll() {
-      this.btnSaveDisabled = true;
+      this.btnSearchDisabled = true;
 
       if (this.rulesIsValid) {
         this.getTotalRecords();
         this.removeLoading(["btnSearchReport"]);
+
+        if (this.oDataFilter.totalization) this.totalization();
+        if (!this.oDataFilter.totalization) this.content.totalization = {};
       }
     },
     getTotalRecords() {
@@ -237,10 +245,20 @@ export default {
         this.showBodyReport = true;
       });
     },
+    totalization() {
+      let params = { url: this.urlTotalization };
+      this.getApiOdata(params).then((response) => {
+        const result = Object.entries(response[0]);
+        this.content.totalization = result;
+      });
+    },
     loadingOnlyIfOnePage(data) {
       this.content.data = data;
-      this.btnSaveDisabled = true;
-      this.isLoading = false;
+      this.btnSearchDisabled = true;
+      let self = this;
+      setTimeout(function () {
+        self.isLoading = false;
+      }, 350);
     },
     loadingOnlyIfManyPages() {
       let seq = 0;
@@ -280,6 +298,13 @@ export default {
       this.hideModal("templateReport");
       this.removeLoading(["btnApplyFieldsAndRules"]);
     },
+    removeLoadingWithTime() {
+      let self = this;
+      setTimeout(function () {
+        self.btnSaveDisabled = true;
+        self.removeLoading(["panel"]);
+      }, 350);
+    },
   },
   computed: {
     ...mapGetters("generic", ["showModal", "event"]),
@@ -297,11 +322,27 @@ export default {
       let baseUrl = `${this.templateList.urlGetApi}?${this.oDataSelect}&${this.oDataOrderBy}&${this.oDataFilter.query}&$skip=${skip}&$top=${this.baseParams.totalPerPage}&$count=true`;
       return baseUrl.replace("&&", "&");
     },
+    urlTotalization() {
+      let query = this.oDataFilter.query
+        ? `$apply=filter(${this.oDataFilter.query.replace("$filter=", "")})/`
+        : "$apply=";
+      let baseUrl = `${
+        this.templateList.urlGetApi
+      }?${query}aggregate(${this.oDataFilter.totalization.replace(",", "")})`;
+      return baseUrl;
+    },
     liveTotalRecords() {
       return this.content.data.length;
     },
   },
   watch: {
+    event: {
+      handler(event) {
+        console.log(event);
+        if (event.name == "savedReport") this.btnSaveDisabled = true;
+      },
+      deep: true,
+    },
     "content.totalPages": {
       handler(totalPages) {
         if (totalPages.length > 0) {
@@ -316,18 +357,21 @@ export default {
     },
     oDataFilter: {
       handler(totalPages) {
+        this.btnSearchDisabled = false;
         this.btnSaveDisabled = false;
       },
       deep: true,
     },
     oDataSelect: {
       handler(totalPages) {
+        this.btnSearchDisabled = false;
         this.btnSaveDisabled = false;
       },
       deep: true,
     },
     oDataOrderBy: {
       handler(totalPages) {
+        this.btnSearchDisabled = false;
         this.btnSaveDisabled = false;
       },
       deep: true,

package/src/component/template/ViewTemplateWithSalveCancel.vue

@@ -1,32 +1,32 @@
-<template>
-  <div>
-    <Panel
-      :module="panel.module"
-      :title="panel.title"
-      :showFilter="panel.showFilter"
-      :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons"
-    >
-      <div slot="content-buttons">
-        <slot name="content-buttons"></slot>
-      </div>
-      <div slot="content-main">
-        <slot name="content-main"></slot>
-      </div>
-    </Panel>
-    <SaveCancel :formName="panel.formName" />
-  </div>
-</template>
-
-<script>
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
-import SaveCancel from "@nixweb/nixloc-ui/src/component/shared/SaveCancel";
-
-export default {
-  name: "ViewTemplateCrud",
-  components: { Panel, SaveCancel },
-  props: {
-    panel: Object,
-  },
-};
-</script>
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showFilter="panel.showFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-buttons">
+        <slot name="content-buttons"></slot>
+      </div>
+      <div slot="content-main">
+        <slot name="content-main"></slot>
+      </div>
+    </Panel>
+    <SaveCancel :formName="panel.formName" />
+  </div>
+</template>
+
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import SaveCancel from "@nixweb/nixloc-ui/src/component/shared/SaveCancel";
+
+export default {
+  name: "ViewTemplateCrud",
+  components: { Panel, SaveCancel },
+  props: {
+    panel: Object,
+  },
+};
+</script>

package/src/component/template/ViewTemplateWithTable.vue

@@ -1,56 +1,56 @@
-<template>
-  <div>
-    <Panel
-      :module="panel.module"
-      :title="panel.title"
-      :showVerticalFilter="panel.showVerticalFilter"
-      :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons"
-    >
-      <div slot="content-filter-vertical">
-        <slot name="content-filter-vertical"></slot>
-      </div>
-      <div slot="content-buttons">
-        <slot name="content-buttons"></slot>
-      </div>
-      <div slot="content-main">
-        <Molded>
-          <ListViewWithDataHandler
-            :templateList="templateList"
-            :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>
-        </Molded>
-      </div>
-    </Panel>
-  </div>
-</template>
-
-<script>
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-
-import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
-
-export default {
-  name: "TemplateView",
-  components: { Panel, Molded, ListViewWithDataHandler },
-  props: {
-    panel: Object,
-    templateList: Object,
-    buttonRemove: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showVerticalFilter="panel.showVerticalFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-filter-vertical">
+        <slot name="content-filter-vertical"></slot>
+      </div>
+      <div slot="content-buttons">
+        <slot name="content-buttons"></slot>
+      </div>
+      <div slot="content-main">
+        <Molded>
+          <ListViewWithDataHandler
+            :templateList="templateList"
+            :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>
+        </Molded>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
+
+export default {
+  name: "TemplateView",
+  components: { Panel, Molded, ListViewWithDataHandler },
+  props: {
+    panel: Object,
+    templateList: Object,
+    buttonRemove: {
+      type: Boolean,
+      default: true,
+    },
+  },
+};
+</script>

package/src/component/value-objects/Contact.vue

@@ -10,6 +10,7 @@
           :maxLength="20"
           :required="required"
           v-model="contact.phone"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
@@ -21,6 +22,7 @@
           :maxLength="100"
           :required="required"
           v-model="contact.webSite"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
@@ -32,6 +34,7 @@
           :maxLength="100"
           :required="required"
           v-model="contact.email"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
@@ -53,6 +56,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
     value: Object,
   },
   components: { InputText, Button },

package/src/component/value-objects/Person.vue

@@ -5,11 +5,13 @@
         <RadioGroup
           field="typePerson"
           :formName="formName"
+          v-show="showTypePerson"
           :options="[
             { text: 'Física', value: 1 },
             { text: 'Jurídica', value: 2 },
           ]"
           v-model="person.typePerson"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
@@ -23,6 +25,7 @@
           :maxLength="30"
           :required="required"
           v-model="person.document"
+          :markFormDirty="markFormDirty"
           ><div class="glyphicon margin-button">
             <Button
               v-if="person.typePerson == 2"
@@ -43,6 +46,7 @@
           :maxLength="50"
           :required="required"
           v-model="person.stateInscription"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
@@ -54,6 +58,7 @@
           :maxLength="50"
           :required="required"
           v-model="person.municipalInscription"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
@@ -67,6 +72,7 @@
           :required="true"
           :maxLength="100"
           v-model="person.companyName"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
@@ -77,6 +83,7 @@
           :required="true"
           :maxLength="100"
           v-model="person.tradeName"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
@@ -99,6 +106,14 @@ export default {
       type: Boolean,
       default: false,
     },
+    showTypePerson: {
+      type: Boolean,
+      default: true,
+    },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
     value: Object,
   },
   components: { RadioGroup, InputText, Button },

package/src/config/axios.js

@@ -1,9 +1,9 @@
-import axios from "axios";
-
-const BASE_URL = process.env.VUE_APP_API_URL;
-
-const api = axios.create({
-  baseURL: BASE_URL,
-});
-
-export default api;
+import axios from "axios";
+
+const BASE_URL = process.env.VUE_APP_API_URL;
+
+const api = axios.create({
+  baseURL: BASE_URL,
+});
+
+export default api;

package/src/config/dicas.js

@@ -1,15 +1,15 @@
-const dicas = [];
-
-const manutencao = [
-  // { formName: "opcoesFaturamento", field: "unificar", title: "Unificar Cliente", description: "Ao marcar essa opção" },
-
-];
-
-
-manutencao.forEach(function (obj) {
-  dicas.push(obj);
-});
-
-
-
+const dicas = [];
+
+const manutencao = [
+  // { formName: "opcoesFaturamento", field: "unificar", title: "Unificar Cliente", description: "Ao marcar essa opção" },
+
+];
+
+
+manutencao.forEach(function (obj) {
+  dicas.push(obj);
+});
+
+
+
 export default dicas;

package/src/config/router.js

@@ -1,14 +1,14 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-
-Vue.use(Router)
-
-const router = new Router({
-  mode: 'history',
-  routes: [
-    { path: '/', redirect: { name: "" } },
-   
-  ],
-})
-
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+const router = new Router({
+  mode: 'history',
+  routes: [
+    { path: '/', redirect: { name: "" } },
+   
+  ],
+})
+
 export default router