quasar-factory-lib 0.0.84 → 0.0.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -97,6 +97,6 @@
97
97
  "release": "standard-version"
98
98
  },
99
99
  "type": "module",
100
- "version": "0.0.84",
100
+ "version": "0.0.85",
101
101
  "author": ""
102
102
  }
@@ -76,6 +76,7 @@
76
76
  :small-device="smallDevice"
77
77
  :show-advanced-filter="showAdvancedFilter"
78
78
  :advancedFilters="advancedFiltersData"
79
+ :filteredRowsLength="filteredRows.length"
79
80
  />
80
81
  </template>
81
82
  <template #body="props">
@@ -33,6 +33,7 @@
33
33
  :tableProps="tablePropsData"
34
34
  :advancedFilters="advancedFilters"
35
35
  :show-advanced-filter="showAdvancedFilter"
36
+ :filteredRowsLength="filteredRowsLength"
36
37
  />
37
38
  </template>
38
39
  <script lang="ts">
@@ -65,6 +66,10 @@ export default {
65
66
  type: Object,
66
67
  required: true
67
68
  },
69
+ filteredRowsLength: {
70
+ type: Number,
71
+ required: true
72
+ }
68
73
  },
69
74
  data () {
70
75
  return {
@@ -8,16 +8,25 @@
8
8
  transition-show="slide-up"
9
9
  transition-hide="slide-down">
10
10
  <q-card
11
+ class="bg-main-color"
11
12
  square
12
13
  flat
13
14
  >
14
15
  <q-bar>
15
- <q-icon
16
- name="filter_alt"
17
- color="primary"
18
- />
19
- <q-space />
20
-
16
+ <q-btn
17
+ dense
18
+ flat
19
+ color="primary"
20
+ round
21
+ icon="filter_alt"
22
+ >
23
+ <q-badge
24
+ rounded
25
+ color="negative"
26
+ :label="filteredRowsLength"
27
+ />
28
+ </q-btn>
29
+ <q-space />
21
30
  <q-btn
22
31
  dense
23
32
  flat
@@ -122,6 +131,10 @@ export default {
122
131
  showAdvancedFilter: {
123
132
  type: Boolean,
124
133
  default: false
134
+ },
135
+ filteredRowsLength: {
136
+ type: Number,
137
+ required: true
125
138
  }
126
139
  },
127
140
  data () {