vue-laravel-crud 1.6.15 → 1.6.17

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

@@ -12532,7 +12532,7 @@ Plugin.install = function (Vue, options) {
 
 if (typeof window !== 'undefined' && window.Vue) {
   window.Vue.use(Plugin);
-}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-2a26c95b]:last-child,\ntr td[data-v-2a26c95b]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-2a26c95b] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-2a26c95b] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-2a26c95b] .crud-title[data-v-2a26c95b] {\n    margin: 0; }\n  .crud-header[data-v-2a26c95b] .crud-search[data-v-2a26c95b] {\n    max-width: 15rem; }\n    .crud-header[data-v-2a26c95b] .crud-search[data-v-2a26c95b] .btn[data-v-2a26c95b] {\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-2a26c95b] .crud-search[data-v-2a26c95b] .btn[data-v-2a26c95b].open[data-v-2a26c95b] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-2a26c95b] .table-options[data-v-2a26c95b] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-2a26c95b] {\n  position: relative; }\n\n@media (min-width: 992px) {\n  .table[data-v-2a26c95b] {\n    table-layout: auto; }\n    .table[data-v-2a26c95b] tbody[data-v-2a26c95b] td[data-v-2a26c95b] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-2a26c95b] tbody[data-v-2a26c95b] td[data-v-2a26c95b]::-webkit-scrollbar {\n      display: none; } }\n";
+}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-98af7782]:last-child,\ntr td[data-v-98af7782]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-98af7782] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-98af7782] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-98af7782] .crud-title[data-v-98af7782] {\n    margin: 0; }\n  .crud-header[data-v-98af7782] .crud-search[data-v-98af7782] {\n    max-width: 15rem; }\n    .crud-header[data-v-98af7782] .crud-search[data-v-98af7782] .btn[data-v-98af7782] {\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-98af7782] .crud-search[data-v-98af7782] .btn[data-v-98af7782].open[data-v-98af7782] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-98af7782] .table-options[data-v-98af7782] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-98af7782] {\n  position: relative; }\n\n@media (min-width: 992px) {\n  .table[data-v-98af7782] {\n    table-layout: auto; }\n    .table[data-v-98af7782] tbody[data-v-98af7782] td[data-v-98af7782] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-98af7782] tbody[data-v-98af7782] td[data-v-98af7782]::-webkit-scrollbar {\n      display: none; } }\n";
 n(css, {});function normalizeComponent (
     scriptExports,
     render,
@@ -13012,7 +13012,11 @@ n(css, {});function normalizeComponent (
     if (this.ajax) {
       this.fetchItems();
     } else {
-      this.items = this.models;
+      if (this.grouped) {
+        this.groupItems(this.models);
+      } else {
+        this.items = this.models;
+      }
       this.pagination.total = this.items.length;
       this.firstLoad = true;
     }
@@ -13220,20 +13224,21 @@ n(css, {});function normalizeComponent (
       this.onSelect();
       console.debug("Selected Items", this.selectedItems);
     },
-    toggleAll: function toggleAll() {
-      if (this.selectedItems.length > 0) {
-        this.selectedItems = [];
+    toggleAll: function toggleAll(value) {
+      if (value) {
+        this.selectedItems = this.items;
         this.selectedItems.forEach(function (item) {
-          return item.selected = false;
+          return item.selected = true;
         });
       } else {
-        this.selectedItems = this.items;
+        this.selectedItems = [];
         this.selectedItems.forEach(function (item) {
-          return item.selected = true;
+          return item.selected = false;
         });
       }
       this.onSelect();
       console.debug("toggle all", this.selectedItems);
+      this.$forceUpdate();
     },
     unSelectItem: function unSelectItem(item) {
       this.selectedItems = this.selectedItems.filter(function (e) {
@@ -13411,36 +13416,7 @@ n(css, {});function normalizeComponent (
         _this11.makePagination(response.data);
         var items = response.data.data;
         if (_this11.grouped) {
-          var itemswithgroup = [];
-          var lastcomparevalue = null;
-          var compareattr = _this11.groupedAttribute;
-          var groupLabelPre = _this11.groupedLabelPre;
-          var groupLabelAfter = _this11.groupedLabelAfter;
-          items.forEach(function (item, key) {
-            if (Array.isArray(item)) {
-              itemswithgroup.push({
-                label: groupLabelPre + key + groupLabelAfter,
-                group: true
-              });
-              item.forEach(function (sitem) {
-                itemswithgroup.push(sitem);
-              });
-            } else {
-              if (lastcomparevalue != item[compareattr]) {
-                lastcomparevalue = item[compareattr];
-                itemswithgroup.push({
-                  crudgrouplabel: groupLabelPre + lastcomparevalue + groupLabelAfter,
-                  crudgroup: true
-                });
-              }
-              itemswithgroup.push(item);
-            }
-          });
-          if (concat) {
-            _this11.items = _this11.items.concat(itemswithgroup);
-          } else {
-            _this11.items = itemswithgroup;
-          }
+          _this11.groupItems(items, concat);
         } else {
           if (concat) {
             _this11.items = _this11.items.concat(items);
@@ -13459,6 +13435,39 @@ n(css, {});function normalizeComponent (
         _this11.fetchError = true;
       });
     },
+    groupItems: function groupItems(items) {
+      var concat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var itemswithgroup = [];
+      var lastcomparevalue = null;
+      var compareattr = this.groupedAttribute;
+      var groupLabelPre = this.groupedLabelPre;
+      var groupLabelAfter = this.groupedLabelAfter;
+      items.forEach(function (item, key) {
+        if (Array.isArray(item)) {
+          itemswithgroup.push({
+            label: groupLabelPre + key + groupLabelAfter,
+            group: true
+          });
+          item.forEach(function (sitem) {
+            itemswithgroup.push(sitem);
+          });
+        } else {
+          if (lastcomparevalue != item[compareattr]) {
+            lastcomparevalue = item[compareattr];
+            itemswithgroup.push({
+              crudgrouplabel: groupLabelPre + lastcomparevalue + groupLabelAfter,
+              crudgroup: true
+            });
+          }
+          itemswithgroup.push(item);
+        }
+      });
+      if (concat) {
+        this.items = this.items.concat(itemswithgroup);
+      } else {
+        this.items = itemswithgroup;
+      }
+    },
     removeItem: function removeItem(id, index) {
       var _this12 = this;
       this.$bvModal.msgBoxConfirm(this.messageRemoveConfirm, {
@@ -14557,7 +14566,7 @@ var _sfc_render = function render() {
           },
           on: {
             "change": function change($event) {
-              return _vm.toggleAll();
+              return _vm.toggleAll($event);
             }
           }
         }) : column.type == 'select' ? _c('b-form-checkbox', {
@@ -14566,7 +14575,7 @@ var _sfc_render = function render() {
           },
           on: {
             "change": function change($event) {
-              return _vm.toggleAll();
+              return _vm.toggleAll($event);
             }
           }
         }) : _c('input', {
@@ -14603,7 +14612,7 @@ var _sfc_render = function render() {
         },
         on: {
           "change": function change($event) {
-            return _vm.toggleAll();
+            return _vm.toggleAll($event);
           }
         }
       })], 1) : _c('span', [_vm._v(_vm._s(column.label))]), _vm.sortable && column.type != 'select' && column.type != 'checkbox' && _vm.internalFilterByProp(column.prop + '_sort') ? _c('span', {
@@ -15048,7 +15057,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, "2a26c95b", null, null);
+var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "98af7782", null, null);
 var component$1 = __component__.exports;// Import vue component
 
 // Default export is installable instance of component.

package/package.json

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

package/src/vue-laravel-crud.vue

@@ -419,7 +419,13 @@ export default /*#__PURE__*/ {
     if (this.ajax) {
       this.fetchItems();
     } else {
-      this.items = this.models;
+
+      if (this.grouped) {
+            this.groupItems(this.models);
+      } else {
+        this.items = this.models;
+      }
+
       this.pagination.total = this.items.length;
       this.firstLoad = true;
     }
@@ -647,23 +653,26 @@ export default /*#__PURE__*/ {
       this.onSelect();
       console.debug("Selected Items",this.selectedItems);
     },
-    toggleAll() {
-      if (this.selectedItems.length > 0) {
-        this.selectedItems = [];
-        this.selectedItems.forEach(
-          (item) =>      item.selected = false
-        );
-      } else {
+    toggleAll(value) {
+
+
+      if(value){
         this.selectedItems = this.items;
 
         this.selectedItems.forEach(
           (item) =>      item.selected = true
         );
+      }else{
+        this.selectedItems = [];
+        this.selectedItems.forEach(
+          (item) =>      item.selected = false
+        );
       }
 
       this.onSelect();
 
       console.debug("toggle all",this.selectedItems);
+      this.$forceUpdate();
     },
     unSelectItem(item){
       this.selectedItems = this.selectedItems.filter(
@@ -815,7 +824,30 @@ export default /*#__PURE__*/ {
           this.makePagination(response.data);
           let items = response.data.data;
           if (this.grouped) {
-            let itemswithgroup = [];
+            this.groupItems(items,concat);
+          } else {
+            if (concat) {
+              this.items = this.items.concat(items);
+            } else {
+              this.items = items;
+            }
+          }
+
+          this.loading = false;
+          this.firstLoad = true;
+          this.$emit("afterFetch", {});
+        })
+        .catch((error) => {
+          //console.debug(error);
+          this.toastError(error);
+          this.loading = false;
+          this.firstLoad = true;
+          this.fetchError = true;
+        });
+    },
+
+    groupItems(items,concat = false){
+      let itemswithgroup = [];
             let lastcomparevalue = null;
             let compareattr = this.groupedAttribute;
             let groupLabelPre = this.groupedLabelPre;
@@ -846,25 +878,6 @@ export default /*#__PURE__*/ {
             } else {
               this.items = itemswithgroup;
             }
-          } else {
-            if (concat) {
-              this.items = this.items.concat(items);
-            } else {
-              this.items = items;
-            }
-          }
-
-          this.loading = false;
-          this.firstLoad = true;
-          this.$emit("afterFetch", {});
-        })
-        .catch((error) => {
-          //console.debug(error);
-          this.toastError(error);
-          this.loading = false;
-          this.firstLoad = true;
-          this.fetchError = true;
-        });
     },
     removeItem(id, index) {
       this.$bvModal
@@ -1589,10 +1602,10 @@ export default /*#__PURE__*/ {
                       </option>
                     </select>
 
-                    <b-form-checkbox v-else-if="column.type == 'checkbox'" name="select-all" @change="toggleAll()">
+                    <b-form-checkbox v-else-if="column.type == 'checkbox'" name="select-all" @change="toggleAll($event)">
                     </b-form-checkbox>
                     
-                    <b-form-checkbox v-else-if="column.type == 'select'" name="select-all" @change="toggleAll()">
+                    <b-form-checkbox v-else-if="column.type == 'select'" name="select-all" @change="toggleAll($event)">
                     </b-form-checkbox>
 
                     <input v-else class="form-control form-control-md p-2"
@@ -1602,7 +1615,7 @@ export default /*#__PURE__*/ {
                   </div>
                 </slot>
                 <span v-else-if="column.type == 'select'">
-                    <b-form-checkbox name="select-all" @change="toggleAll()"></b-form-checkbox>
+                    <b-form-checkbox name="select-all" @change="toggleAll($event)"></b-form-checkbox>
                 </span>
                 <span v-else>{{ column.label }}</span>