@nixweb/nixloc-ui 1.17.0 → 1.19.0

package/@nixweb/nixloc-ui/src/component/rental/DisplayTotalization.vue

@@ -1,86 +1,86 @@
-<template>
-  <div class="main side-by-side">
-    <div class="molded-totalization" @click="execute">
-      <div class="title">{{ title }}
-        <span v-if="discount > 0" class="div-discount">{{ discount }}%</span>
-      </div>
-      <div class="value" :class="{ clicked: clicked }" v-if="currency" :style="_style">
-        {{ value | currency }}
-        <span class="icon-edit" v-if="clicked">
-          <i class="fa-solid fa-pen-to-square"></i>
-        </span>
-      </div>
-      <div class="value" :class="{ clicked: clicked }" v-else :style="_style">
-        {{ value }}
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "DisplayTotalization",
-  props: {
-    title: String,
-    currency: {
-      type: Boolean,
-      default: true,
-    },
-    discount: Number,
-    value: Number,
-    _style: String,
-    clicked: Function,
-  },
-  methods: {
-    execute() {
-      if (this.clicked) this.clicked(this.params);
-    },
-  },
-};
-</script>
-<style scoped>
-.main {
-  margin-bottom: 10px;
-  margin-right: 20px;
-}
-
-.molded-totalization {
-  height: 63px;
-  border: 1px solid #dbdfe9;
-  border-radius: 30px;
-  padding-left: 8px;
-  padding-right: 15px;
-  margin-bottom: 20px;
-  font-size: 13px;
-  font-weight: 400;
-  min-width: 180px;
-}
-
-.title {
-  padding-left: 10px;
-  font-weight: 500;
-}
-
-.value {
-  padding-left: 10px;
-  font-size: 18px;
-  font-weight: 700;
-  font-family: "inter", sans-serif !important;
-}
-
-.clicked:hover {
-  cursor: pointer;
-}
-
-.icon-edit {
-  font-size: 14px;
-}
-
-.div-discount {
-  background-color: #FF4843;
-  width: 12px;
-  border-radius: 10px;
-  color: white;
-  font-size: 10px !important;
-  padding: 3px;
-}
-</style>
+<template>
+  <div class="main side-by-side">
+    <div class="molded-totalization" @click="execute">
+      <div class="title">{{ title }}
+        <span v-if="discount > 0" class="div-discount">{{ discount }}%</span>
+      </div>
+      <div class="value" :class="{ clicked: clicked }" v-if="currency" :style="_style">
+        {{ value | currency }}
+        <span class="icon-edit" v-if="clicked">
+          <i class="fa-solid fa-pen-to-square"></i>
+        </span>
+      </div>
+      <div class="value" :class="{ clicked: clicked }" v-else :style="_style">
+        {{ value }}
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "DisplayTotalization",
+  props: {
+    title: String,
+    currency: {
+      type: Boolean,
+      default: true,
+    },
+    discount: Number,
+    value: Number,
+    _style: String,
+    clicked: Function,
+  },
+  methods: {
+    execute() {
+      if (this.clicked) this.clicked(this.params);
+    },
+  },
+};
+</script>
+<style scoped>
+.main {
+  margin-bottom: 10px;
+  margin-right: 20px;
+}
+
+.molded-totalization {
+  height: 63px;
+  border: 1px solid #dbdfe9;
+  border-radius: 30px;
+  padding-left: 8px;
+  padding-right: 15px;
+  margin-bottom: 20px;
+  font-size: 13px;
+  font-weight: 400;
+  min-width: 180px;
+}
+
+.title {
+  padding-left: 10px;
+  font-weight: 500;
+}
+
+.value {
+  padding-left: 10px;
+  font-size: 18px;
+  font-weight: 700;
+  font-family: "inter", sans-serif !important;
+}
+
+.clicked:hover {
+  cursor: pointer;
+}
+
+.icon-edit {
+  font-size: 14px;
+}
+
+.div-discount {
+  background-color: #FF4843;
+  width: 12px;
+  border-radius: 10px;
+  color: white;
+  font-size: 10px !important;
+  padding: 3px;
+}
+</style>

package/@nixweb/nixloc-ui/src/component/report/Fields.vue

