@nixweb/nixloc-ui 0.0.128 → 0.0.129

package/src/component/forms/ButtonSub.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <div class="div-table-sub">
+      <div class="btn-close" @click="show" v-if="!open">
+        <i class="icon-table-sub fa-solid fa-arrow-left"></i>
+      </div>
+      <div class="btn-close" @click="hide" v-else>
+        <i class="icon-table-sub fa-solid fa-arrow-down"></i>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ButtonSub",
+  props: {
+    itemId: String,
+    urlGet: String,
+    eventNameShow: String,
+    eventNameHide: String,
+    propsParam: Object,
+    value: Object,
+  },
+  data() {
+    return {
+      open: false,
+      baseParams: {
+        search: undefined,
+        filter: "contains",
+        currentPage: 1,
+        totalPerPage: 20,
+      },
+    };
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    ...mapMutations("generic", ["addEvent"]),
+    getAll() {
+      this.$emit("input", { loading: true, itemId: this.itemId });
+      let params = {
+        url: this.urlGet,
+        obj: { ...this.propsParam, ...this.baseParams },
+      };
+      this.getApi(params).then((response) => {
+        this.addEvent({
+          name: this.eventNameShow,
+          data: { itemId: this.itemId, data: response.content.data },
+        });
+
+        let self = this;
+        setTimeout(function () {
+          self.$emit("input", { loading: false, itemId: this.itemId });
+        }, 500);
+      });
+    },
+    show() {
+      this.open = true;
+      this.getAll();
+    },
+    hide() {
+      this.open = false;
+      this.addEvent({
+        name: this.eventNameHide,
+        data: { itemId: this.itemId, data: [] },
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.div-table-sub {
+  overflow-y: hidden !important;
+  overflow-x: hidden !important;
+  background-color: #ececec;
+  border-radius: 50px;
+  height: 35px;
+  width: 35px;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.div-table-sub:hover {
+  background-color: #dfdfdf;
+}
+
+.icon-table-sub {
+  font-size: 16px;
+  padding-top: 10px;
+  padding-right: 10px;
+}
+
+.btn-close {
+  margin-left: 10px;
+  height: 30px;
+}
+</style>

package/src/component/forms/CheckboxGroup.vue

@@ -1,72 +1,73 @@
-<template>
-  <div>
-    <b-form-group :label="title">
-      <b-form-checkbox-group
-        v-model="selected"
-        :options="options"
-        :stacked="stacked"
-        @click.native="execute"
-      ></b-form-checkbox-group>
-    </b-form-group>
-  </div>
-</template>
-
-<script>
-import { mapMutations } from "vuex";
-
-export default {
-  name: "CheckboxGroup",
-  props: {
-    title: String,
-    options: Array,
-    params: Object,
-    changed: Function,
-    clicked: Function,
-    initialValue: Array,
-    value: Array,
-    stacked: {
-      type: Boolean,
-      default: false,
-    },
-    markFormDirty: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      selected: [],
-    };
-  },
-  mounted() {
-    if (this.initialValue) this.selected = this.initialValue;
-  },
-  methods: {
-    ...mapMutations("validation", ["updateFormDirty"]),
-    execute(event) {
-      if (this.markFormDirty) this.updateFormDirty(true);
-      this.$emit("input", this.selected);
-      let self = this;
-      setTimeout(function () {
-        // adicionado o pointerId para prevenir que não seja executado em duplicidade
-        if (self.clicked && event.pointerId === 1) self.clicked(self.params);
-      }, 100);
-    },
-  },
-  watch: {
-    selected: {
-      handler(value) {
-        this.$emit("input", value);
-        if (this.changed) this.changed(this.params);
-      },
-      deep: true,
-    },
-    initialValue: {
-      handler(value) {
-        if (this.initialValue) this.selected = this.initialValue;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <b-form-group :label="title">
+      <b-form-checkbox-group
+        v-model="selected"
+        :options="options"
+        :stacked="stacked"
+        disabled-field="disabled"
+        @click.native="execute"
+      ></b-form-checkbox-group>
+    </b-form-group>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from "vuex";
+
+export default {
+  name: "CheckboxGroup",
+  props: {
+    title: String,
+    options: Array,
+    params: Object,
+    changed: Function,
+    clicked: Function,
+    initialValue: Array,
+    value: Array,
+    stacked: {
+      type: Boolean,
+      default: false,
+    },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      selected: [],
+    };
+  },
+  mounted() {
+    if (this.initialValue) this.selected = this.initialValue;
+  },
+  methods: {
+    ...mapMutations("validation", ["updateFormDirty"]),
+    execute(event) {
+      if (this.markFormDirty) this.updateFormDirty(true);
+      this.$emit("input", this.selected);
+      let self = this;
+      setTimeout(function () {
+        // adicionado o pointerId para prevenir que não seja executado em duplicidade
+        if (self.clicked && event.pointerId === 1) self.clicked(self.params);
+      }, 100);
+    },
+  },
+  watch: {
+    selected: {
+      handler(value) {
+        this.$emit("input", value);
+        if (this.changed) this.changed(this.params);
+      },
+      deep: true,
+    },
+    initialValue: {
+      handler(value) {
+        if (this.initialValue) this.selected = this.initialValue;
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/component/forms/CheckboxSimple.vue

@@ -1,46 +1,46 @@
-<template>
-  <div>
-    <b-form-checkbox v-model="valueLocal" :value="true" :unchecked-value="false">
-      {{ title }}
-      <Tip :field="field" :formName="formName" />
-    </b-form-checkbox>
-  </div>
-</template>
-
-<script>
-import Tip from "../shared/Tip.vue";
-
-import { mapMutations } from "vuex";
-
-export default {
-  components: { Tip },
-  name: "CheckboxSimple",
-  props: {
-    title: String,
-    formName: String,
-    field: String,
-    value: Boolean,
-    markFormDirty: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      valueLocal: false,
-    };
-  },
-  methods: {
-    ...mapMutations("validation", ["updateFormDirty"]),
-  },
-  watch: {
-    value() {
-      this.valueLocal = this.value;
-    },
-    valueLocal() {
-      this.$emit("input", this.valueLocal);
-      if (this.markFormDirty) this.updateFormDirty(true);
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <b-form-checkbox v-model="valueLocal" :value="true" :unchecked-value="false">
+      {{ title }}
+      <Tip :field="field" :formName="formName" />
+    </b-form-checkbox>
+  </div>
+</template>
+
+<script>
+import Tip from "../shared/Tip.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+  components: { Tip },
+  name: "CheckboxSimple",
+  props: {
+    title: String,
+    formName: String,
+    field: String,
+    value: Boolean,
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      valueLocal: false,
+    };
+  },
+  methods: {
+    ...mapMutations("validation", ["updateFormDirty"]),
+  },
+  watch: {
+    value() {
+      this.valueLocal = this.value;
+    },
+    valueLocal() {
+      this.$emit("input", this.valueLocal);
+      if (this.markFormDirty) this.updateFormDirty(true);
+    },
+  },
+};
+</script>

package/src/component/forms/Color.vue

@@ -1,38 +1,38 @@
-<template>
-  <div class="form-group">
-    <div>
-      <span class="title">{{ title }} </span>
-      <compact-picker v-model.trim="color.hex" />
-    </div>
-  </div>
-</template>
-
-<script>
-import { Chrome } from "vue-color";
-
-export default {
-  name: "Color",
-  components: {
-    "compact-picker": Chrome,
-  },
-  props: {
-    title: String,
-    field: String,
-    formName: String,
-    value: String,
-  },
-  data() {
-    return {
-      color: { hex: "#40BF84" },
-    };
-  },
-  watch: {
-    value() {
-      this.color.hex = this.value;
-    },
-    "color.hex": function (value) {
-      if (value.hex) this.$emit("input", value.hex);
-    },
-  },
-};
-</script>
+<template>
+  <div class="form-group">
+    <div>
+      <span class="title">{{ title }} </span>
+      <compact-picker v-model.trim="color.hex" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { Chrome } from "vue-color";
+
+export default {
+  name: "Color",
+  components: {
+    "compact-picker": Chrome,
+  },
+  props: {
+    title: String,
+    field: String,
+    formName: String,
+    value: String,
+  },
+  data() {
+    return {
+      color: { hex: "#40BF84" },
+    };
+  },
+  watch: {
+    value() {
+      this.color.hex = this.value;
+    },
+    "color.hex": function (value) {
+      if (value.hex) this.$emit("input", value.hex);
+    },
+  },
+};
+</script>