vue-laravel-crud 1.6.6 → 1.6.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-laravel-crud",
-    "version": "1.6.6",
+    "version": "1.6.8",
     "description": "",
     "homepage": "https://github.com/clonixdev/vue-laravel-crud",
     "main": "dist/vue-laravel-crud.ssr.js",

package/src/vue-laravel-crud.vue

@@ -343,6 +343,12 @@ export default /*#__PURE__*/ {
       type: String,
       default: "id",
     },
+
+    bulkDelete: {
+      type: Boolean,
+      default: false,
+    },
+
   },
 
   mounted() {
@@ -852,6 +858,78 @@ export default /*#__PURE__*/ {
           this.loading = false;
         });
     },
+
+    confirmBulkDelete(){
+      this.$bvModal
+        .msgBoxConfirm(this.messageRemoveConfirm, {
+          size: "sm",
+          buttonSize: "sm",
+          okVariant: "danger",
+          okTitle: this.messageRemove,
+          cancelTitle: "NO",
+          centered: true,
+        })
+        .then((value) => {
+          if (value) {
+            this.deleteItemBulk();
+          }
+        })
+        .catch((error) => {
+          this.toastError(error);
+          this.loading = false;
+        });
+    },
+    deleteItemBulk(){
+      if (this.useVuexORM) {
+        return this.deleteItemBulkVuex();
+      }
+
+      if (!this.ajax) {
+        return this.deleteItemBulkLocal();
+      }
+
+
+      let ids = this.selectedItems.map(it => it.id);
+
+      this.loading = true;
+      axios
+        .delete(this.apiUrl + "/" + this.modelName + "/bulk-destroy", {ids: ids} )
+        .then((response) => {
+          this.items = this.items.filter(it => ids.includes(it.id));
+          this.toastSuccess("Elemento/s eliminado.");
+          this.$emit("itemDeleted", {});
+          this.loading = false;
+        })
+        .catch((error) => {
+          this.toastError(error);
+          this.loading = false;
+        });
+    },
+    async deleteItemBulkLocal() {
+      let ids = this.selectedItems.map(it => it.id);
+      this.items = this.items.filter(it => ids.includes(it.id));
+      this.item = null;
+      this.toastSuccess("Elemento Eliminado");
+      this.$emit("itemDeleted", {});
+      this.loading = false;
+    },
+    async deleteItemBulkVuex() {
+/*
+      let result = await this.model.api().delete('/' + id, {
+        delete: 1
+      });
+
+      console.debug("delete item vuex", result);
+      let responseStatus = result.response.status;
+
+      if (result.response.data.error) {
+        this.toastError(result.response.data.error);
+        this.loading = false;
+        return;
+      }
+
+      this.toastSuccess("Elemento eliminado.");*/
+    },
     deleteItem(id, index) {
 
       if (this.useVuexORM) {
@@ -1385,11 +1463,12 @@ export default /*#__PURE__*/ {
           <slot name="tableActions" v-bind:createItem="createItem" v-bind:toggleDisplayMode="toggleDisplayMode"
             v-bind:loading="loading">
             <slot name="tableActionsPrepend" v-bind:loading="loading"> </slot>
+
             <b-button variant="info" v-if="showPrincipalSortBtn" @click="togglePrincipalSort()" :disabled="loading">
               <b-icon-sort-numeric-down v-if="principalSort"></b-icon-sort-numeric-down>
               <b-icon-sort-numeric-up v-else></b-icon-sort-numeric-up>
             </b-button>
-            
+            <b-button variant="danger" @click="confirmBulkDelete()" v-if="bulkDelete"><b-icon-trash></b-icon-trash></b-button>
             <b-button variant="success" v-if="showCreateBtn" @click="createItem()" :disabled="loading">
               <b-icon-plus></b-icon-plus>{{ messageNew }}
             </b-button>