@@ -1,109 +1,109 @@
-<template>
-    <div>
-        <Button _key="btnFields" color="black" backGroundColor="#F0F0F0" title="Campos"
-            classIcon="fa-sharp fa-solid fa-text-size" size="small" :clicked="open" />
-
-        <Modal title="Campos" :width="600" :height="200" v-if="showModal('fields')">
-            <b-row>
-                <b-col sm="6">
-                    <ScrollBar :minHeight="300" :maxHeight="300">
-                        <div v-for="item in data">
-                            <b-form-checkbox v-model="item.show" :value="true" :unchecked-value="false">
-                                <span class="title">{{ item.title }}</span>
-                            </b-form-checkbox>
-                        </div>
-                    </ScrollBar>
-                </b-col>
-                <b-col sm="6">
-                    <RadioGroup :options="[
-                        { text: 'Crescente', value: 'asc' },
-                        { text: 'Decrescente', value: 'desc' },
-                    ]" v-model="ordering" />
-                    <SelectStatic title="Ordenar" :initialValue="initialValue" fieldTarget="order" :data="options"
-                        v-model="fieldOrdering" />
-                </b-col>
-            </b-row>
-
-            <div class="text-center">
-                <Button _key="btnApply" backGroundColor="#017AFF" color="white" title="Aplicar" size="small"
-                    :clicked="apply" />
-            </div>
-        </Modal>
-    </div>
-</template>
-
-<script>
-
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
-import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-
-import { mapState, mapGetters, mapMutations } from "vuex";
-
-export default {
-    name: "Fields",
-    props: ["data", "value"],
-    components: {
-        Modal,
-        Button,
-        ScrollBar,
-        CheckboxSimple,
-        RadioGroup,
-        SelectStatic
-    },
-    data() {
-        return {
-            initialValue: {},
-            ordering: "asc",
-            fieldOrdering: {},
-        }
-    },
-    created() {
-        const targetObject = this.data.find(item => item.initialOrderBy === true);
-
-        this.initialValue = { content: targetObject.title, id: targetObject.fieldOrderBy };
-        this.$emit("input", { ordering: this.ordering, field: targetObject.fieldOrderBy });
-    },
-    computed: {
-        ...mapGetters("generic", ["showModal"]),
-        options() {
-            let data = [];
-            this.data.forEach(item => {
-                var obj = { content: item.title, id: item.fieldOrderBy }
-                data.push(obj);
-            });
-            return data;
-        }
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
-        open() {
-            this.openModal("fields");
-            this.removeLoading(["btnFields"]);
-        },
-        apply() {
-            this.removeLoading(["btnApply"]);
-            this.hideModal();
-            this.addEvent({ name: "orderedFilter" });
-        }
-    },
-    watch: {
-        fieldOrdering: {
-            handler() {
-                this.$emit("input", { ordering: this.ordering, field: this.fieldOrdering.id });
-            },
-            deep: true,
-        },
-        ordering: {
-            handler() {
-                this.$emit("input", { ordering: this.ordering, field: this.fieldOrdering.id });
-            },
-            deep: true,
-        },
-    },
-}
-
+<template>
+    <div>
+        <Button _key="btnFields" color="black" backGroundColor="#F0F0F0" title="Campos"
+            classIcon="fa-sharp fa-solid fa-text-size" size="small" :clicked="open" />
+
+        <Modal title="Campos" :width="600" :height="200" v-if="showModal('fields')">
+            <b-row>
+                <b-col sm="6">
+                    <ScrollBar :minHeight="300" :maxHeight="300">
+                        <div v-for="item in data">
+                            <b-form-checkbox v-model="item.show" :value="true" :unchecked-value="false">
+                                <span class="title">{{ item.title }}</span>
+                            </b-form-checkbox>
+                        </div>
+                    </ScrollBar>
+                </b-col>
+                <b-col sm="6">
+                    <RadioGroup :options="[
+                        { text: 'Crescente', value: 'asc' },
+                        { text: 'Decrescente', value: 'desc' },
+                    ]" v-model="ordering" />
+                    <SelectStatic title="Ordenar" :initialValue="initialValue" fieldTarget="order" :data="options"
+                        v-model="fieldOrdering" />
+                </b-col>
+            </b-row>
+
+            <div class="text-center">
+                <Button _key="btnApply" backGroundColor="#017AFF" color="white" title="Aplicar" size="small"
+                    :clicked="apply" />
+            </div>
+        </Modal>
+    </div>
+</template>
+
+<script>
+
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple.vue";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+    name: "Fields",
+    props: ["data", "value"],
+    components: {
+        Modal,
+        Button,
+        ScrollBar,
+        CheckboxSimple,
+        RadioGroup,
+        SelectStatic
+    },
+    data() {
+        return {
+            initialValue: {},
+            ordering: "asc",
+            fieldOrdering: {},
+        }
+    },
+    created() {
+        const targetObject = this.data.find(item => item.initialOrderBy === true);
+
+        this.initialValue = { content: targetObject.title, id: targetObject.fieldOrderBy };
+        this.$emit("input", { ordering: this.ordering, field: targetObject.fieldOrderBy });
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal"]),
+        options() {
+            let data = [];
+            this.data.forEach(item => {
+                var obj = { content: item.title, id: item.fieldOrderBy }
+                data.push(obj);
+            });
+            return data;
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
+        open() {
+            this.openModal("fields");
+            this.removeLoading(["btnFields"]);
+        },
+        apply() {
+            this.removeLoading(["btnApply"]);
+            this.hideModal();
+            this.addEvent({ name: "orderedFilter" });
+        }
+    },
+    watch: {
+        fieldOrdering: {
+            handler() {
+                this.$emit("input", { ordering: this.ordering, field: this.fieldOrdering.id });
+            },
+            deep: true,
+        },
+        ordering: {
+            handler() {
+                this.$emit("input", { ordering: this.ordering, field: this.fieldOrdering.id });
+            },
+            deep: true,
+        },
+    },
+}
+
 </script>