vue-laravel-crud 1.6.28 → 1.7.0

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-e3d9c7eb]:last-child,\ntr td[data-v-e3d9c7eb]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-e3d9c7eb] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-e3d9c7eb] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-e3d9c7eb] .crud-title[data-v-e3d9c7eb] {\n    margin: 0; }\n  .crud-header[data-v-e3d9c7eb] .crud-search[data-v-e3d9c7eb] {\n    max-width: 15rem; }\n    .crud-header[data-v-e3d9c7eb] .crud-search[data-v-e3d9c7eb] .btn[data-v-e3d9c7eb] {\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-e3d9c7eb] .crud-search[data-v-e3d9c7eb] .btn[data-v-e3d9c7eb].open[data-v-e3d9c7eb] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-e3d9c7eb] .table-options[data-v-e3d9c7eb] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-e3d9c7eb] {\n  position: relative; }\n\n@media (min-width: 992px) {\n  .table[data-v-e3d9c7eb] {\n    table-layout: auto; }\n    .table[data-v-e3d9c7eb] tbody[data-v-e3d9c7eb] td[data-v-e3d9c7eb] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-e3d9c7eb] tbody[data-v-e3d9c7eb] td[data-v-e3d9c7eb]::-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-2f35a88a]:last-child,\ntr td[data-v-2f35a88a]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-2f35a88a] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-2f35a88a] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-2f35a88a] .crud-title[data-v-2f35a88a] {\n    margin: 0; }\n  .crud-header[data-v-2f35a88a] .crud-search[data-v-2f35a88a] {\n    max-width: 15rem; }\n    .crud-header[data-v-2f35a88a] .crud-search[data-v-2f35a88a] .btn[data-v-2f35a88a] {\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-2f35a88a] .crud-search[data-v-2f35a88a] .btn[data-v-2f35a88a].open[data-v-2f35a88a] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-2f35a88a] .table-options[data-v-2f35a88a] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-2f35a88a] {\n  position: relative; }\n\n@media (min-width: 992px) {\n  .table[data-v-2f35a88a] {\n    table-layout: auto; }\n    .table[data-v-2f35a88a] tbody[data-v-2f35a88a] td[data-v-2f35a88a] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-2f35a88a] tbody[data-v-2f35a88a] td[data-v-2f35a88a]::-webkit-scrollbar {\n      display: none; } }\n";
 n(css, {});function normalizeComponent (
     scriptExports,
     render,
@@ -12715,6 +12715,10 @@ n(css, {});function normalizeComponent (
       type: Boolean | Array,
       default: true
     },
+    vuexLocalforage: {
+      type: Boolean,
+      default: false
+    },
     columns: {
       type: Array,
       default: function _default() {
@@ -13390,8 +13394,18 @@ n(css, {});function normalizeComponent (
               page = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : 1;
               _this10.loading = true;
               _this10.$emit("beforeFetch", {});
-              _this10.model.deleteAll();
+              if (!_this10.vuexLocalforage) {
+                _context.next = 9;
+                break;
+              }
               _context.next = 7;
+              return _this10.model.$fetch();
+            case 7:
+              _context.next = 13;
+              break;
+            case 9:
+              _this10.model.deleteAll();
+              _context.next = 12;
               return _this10.model.api().get('', {
                 params: {
                   page: page,
@@ -13399,8 +13413,9 @@ n(css, {});function normalizeComponent (
                   filters: JSON.stringify(_this10.finalFilters)
                 }
               });
-            case 7:
+            case 12:
               result = _context.sent;
+            case 13:
               itemsResult = _this10.model.query().withAll().get(); //let itemsResult = result.entities[this.model.entity];
               if (itemsResult) {
                 _this10.items = itemsResult;
@@ -13408,7 +13423,7 @@ n(css, {});function normalizeComponent (
               console.debug("fetch page vuex ", itemsResult, page, _this10.items, result);
               _this10.loading = false;
               _this10.firstLoad = true;
-            case 13:
+            case 18:
             case "end":
               return _context.stop();
           }
@@ -13662,24 +13677,34 @@ n(css, {});function normalizeComponent (
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context5.next = 2;
+              if (!_this18.vuexLocalforage) {
+                _context5.next = 5;
+                break;
+              }
+              _context5.next = 3;
+              return _this18.model.$delete(id);
+            case 3:
+              _context5.next = 14;
+              break;
+            case 5:
+              _context5.next = 7;
               return _this18.model.api().delete('/' + id, {
                 delete: 1
               });
-            case 2:
+            case 7:
               result = _context5.sent;
               console.debug("delete item vuex", result);
               result.response.status;
               if (!result.response.data.error) {
-                _context5.next = 9;
+                _context5.next = 14;
                 break;
               }
               _this18.toastError(result.response.data.error);
               _this18.loading = false;
               return _context5.abrupt("return");
-            case 9:
+            case 14:
               _this18.toastSuccess("Elemento eliminado.");
-            case 10:
+            case 15:
             case "end":
               return _context5.stop();
           }
@@ -13755,7 +13780,7 @@ n(css, {});function normalizeComponent (
       var _this21 = this;
       var formData = new FormData();
       formData.append("file", this.fileImport);
-      axios.post(this.apiUrl + "/" + this.modelName + "/impport", formData, {
+      axios.post(this.apiUrl + "/" + this.modelName + "/import", formData, {
         headers: {
           "Content-Type": "multipart/form-data"
         }
@@ -13822,41 +13847,70 @@ n(css, {});function normalizeComponent (
               jsondata = _this23.item.$toJson();
               console.debug("save item 2", _this23.item, jsondata);
               create = false;
-              if (!_this23.item.id) {
-                _context6.next = 12;
+              if (!_this23.vuexLocalforage) {
+                _context6.next = 21;
                 break;
               }
               _context6.next = 8;
-              return _this23.model.api().put('/' + _this23.item.id, jsondata);
+              return _this23.model.$create(id);
             case 8:
+              if (!_this23.item.id) {
+                _context6.next = 15;
+                break;
+              }
+              _context6.next = 11;
+              return _this23.model.$update(_this23.item.id, jsondata);
+            case 11:
               result = _context6.sent;
               create = false;
-              _context6.next = 16;
+              _context6.next = 19;
               break;
-            case 12:
-              _context6.next = 14;
+            case 15:
+              _context6.next = 17;
+              return _this23.model.$create(_this23.item.id, jsondata);
+            case 17:
+              result = _context6.sent;
+              create = true;
+            case 19:
+              _context6.next = 38;
+              break;
+            case 21:
+              if (!_this23.item.id) {
+                _context6.next = 28;
+                break;
+              }
+              _context6.next = 24;
+              return _this23.model.api().put('/' + _this23.item.id, jsondata);
+            case 24:
+              result = _context6.sent;
+              create = false;
+              _context6.next = 32;
+              break;
+            case 28:
+              _context6.next = 30;
               return _this23.model.api().post('', jsondata);
-            case 14:
+            case 30:
               result = _context6.sent;
               create = true;
-            case 16:
+            case 32:
               result.response.status;
               if (!result.response.data.error) {
-                _context6.next = 21;
+                _context6.next = 37;
                 break;
               }
               _this23.toastError(result.response.data.error);
               _this23.loading = false;
               return _context6.abrupt("return");
-            case 21:
+            case 37:
               result.save();
+            case 38:
               if (_this23.refreshAfterSave) _this23.refresh();
               _this23.loading = false;
               _this23.toastSuccess("Elemento Modificado");
               if (_this23.hideModalAfterSave || create && _this23.hideModalAfterCreate || !create && _this23.hideModalAfterUpdate) {
                 _this23.$bvModal.hide("modal-form-item-" + _this23.modelName);
               }
-            case 26:
+            case 42:
             case "end":
               return _context6.stop();
           }
@@ -15220,7 +15274,7 @@ var _sfc_render = function render() {
   }) : _vm._e()], 2) : _vm._e()], 1);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "e3d9c7eb", null, null);
+var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "2f35a88a", 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.28",
+    "version": "1.7.0",
     "description": "",
     "homepage": "https://github.com/clonixdev/vue-laravel-crud",
     "main": "dist/vue-laravel-crud.ssr.js",

package/src/vue-laravel-crud.vue

@@ -98,6 +98,10 @@ export default /*#__PURE__*/ {
       type: Boolean | Array,
       default: true,
     },
+    vuexLocalforage: {
+      type: Boolean,
+      default: false,
+    },
 
     columns: {
       type: Array,
@@ -814,16 +818,25 @@ export default /*#__PURE__*/ {
       this.loading = true;
       this.$emit("beforeFetch", {});
 
-      this.model.deleteAll();
+      let result;
 
-      const result = await this.model.api().get('', {
-        params: {
-          page: page,
-          limit: this.pagination.perPage,
-          filters: JSON.stringify(this.finalFilters),
-        }
-      });
+      if(this.vuexLocalforage){
+        await this.model.$fetch();
 
+      }else{
+        this.model.deleteAll();
+
+        result = await this.model.api().get('', {
+          params: {
+            page: page,
+            limit: this.pagination.perPage,
+            filters: JSON.stringify(this.finalFilters),
+          }
+        });
+
+
+      }
+    
 
       let itemsResult = this.model.query().withAll().get();
       //let itemsResult = result.entities[this.model.entity];
@@ -1055,7 +1068,12 @@ export default /*#__PURE__*/ {
     },
     async deleteItemVuex(id, index) {
 
-      let result = await this.model.api().delete('/' + id, {
+
+      if(this.vuexLocalforage){
+        await this.model.$delete(id);
+
+      }else{
+        let result = await this.model.api().delete('/' + id, {
         delete: 1
       });
 
@@ -1067,6 +1085,9 @@ export default /*#__PURE__*/ {
         this.loading = false;
         return;
       }
+      }
+
+  
 
       this.toastSuccess("Elemento eliminado.");
     },
@@ -1209,22 +1230,40 @@ export default /*#__PURE__*/ {
 
       let create = false;
 
-      if (this.item.id) {
-        result = await this.model.api().put('/' + this.item.id, jsondata);
-        create = false;
-      } else {
-        result = await this.model.api().post('', jsondata);
-        create = true;
-      }
 
-      let responseStatus = result.response.status;
-      if (result.response.data.error) {
-        this.toastError(result.response.data.error);
-        this.loading = false;
-        return;
-        //throw new Error('Something is wrong.')
+      if(this.vuexLocalforage){
+        await this.model.$create(id);
+
+        if (this.item.id) {
+          result = await this.model.$update(this.item.id, jsondata);
+          create = false;
+        } else {
+          result = await this.model.$create(this.item.id, jsondata);
+          create = true;
+        }
+      
+      }else{
+        if (this.item.id) {
+          result = await this.model.api().put('/' + this.item.id, jsondata);
+          create = false;
+        } else {
+          result = await this.model.api().post('', jsondata);
+          create = true;
+        }
+
+          
+        let responseStatus = result.response.status;
+        if (result.response.data.error) {
+          this.toastError(result.response.data.error);
+          this.loading = false;
+          return;
+          //throw new Error('Something is wrong.')
+        }
+          
+        result.save();
       }
-      result.save();
+
+  
       if (this.refreshAfterSave) this.refresh();
       this.loading = false;
       this.toastSuccess("Elemento Modificado");
@@ -1233,7 +1272,6 @@ export default /*#__PURE__*/ {
         this.$bvModal.hide("modal-form-item-" + this.modelName);
       }
 
-
     },
 
     async saveItemLocal(event = null) {