vue-laravel-crud 1.6.7 → 1.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-laravel-crud",
-    "version": "1.6.7",
+    "version": "1.6.9",
     "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() {
@@ -853,8 +859,26 @@ export default /*#__PURE__*/ {
         });
     },
 
-
-
+    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();
@@ -1439,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>
@@ -1544,9 +1569,10 @@ export default /*#__PURE__*/ {
 
                   </div>
                 </slot>
-
+                <span v-else-if="column.type == 'select'">
+                    <b-form-checkbox name="select-all" @change="toggleAll()"></b-form-checkbox>
+                </span>
                 <span v-else>{{ column.label }}</span>
-
                 <span v-if="sortable && internalFilterByProp(column.prop + '_sort')" class="sort-filter"
                   @click="toggleSortFilter(column)"><b-icon-sort-down
                     v-if="!internalFilterByProp(column.prop + '_sort').value"></b-icon-sort-down><b-icon-sort-up
@@ -1840,7 +1866,6 @@ tr td:first-child {
 
 .custom-control {
   position: relative;
-  top: -15px;
 }