classcard-ui 0.2.214 → 0.2.215

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.214",
3
+ "version": "0.2.215",
4
4
  "main": "dist/classcard-ui.common.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -1,6 +1,7 @@
1
1
  <template>
2
2
  <div>
3
- <div slot="table-actions" v-if="tableActions" class="bg-gray-50 rounded-lg p-3 mb-4">
3
+
4
+ <div slot="table-actions" v-if="tableActions" class="bg-gray-100 rounded-lg p-3 mb-6">
4
5
  <div class="flex justify-between">
5
6
  <div v-if="searching">
6
7
  <c-input v-model="searchTerm" :isValidate="searching" :placeholder="searchPlaceholder" class="-mt-1 w-56" type="text"></c-input>
@@ -65,10 +66,16 @@
65
66
  </div>
66
67
 
67
68
  <vue-good-table
68
- class="border-solid border-2 border-gray-100 rounded-lg overflow-hidden"
69
+ class="border-solid border-2 border-gray-200 rounded-lg"
69
70
  mode="remote"
70
71
  ref="my-table"
71
72
  :styleClass="showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'"
73
+ row-style-class="focus:outline-none"
74
+ min-height="400px"
75
+ :globalSearch="true"
76
+ :isLoading="showLoader"
77
+ :totalRows="totalRecords"
78
+ :columns="cols"
72
79
  :rows="rows"
73
80
  :search-options="{
74
81
  enabled: searching,
@@ -142,7 +149,6 @@
142
149
  {{ props.formattedRow[props.column.field] }}
143
150
  </span>
144
151
  </template>
145
-
146
152
  <!-- Custom pagination component -->
147
153
  <template v-if="pagination" slot="pagination-bottom">
148
154
  <c-pagination
@@ -151,7 +157,6 @@
151
157
  @setCurrentPage="setCurrentPageRecords"
152
158
  @setPreviousPage="setPreviousPageRecords"
153
159
  @setNextPage="setNextPageRecords"
154
- class="border-t-0"
155
160
  ></c-pagination>
156
161
  </template>
157
162
  <!-- Custom loader for table -->
@@ -200,7 +205,7 @@ export default {
200
205
  VueGoodTable,
201
206
  CPagination,
202
207
  CButtonIcon,
203
- CInput
208
+ CInput,
204
209
  },
205
210
  props: {
206
211
  // To show or hide pagination section