innoboxrr-vue-datatable 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "innoboxrr-vue-datatable",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Datatable para vue3",
   "main": "index.js",
   "scripts": {

package/src/DataTable.vue

@@ -197,6 +197,11 @@
 				required: true
 			},
 
+			policyMethod: {
+				type: String,
+				default: 'post'
+			},
+
 			showTopbar:{
 				type: Boolean,
 				default: true
@@ -473,24 +478,37 @@
 
 			actionButtonClicked(actions) {
 
-				// Recuperar el id
-				let id = actions[0].params.id;
+				const id = actions[0].params.id;
 
-				axios.post(this.policyUrl, {
+				const requestData = {
 
 					_token: csrf_token,
 
 					id: id
 
-				}).then(res => {
+				};
+
+				const requestConfig = {
+
+					method: this.policyMethod,
+
+					url: this.policyUrl,
+
+					data: this.policyMethod === 'post' ? requestData : null,
+
+					params: this.policyMethod === 'get' ? requestData : null
+
+				};
+
+				axios(requestConfig).then(res => {
 
 					this.fetchPoliciesAttempts = 0;
 
-					let policies = res.data;
+					const policies = res.data;
 
-					actions.forEach( action => {
+					actions.forEach(action => {
 
-						if(policies[action.id]) {
+						if (policies[action.id]) {
 
 							action.policy = true;
 
@@ -500,9 +518,9 @@
 
 				}).catch(error => {
 
-					if(this.fetchPoliciesAttempts <= 3) {
+					if (this.fetchPoliciesAttempts <= 3) {
 
-						setTimeout( () => {	
+						setTimeout(() => {
 
 							++this.fetchPoliciesAttempts;
 
@@ -512,7 +530,7 @@
 
 					} else {
 
-						setTimeout( () => {
+						setTimeout(() => {
 
 							this.fetchPoliciesAttempts = 0;
 

package/src/components/SelectPaginationComponent.vue

@@ -8,7 +8,11 @@
 			    
 			    <li>
 			    
-			    	<span v-if="meta.total > 0">{{ 'Showing' }} {{ meta.from }} {{ 'to' }} {{ meta.to }} {{ 'of' }} {{ meta.total }} {{ 'entries' }}</span>
+			    	<span v-if="meta.total > 0">
+
+			    		{{ 'Showing' }} {{ meta.from }} {{ 'to' }} {{ meta.to }} {{ 'of' }} {{ meta.total }} {{ 'entries' }}
+
+			    	</span>
 
 			    	<span v-else>{{ ('No results found') }}</span>
 
@@ -36,7 +40,6 @@
 			    <li>
 			    	<select
 			    		class="uk-select"
-			    		@change="updatePage()"
 			    		v-model="current_page">
 
 			    		<option 
@@ -86,18 +89,24 @@
 
 		emits: ['updatePage'],
 
-		updated() {
+		data() {
 
-			this.current_page = this.meta.current_page;
+			return {
+
+				current_page: 1,
+				
+			}
 
 		},
 
-		data() {
+		watch: {
 
-			return {
+			current_page(newVal, oldVal) {
+
+				this.current_page = newVal;
+
+				this.updatePage();
 
-				current_page: this.meta.current_page,
-				
 			}
 
 		},