vue-laravel-crud 1.6.6 → 1.6.8

package/dist/vue-laravel-crud.esm.js

@@ -12115,7 +12115,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = "tr td[data-v-6dad4180]:last-child,\ntr td[data-v-6dad4180]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-6dad4180] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-6dad4180] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-6dad4180] .crud-title[data-v-6dad4180] {\n    margin: 0; }\n  .crud-header[data-v-6dad4180] .crud-search[data-v-6dad4180] {\n    max-width: 15rem; }\n    .crud-header[data-v-6dad4180] .crud-search[data-v-6dad4180] .btn[data-v-6dad4180] {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: 0.375rem;\n      border-bottom-right-radius: 0.375rem; }\n      .crud-header[data-v-6dad4180] .crud-search[data-v-6dad4180] .btn[data-v-6dad4180].open[data-v-6dad4180] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-6dad4180] .table-options[data-v-6dad4180] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-6dad4180] {\n  position: relative;\n  top: -15px; }\n\n@media (min-width: 992px) {\n  .table[data-v-6dad4180] {\n    table-layout: auto; }\n    .table[data-v-6dad4180] tbody[data-v-6dad4180] td[data-v-6dad4180] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-6dad4180] tbody[data-v-6dad4180] td[data-v-6dad4180]::-webkit-scrollbar {\n      display: none; } }\n";
+var css = "tr td[data-v-d24c9f33]:last-child,\ntr td[data-v-d24c9f33]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-d24c9f33] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-d24c9f33] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-d24c9f33] .crud-title[data-v-d24c9f33] {\n    margin: 0; }\n  .crud-header[data-v-d24c9f33] .crud-search[data-v-d24c9f33] {\n    max-width: 15rem; }\n    .crud-header[data-v-d24c9f33] .crud-search[data-v-d24c9f33] .btn[data-v-d24c9f33] {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: 0.375rem;\n      border-bottom-right-radius: 0.375rem; }\n      .crud-header[data-v-d24c9f33] .crud-search[data-v-d24c9f33] .btn[data-v-d24c9f33].open[data-v-d24c9f33] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-d24c9f33] .table-options[data-v-d24c9f33] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-d24c9f33] {\n  position: relative;\n  top: -15px; }\n\n@media (min-width: 992px) {\n  .table[data-v-d24c9f33] {\n    table-layout: auto; }\n    .table[data-v-d24c9f33] tbody[data-v-d24c9f33] td[data-v-d24c9f33] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-d24c9f33] tbody[data-v-d24c9f33] td[data-v-d24c9f33]::-webkit-scrollbar {\n      display: none; } }\n";
 n(css, {});
 
 function normalizeComponent (
@@ -12533,6 +12533,10 @@ const _sfc_main = {
     principalSortColumn: {
       type: String,
       default: "id"
+    },
+    bulkDelete: {
+      type: Boolean,
+      default: false
     }
   },
   mounted() {
@@ -12982,6 +12986,69 @@ const _sfc_main = {
         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) {
         return this.deleteItemVuex(id, index);
@@ -13584,7 +13651,16 @@ var _sfc_render = function render() {
           return _vm.togglePrincipalSort();
         }
       }
-    }, [_vm.principalSort ? _c('b-icon-sort-numeric-down') : _c('b-icon-sort-numeric-up')], 1) : _vm._e(), _vm.showCreateBtn ? _c('b-button', {
+    }, [_vm.principalSort ? _c('b-icon-sort-numeric-down') : _c('b-icon-sort-numeric-up')], 1) : _vm._e(), _vm.bulkDelete ? _c('b-button', {
+      attrs: {
+        "variant": "danger"
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.confirmBulkDelete();
+        }
+      }
+    }, [_c('b-icon-trash')], 1) : _vm._e(), _vm.showCreateBtn ? _c('b-button', {
       attrs: {
         "variant": "success",
         "disabled": _vm.loading
@@ -14295,7 +14371,7 @@ var _sfc_render = function render() {
   }) : _vm._e()], 2)], 1);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "6dad4180", null, null);
+var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "d24c9f33", null, null);
 var component = __component__.exports;
 
 // Import vue component