quasar-factory-lib 0.0.84 → 0.0.86

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.84",
+  "version": "0.0.86",
   "author": ""
 }

package/src/components/Table/Table.vue

@@ -76,6 +76,7 @@
           :small-device="smallDevice"
           :show-advanced-filter="showAdvancedFilter"
           :advancedFilters="advancedFiltersData"
+          :filteredRowsLength="filteredRows.length"
         />
       </template>
       <template #body="props">

package/src/components/Table/components/TableSlotHeader.vue

@@ -33,6 +33,7 @@
     :tableProps="tablePropsData"
     :advancedFilters="advancedFilters"
     :show-advanced-filter="showAdvancedFilter"
+    :filteredRowsLength="filteredRowsLength"
   />
 </template>
 <script lang="ts">
@@ -65,6 +66,10 @@ export default {
       type: Object,
       required: true
     },
+    filteredRowsLength: {
+      type: Number,
+      required: true
+    }
   },
   data () {
     return {

package/src/components/Table/components/advanced-filters/GridAdvancedFilters.vue

@@ -8,16 +8,26 @@
     transition-show="slide-up"
     transition-hide="slide-down">
     <q-card
+      class="bg-main-color"
       square
       flat
     >
+    {{ filteredRowsLength }}
       <q-bar>
-        <q-icon
-          name="filter_alt"
-           color="primary"
-        />
-          <q-space />
-
+        <q-btn
+          dense
+          flat
+          color="primary"
+          round
+          icon="filter_alt"
+          >
+          <q-badge
+            rounded
+            color="negative"
+            :label="filteredRowsLength"
+          />
+        </q-btn>
+          <q-space />           
           <q-btn
             dense
             flat
@@ -122,6 +132,10 @@ export default {
     showAdvancedFilter: {
       type: Boolean,
       default: false
+    },
+    filteredRowsLength: {
+      type: Number,
+      required: true
     }
   },
   data () {