Allow use of custom query params in vuestic-datatable (epicmaxco#170)

* Allow use of custom query params in vuestic-datatable * use camelcase to keep code style consistent
ifuxzrf · Apr 23, 2018 · 8ce46a4 · 8ce46a4
1 parent fefdf57
commit 8ce46a4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/components/tables/Table.vue b/src/components/tables/Table.vue
@@ -188,6 +188,7 @@
             :sortFunctions="sortFunctions"
             :apiMode="apiMode"
             :paginationPath="paginationPath"
+            :queryParams="queryParams"
           />
         </vuestic-widget>
       </div>
@@ -201,6 +202,7 @@
   import BadgeColumn from './BadgeColumn.vue'
   import FieldsDef from 'vuestic-components/vuestic-datatable/data/fields-definition'
   import ItemsPerPageDef from 'vuestic-components/vuestic-datatable/data/items-per-page-definition'
+  import QueryParams from 'vuestic-components/vuestic-datatable/data/query-params'
 
   Vue.component('badge-column', BadgeColumn)
 
@@ -215,7 +217,8 @@
         itemsPerPage: ItemsPerPageDef.itemsPerPage,
         sortFunctions: FieldsDef.sortFunctions,
         paginationPath: '',
-        defaultTablePerPage: 6
+        defaultTablePerPage: 6,
+        queryParams: QueryParams
       }
     }
   }

diff --git a/src/vuestic-theme/vuestic-components/vuestic-datatable/VuesticDataTable.vue b/src/vuestic-theme/vuestic-components/vuestic-datatable/VuesticDataTable.vue
@@ -30,6 +30,7 @@
       :paginationPath="paginationPathComputed"
       :appendParams="moreParams"
       :perPage="perPage"
+      :queryParams="queryParams"
       @vuetable:pagination-data="onPaginationData"
     />
     <div class="d-flex justify-content-center mb-4">
@@ -130,6 +131,9 @@
       paginationPath: {
         type: String,
         default: ''
+      },
+      queryParams: {
+        type: Object
       }
     },
     data () {

diff --git a/src/vuestic-theme/vuestic-components/vuestic-datatable/data/query-params.js b/src/vuestic-theme/vuestic-components/vuestic-datatable/data/query-params.js
@@ -0,0 +1,5 @@
+export default {
+  sort: 'sort',
+  page: 'page',
+  perPage: 'per_page'
+}