@nixweb/nixloc-ui 1.19.0 → 1.20.0

package/src/component/shared/query-builder/ConvertToOdata.js

@@ -1,86 +1,86 @@
-export default class ConvertToOdata {
-    convertRule(rule) {
-        let operator = rule.operator;
-
-        if (operator === "igual" && rule.typeField === "text") return `${rule.name} eq '${rule.value}'`;
-        if (operator === "diferente" && rule.typeField === "text") return `${rule.name} ne '${rule.value}'`;
-        if (operator === "contem") return `contains(${rule.name},'${rule.value}')`;
-
-        if (operator === "igual" && rule.typeField === "numeric") return `${rule.name} eq ${rule.value}`;
-        if (operator === "diferente" && rule.typeField === "numeric") return `${rule.name} ne ${rule.value}`;
-        if (operator === "menor") return `${rule.name} lt ${rule.value}`;
-        if (operator === "menor ou igual") return `${rule.name} le ${rule.value}`;
-        if (operator === "maior") return `${rule.name} gt ${rule.value}`;
-        if (operator === "maior ou igual") return `${rule.name} ge ${rule.value}`;
-
-        if (rule.typeField === "dateTime") return this.convertDateTime(rule);
-        if (rule.typeField === "select") return this.convertSelect(rule.name, rule.value);
-        if (rule.typeField === "checkbox") return this.convertCheckbox(rule.name, rule.title, rule.type, rule.value);
-
-    }
-    convertDateTime(rule) {
-        let start = this.convertDate(rule.value[0]);
-        let end = this.convertDate(rule.value[1]);
-
-        if (rule.name.includes("&")) {
-            var parts = rule.name.split("&");
-            var first = parts[0];
-            var second = parts[1];
-            return `${first} ge ${start} and ${second} le ${end}`;
-        } else {
-            return `${rule.name} ge ${start} and ${rule.name} le ${end}`;
-        }
-    }
-    convertSelect(name, value) {
-        return `${name} eq '${value.id}'`;
-    }
-    convertCheckbox(name, title, type, options) {
-        let query = "";
-        let seq = 0;
-        var size = options.length;
-        let self = this;
-        options.forEach(function (value) {
-
-            if (type == "field") {
-                query += `${name} eq ${value}`;
-                if (seq + 1 != size) query += ` or `;
-            }
-            if (type == "totalization") {
-
-                let field = value.split('_').pop();
-                field = field.charAt(0).toLowerCase() + field.slice(1);
-
-                query += `${field} with ${value.split('_')[0]} as ${value.replace(/_/g, '')}`;
-                if (seq + 1 != size) query += `,`;
-            }
-            seq++;
-        });
-
-        if (size > 1 && type == "field") return `(${query})`;
-        return `${query}`;
-    }
-    convertDate(data) {
-        // a verificação abaixo valida se tem valor, pois quando não tem está retornando um array com 3 posições em brando
-        if (data.length == 3) return;
-
-        let str = data.replace("/", "").replace("/", "");
-
-        let date = {
-            day: str.substr(0, 2),
-            month: str.substr(2, 2),
-            year: str.substr(4, 4),
-        };
-
-        var iso = date.year + "-" + date.month + "-" + date.day;
-
-        /*
-          iso += date.day + "T";
-          iso += "00:00:00.000Z";
-          iso += d.getHours().toString().padStart(2, "0") + ":";
-          iso += d.getMinutes().toString().padStart(2, "0") + ":";
-          iso += d.getSeconds().toString().padStart(2, "0");
-        */
-
-        return iso;
-    }
-}
+export default class ConvertToOdata {
+    convertRule(rule) {
+        let operator = rule.operator;
+
+        if (operator === "igual" && rule.typeField === "text") return `${rule.name} eq '${rule.value}'`;
+        if (operator === "diferente" && rule.typeField === "text") return `${rule.name} ne '${rule.value}'`;
+        if (operator === "contem") return `contains(${rule.name},'${rule.value}')`;
+
+        if (operator === "igual" && rule.typeField === "numeric") return `${rule.name} eq ${rule.value}`;
+        if (operator === "diferente" && rule.typeField === "numeric") return `${rule.name} ne ${rule.value}`;
+        if (operator === "menor") return `${rule.name} lt ${rule.value}`;
+        if (operator === "menor ou igual") return `${rule.name} le ${rule.value}`;
+        if (operator === "maior") return `${rule.name} gt ${rule.value}`;
+        if (operator === "maior ou igual") return `${rule.name} ge ${rule.value}`;
+
+        if (rule.typeField === "dateTime") return this.convertDateTime(rule);
+        if (rule.typeField === "select") return this.convertSelect(rule.name, rule.value);
+        if (rule.typeField === "checkbox") return this.convertCheckbox(rule.name, rule.title, rule.type, rule.value);
+
+    }
+    convertDateTime(rule) {
+        let start = this.convertDate(rule.value[0]);
+        let end = this.convertDate(rule.value[1]);
+
+        if (rule.name.includes("&")) {
+            var parts = rule.name.split("&");
+            var first = parts[0];
+            var second = parts[1];
+            return `${first} ge ${start} and ${second} le ${end}`;
+        } else {
+            return `${rule.name} ge ${start} and ${rule.name} le ${end}`;
+        }
+    }
+    convertSelect(name, value) {
+        return `${name} eq '${value.id}'`;
+    }
+    convertCheckbox(name, title, type, options) {
+        let query = "";
+        let seq = 0;
+        var size = options.length;
+        let self = this;
+        options.forEach(function (value) {
+
+            if (type == "field") {
+                query += `${name} eq ${value}`;
+                if (seq + 1 != size) query += ` or `;
+            }
+            if (type == "totalization") {
+
+                let field = value.split('_').pop();
+                field = field.charAt(0).toLowerCase() + field.slice(1);
+
+                query += `${field} with ${value.split('_')[0]} as ${value.replace(/_/g, '')}`;
+                if (seq + 1 != size) query += `,`;
+            }
+            seq++;
+        });
+
+        if (size > 1 && type == "field") return `(${query})`;
+        return `${query}`;
+    }
+    convertDate(data) {
+        // a verificação abaixo valida se tem valor, pois quando não tem está retornando um array com 3 posições em brando
+        if (data.length == 3) return;
+
+        let str = data.replace("/", "").replace("/", "");
+
+        let date = {
+            day: str.substr(0, 2),
+            month: str.substr(2, 2),
+            year: str.substr(4, 4),
+        };
+
+        var iso = date.year + "-" + date.month + "-" + date.day;
+
+        /*
+          iso += date.day + "T";
+          iso += "00:00:00.000Z";
+          iso += d.getHours().toString().padStart(2, "0") + ":";
+          iso += d.getMinutes().toString().padStart(2, "0") + ":";
+          iso += d.getSeconds().toString().padStart(2, "0");
+        */
+
+        return iso;
+    }
+}

