@nixweb/nixloc-ui 0.0.174 → 0.0.176

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.174",
+  "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/ViewTemplateReportPreview.vue

@@ -1,78 +1,38 @@
 <template>
   <div>
-    <Panel
-      :module="panel.module"
-      :title="panel.title"
-      :showVerticalFilter="panel.showVerticalFilter"
-      :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons"
-    >
+    <Panel :module="panel.module" :title="panel.title" :showVerticalFilter="panel.showVerticalFilter"
+      :showSearch="panel.showSearch" :showButtons="panel.showButtons">
       <div slot="content-main">
         <br />
         <Loading type="line" :center="false" v-show="loadingSearch" />
         <div v-show="!showFilter">
-          <div
-            class="div-progress"
-            v-if="liveTotalRecords != baseParams.totalRecords"
-          >
-            <ProgressBar
-              :text="`Carregando ${liveTotalRecords} registro(s) de ${baseParams.totalRecords}`"
-              :value="liveTotalRecords"
-              :max="baseParams.totalRecords"
-              size="medium"
-            />
+          <div class="div-progress" v-if="liveTotalRecords != baseParams.totalRecords && !loadingSearch">
+            <ProgressBar :text="`Carregando ${liveTotalRecords} registro(s) de ${baseParams.totalRecords}`"
+              :value="liveTotalRecords" :max="baseParams.totalRecords" size="medium" />
           </div>
           <Molded>
             <b-row>
               <b-col sm="6">
                 <div class="side-by-side">
-                  <Button
-                    _key="btnSearchReport"
-                    type="primary"
-                    title="Buscar"
-                    classIcon="fas fa-file-search"
-                    :disabled="btnSearchDisabled || !rulesIsValid"
-                    size="medium"
-                    :clicked="getAll"
-                  />
+                  <Button _key="btnSearchReport" type="primary" title="Buscar" classIcon="fas fa-file-search"
+                    :disabled="btnSearchDisabled || !rulesIsValid" size="medium" :clicked="getAll" />
                 </div>
                 <div class="side-by-side">
-                  <Button
-                    _key="btnSaveReport"
-                    type="success"
-                    title="Salvar"
-                    classIcon="fas fa-save"
-                    size="small"
+                  <Button _key="btnSaveReport" type="success" title="Salvar" classIcon="fas fa-save" size="small"
                     :disabled="isLoading || btnSaveDisabled || !rulesIsValid"
-                    :params="{ name: 'save', title: 'Salvar', width: 550 }"
-                    :clicked="executeOpenModal"
-                  />
+                    :params="{ name: 'save', title: 'Salvar', width: 550 }" :clicked="executeOpenModal" />
                 </div>
               </b-col>
               <b-col class="text-right" sm="6">
                 <div class="side-by-side">
-                  <Button
-                    _key="btnExecuteOpenModal"
-                    type="info"
-                    title="Campos"
-                    classIcon="fas fa-database"
-                    size="small"
-                    :disabled="isLoading"
-                    :params="{ name: 'fields', title: 'Campos', width: 550 }"
-                    :clicked="executeOpenModal"
-                  />
+                  <Button _key="btnExecuteOpenModal" type="info" title="Campos" classIcon="fas fa-database" size="small"
+                    :disabled="isLoading" :params="{ name: 'fields', title: 'Campos', width: 550 }"
+                    :clicked="executeOpenModal" />
                 </div>
                 <div class="side-by-side">
-                  <Button
-                    _key="btnExecuteOpenModal"
-                    type="info"
-                    title="Filtros"
-                    classIcon="fas fa-filter"
-                    size="small"
-                    :disabled="isLoading"
-                    :params="{ name: 'rules', title: 'Filtros', width: 900 }"
-                    :clicked="executeShowFilter"
-                  />
+                  <Button _key="btnExecuteOpenModal" type="info" title="Filtros" classIcon="fas fa-filter" size="small"
+                    :disabled="isLoading" :params="{ name: 'rules', title: 'Filtros', width: 900 }"
+                    :clicked="executeShowFilter" />
                 </div>
               </b-col>
             </b-row>
@@ -83,64 +43,32 @@
           <div class="div-required" v-show="!rulesIsValid">
             <Alert type="info" v-for="rule in rulesRequired" :key="rule.id">
               É necessário informar o filtro
-              <span class="filter-required">{{ rule.title }}</span
-              >, clique no botão "Filtros" para adicionar.
+              <span class="filter-required">{{ rule.title }}</span>, clique no botão "Filtros" para adicionar.
             </Alert>
           </div>
           <div class="body-report" v-show="showBodyReport && rulesIsValid">
-            <Report
-              :header="content.headerTable"
-              :data="content.data"
-              :totalization="content.totalization"
-            />
+            <Report :header="content.headerTable" :data="content.data" :totalization="content.totalization" />
           </div>
         </div>
         <div v-show="showFilter">
           <Rules />
           <br />
           <div class="text-center">
-            <Button
-              _key="btnCancelFilter"
-              type="info"
-              classIcon="fa-solid fa-arrow-left"
-              size="small"
-              :clicked="executeHideFilter"
-            />
-            <Button
-              _key="btnApplyFilter"
-              type="primary"
-              title="Aplicar"
-              classIcon="fas fa-filter"
-              size="small"
-              :clicked="executeHideFilter"
-            />
+            <Button _key="btnCancelFilter" type="info" classIcon="fa-solid fa-arrow-left" size="small"
+              :clicked="executeHideFilter" />
+            <Button _key="btnApplyFilter" type="primary" title="Aplicar" classIcon="fas fa-filter" size="small"
+              :clicked="executeHideFilter" />
           </div>
         </div>
       </div>
     </Panel>
 
-    <Modal
-      :title="modalOptions.title"
-      :width="modalOptions.width"
-      v-show="showModal('templateReport')"
-    >
-      <ReportCreateUpdate
-        :module="panel.module"
-        v-show="modalOptions.name == 'save'"
-      />
+    <Modal :title="modalOptions.title" :width="modalOptions.width" v-show="showModal('templateReport')">
+      <ReportCreateUpdate :module="panel.module" v-show="modalOptions.name == 'save'" />
       <Fields v-if="modalOptions.name == 'fields'" />
-      <div
-        class="text-right btn-apply"
-        v-show="modalOptions.name == 'fields' || modalOptions.name == 'rules'"
-      >
-        <Button
-          _key="btnApplyFieldsAndRules"
-          type="primary"
-          title="Aplicar"
-          classIcon="fas fa-filter"
-          size="small"
-          :clicked="applyFieldsAndRules"
-        />
+      <div class="text-right btn-apply" v-show="modalOptions.name == 'fields' || modalOptions.name == 'rules'">
+        <Button _key="btnApplyFieldsAndRules" type="primary" title="Aplicar" classIcon="fas fa-filter" size="small"
+          :clicked="applyFieldsAndRules" />
       </div>
     </Modal>
   </div>
@@ -377,9 +305,8 @@ export default {
       let query = this.oDataFilter.query
         ? `$apply=filter(${this.oDataFilter.query.replace("$filter=", "")})/`
         : "$apply=";
-      let baseUrl = `${
-        this.templateList.urlGetApi
-      }?${query}aggregate(${this.oDataFilter.totalization.replace(",", "")})`;
+      let baseUrl = `${this.templateList.urlGetApi
+        }?${query}aggregate(${this.oDataFilter.totalization.replace(",", "")})`;
       return baseUrl;
     },
     liveTotalRecords() {

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>