@nixweb/nixloc-ui 0.0.175 → 0.0.176

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.175",
+  "version": "0.0.176",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/CheckboxSimple.vue

@@ -1,10 +1,6 @@
 <template>
   <div>
-    <b-form-checkbox
-      v-model="valueLocal"
-      :value="true"
-      :unchecked-value="false"
-    >
+    <b-form-checkbox v-model="valueLocal" :value="true" :unchecked-value="false">
       {{ title }}
       <Tip :field="field" :formName="formName" />
     </b-form-checkbox>
@@ -22,6 +18,7 @@ export default {
   props: {
     title: String,
     formName: String,
+    fieldTarget: String,
     field: String,
     value: Boolean,
     changed: Function,
@@ -37,6 +34,7 @@ export default {
   },
   methods: {
     ...mapMutations("validation", ["updateFormDirty"]),
+    ...mapMutations("generic", ["addFilter"]),
   },
   mounted() {
     this.valueLocal = this.value;
@@ -49,6 +47,12 @@ export default {
       this.$emit("input", this.valueLocal);
       if (this.markFormDirty) this.updateFormDirty(true);
       if (this.changed) this.changed();
+
+      if (this.fieldTarget) {
+        let obj = { fieldTarget: this.fieldTarget, value: this.valueLocal ? "yes" : "no" };
+        this.addFilter(obj);
+      }
+
     },
   },
 };

package/src/component/forms/DateTime.vue

@@ -7,8 +7,9 @@
     </label>
     <div class="inner-addon right-addon">
       <i v-if="notifications.length > 0 && formDirty" class="required glyphicon fas fa-exclamation-triangle"></i>
-      <date-picker lang="pt-br" :range="range" @confirm="executeConfirm" @change="executeConfirm" @clear="close"
-        :confirm="confirm" :confirm-text="confirmText" :format="format" value-type="format" :time-picker-options="{
+      <date-picker lang="pt-br" :disabled="disabled" :range="range" @confirm="executeConfirm" @change="executeConfirm"
+        @clear="close" :confirm="confirm" :confirm-text="confirmText" :format="format" value-type="format"
+        :time-picker-options="{
           start: '07:00',
           step: '00:30',
           end: '23:30',
@@ -42,6 +43,7 @@ export default {
     "placeholder",
     "formName",
     "required",
+    "disabled",
     "format",
     "type",
     "value",

package/src/component/layout/Tag.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="div-tag">
-    <div class="tag">
+    <div class="tag" :class="{ 'tag-disabled': disabled }">
       <span @click="execute()">{{ title }} <span v-if="value">:</span> {{ value }}</span>
-      <i v-if="showButtonClose" @click="remove()" class="icon-tag fas fa-times-circle"></i>
+      <i v-if="showButtonClose && !disabled" @click="remove()" class="icon-tag fas fa-times-circle"></i>
     </div>
   </div>
 </template>
@@ -15,6 +15,7 @@ export default {
   props: {
     _key: String,
     title: String,
+    disabled: Boolean,
     value: String,
     eventName: String,
     eventData: Object,
@@ -69,4 +70,8 @@ export default {
   padding-left: 5px;
   font-size: 20px;
 }
+
+.tag-disabled {
+  opacity: 0.5;
+}
 </style>

package/src/component/template/ListViewWithDataHandler.vue

@@ -147,6 +147,7 @@ export default {
   methods: {
     ...mapActions("generic", ["getApi", "orderAllApi", "deleteAllApi"]),
     ...mapMutations("generic", [
+      "addEvent",
       "addLoading",
       "removeLoading",
       "addSelected",
@@ -154,6 +155,7 @@ export default {
       "updateSearch",
       "addTag",
       "removeTag",
+      "cleanTags",
       "openModal",
       "hideModal"
     ]),

package/src/component/template/ViewTemplateWithTable.vue

@@ -12,7 +12,7 @@
         <slot name="content-between-search-table"></slot>
         <div class="div-tag">
           <div class="side-by-side" v-for="tag in tags">
-            <Tag :_key="tag.key" :title="tag.tag" />
+            <Tag :_key="tag.key" :disabled="propsParam.showAll" :title="tag.tag" />
           </div>
         </div>
         <Molded>