package/src/component/shared/query-builder/DynamicComponent.vue

@@ -1,161 +1,161 @@
-<template>
-  <div class="vqb-rule card move">
-    <div class="form-inline">
-      <label :class="rule.classCss" class="mr-5">
-        <i class="icon-query-builder" :class="rule.icon"></i>
-        <span class="title" style="margin-left: 10px">{{ rule.title }} </span>
-      </label>
-      <div style="margin-right: 20px">
-        <RadioGroup v-if="index > 0" :options="[
-          { text: 'e', value: 'and' },
-          { text: 'ou', value: 'or' },
-        ]" v-model="rule.andOr" />
-      </div>
-      <select v-if="rule.typeField == 'text' || rule.typeField == 'numeric'" v-model="rule.operator"
-        class="select-query-builder form-control mr-2">
-        <option v-for="operator in rule.operators" :key="operator">
-          <span>{{ operator }}</span>
-        </option>
-      </select>
-      <input v-if="rule.typeField == 'text' || rule.typeField == 'numeric'" class="form-control"
-        :type="rule.typeField == 'text' ? 'text' : 'number'" placeholder="Valor" v-model="rule.value" />
-      <CheckboxGroup v-if="rule.typeField == 'checkbox'" :options="options" :initialValue="rule.value"
-        v-model="rule.value" />
-      <div v-if="rule.typeField == 'dateTime'">
-        <div class="side-by-side">
-          <DateTime :format="rule.props.format" :type="rule.props.type" :range="rule.props.range" v-model="rule.value" />
-        </div>
-        <div class="side-by-side margin">ou</div>
-        <div class="side-by-side margin">
-          <select @change="verifyCalculate" v-model="rule.value[2]" class="form-control mr-2">
-            <option v-for="period in optionsPeriodCustom" :key="period">
-              {{ period }}
-            </option>
-          </select>
-        </div>
-        <div v-if="rule.props.filterByField">
-          <RadioGroup v-if="rule.props.filterByField" :options="rule.props.filterByField" v-model="rule.name" />
-        </div>
-      </div>
-
-      <Select v-if="rule.typeField == 'select'" :showNewRegister="false" :url="rule.props.url" v-model="rule.value" />
-      <div @click="removeRule" class="ml-auto btn-remove">
-        <i class="fas fa-times"></i>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-
-import { mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "DynamicComponent",
-  components: {
-    DateTime,
-    Select,
-    CheckboxGroup,
-    RadioGroup,
-  },
-  props: ["rule", "index"],
-  created() {
-    if (this.rule.typeField == "dateTime") {
-      if (this.rule.value == null) {
-        this.rule.value = ["", "", ""];
-      } else {
-        if (this.rule.value.length == 3) {
-          this.verifyCalculate();
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      urlCalculate: "/api/v1/rental/period-rent/calculate-period-query-builder",
-      optionsPeriodCustom: [
-        "hoje",
-        "próximos 7 dias",
-        "próximos 15 dias",
-        "próximos 30 dias",
-        "próximos 45 dias",
-        "últimos 7 dias",
-        "últimos 15 dias",
-        "últimos 30 dias",
-        "últimos 45 dias",
-      ],
-    };
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent"]),
-    ...mapMutations("report", ["removeSelectedRule"]),
-    ...mapActions("generic", ["postApi"]),
-    removeRule() {
-      this.removeSelectedRule(this.rule.id);
-      this.addEvent({
-        name: "selectedRuleRemoved",
-        data: { id: this.rule.id },
-      });
-    },
-    verifyCalculate() {
-      let title = this.rule.value[2];
-      if (title == "hoje") this.calculate(0, title);
-      if (title == "próximos 7 dias") this.calculate(7, title);
-      if (title == "próximos 15 dias") this.calculate(15, title);
-      if (title == "próximos 30 dias") this.calculate(30, title);
-      if (title == "próximos 45 dias") this.calculate(45, title);
-      if (title == "últimos 7 dias") this.calculate(-7, title);
-      if (title == "últimos 15 dias") this.calculate(-15, title);
-      if (title == "últimos 30 dias") this.calculate(-30, title);
-      if (title == "últimos 45 dias") this.calculate(-45, title);
-    },
-    calculate(days, title) {
-      let params = {
-        url: this.urlCalculate,
-        obj: { days: days },
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((response) => {
-        this.rule.value = [];
-        this.rule.value[0] = response.content.start;
-        this.rule.value[1] = response.content.end;
-        this.rule.value[2] = title;
-      });
-    },
-  },
-  computed: {
-    options() {
-      let options = [];
-      this.rule.options.forEach((item) => {
-        let option = { text: item.title, value: item.value };
-        options.push(option);
-      });
-      return options;
-    },
-  },
-};
-</script>
-<style scoped>
-.move {
-  cursor: move;
-}
-
-.btn-remove {
-  font-size: 16px;
-  color: darkgray;
-  cursor: pointer;
-}
-
-.div-select {
-  width: 330px;
-}
-
-.margin {
-  margin-left: 30px;
-  padding: 10px;
-}
-</style>
+<template>
+  <div class="vqb-rule card move">
+    <div class="form-inline">
+      <label :class="rule.classCss" class="mr-5">
+        <i class="icon-query-builder" :class="rule.icon"></i>
+        <span class="title" style="margin-left: 10px">{{ rule.title }} </span>
+      </label>
+      <div style="margin-right: 20px">
+        <RadioGroup v-if="index > 0" :options="[
+          { text: 'e', value: 'and' },
+          { text: 'ou', value: 'or' },
+        ]" v-model="rule.andOr" />
+      </div>
+      <select v-if="rule.typeField == 'text' || rule.typeField == 'numeric'" v-model="rule.operator"
+        class="select-query-builder form-control mr-2">
+        <option v-for="operator in rule.operators" :key="operator">
+          <span>{{ operator }}</span>
+        </option>
+      </select>
+      <input v-if="rule.typeField == 'text' || rule.typeField == 'numeric'" class="form-control"
+        :type="rule.typeField == 'text' ? 'text' : 'number'" placeholder="Valor" v-model="rule.value" />
+      <CheckboxGroup v-if="rule.typeField == 'checkbox'" :options="options" :initialValue="rule.value"
+        v-model="rule.value" />
+      <div v-if="rule.typeField == 'dateTime'">
+        <div class="side-by-side">
+          <DateTime :format="rule.props.format" :type="rule.props.type" :range="rule.props.range" v-model="rule.value" />
+        </div>
+        <div class="side-by-side margin">ou</div>
+        <div class="side-by-side margin">
+          <select @change="verifyCalculate" v-model="rule.value[2]" class="form-control mr-2">
+            <option v-for="period in optionsPeriodCustom" :key="period">
+              {{ period }}
+            </option>
+          </select>
+        </div>
+        <div v-if="rule.props.filterByField">
+          <RadioGroup v-if="rule.props.filterByField" :options="rule.props.filterByField" v-model="rule.name" />
+        </div>
+      </div>
+
+      <Select v-if="rule.typeField == 'select'" :showNewRegister="false" :url="rule.props.url" v-model="rule.value" />
+      <div @click="removeRule" class="ml-auto btn-remove">
+        <i class="fas fa-times"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+
+import { mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "DynamicComponent",
+  components: {
+    DateTime,
+    Select,
+    CheckboxGroup,
+    RadioGroup,
+  },
+  props: ["rule", "index"],
+  created() {
+    if (this.rule.typeField == "dateTime") {
+      if (this.rule.value == null) {
+        this.rule.value = ["", "", ""];
+      } else {
+        if (this.rule.value.length == 3) {
+          this.verifyCalculate();
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      urlCalculate: "/api/v1/rental/period-rent/calculate-period-query-builder",
+      optionsPeriodCustom: [
+        "hoje",
+        "próximos 7 dias",
+        "próximos 15 dias",
+        "próximos 30 dias",
+        "próximos 45 dias",
+        "últimos 7 dias",
+        "últimos 15 dias",
+        "últimos 30 dias",
+        "últimos 45 dias",
+      ],
+    };
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    ...mapMutations("report", ["removeSelectedRule"]),
+    ...mapActions("generic", ["postApi"]),
+    removeRule() {
+      this.removeSelectedRule(this.rule.id);
+      this.addEvent({
+        name: "selectedRuleRemoved",
+        data: { id: this.rule.id },
+      });
+    },
+    verifyCalculate() {
+      let title = this.rule.value[2];
+      if (title == "hoje") this.calculate(0, title);
+      if (title == "próximos 7 dias") this.calculate(7, title);
+      if (title == "próximos 15 dias") this.calculate(15, title);
+      if (title == "próximos 30 dias") this.calculate(30, title);
+      if (title == "próximos 45 dias") this.calculate(45, title);
+      if (title == "últimos 7 dias") this.calculate(-7, title);
+      if (title == "últimos 15 dias") this.calculate(-15, title);
+      if (title == "últimos 30 dias") this.calculate(-30, title);
+      if (title == "últimos 45 dias") this.calculate(-45, title);
+    },
+    calculate(days, title) {
+      let params = {
+        url: this.urlCalculate,
+        obj: { days: days },
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        this.rule.value = [];
+        this.rule.value[0] = response.content.start;
+        this.rule.value[1] = response.content.end;
+        this.rule.value[2] = title;
+      });
+    },
+  },
+  computed: {
+    options() {
+      let options = [];
+      this.rule.options.forEach((item) => {
+        let option = { text: item.title, value: item.value };
+        options.push(option);
+      });
+      return options;
+    },
+  },
+};
+</script>
+<style scoped>
+.move {
+  cursor: move;
+}
+
+.btn-remove {
+  font-size: 16px;
+  color: darkgray;
+  cursor: pointer;
+}
+
+.div-select {
+  width: 330px;
+}
+
+.margin {
+  margin-left: 30px;
+  padding: 10px;
+}
+</style>