vue-laravel-crud 1.7.2 → 1.7.4

package/package.json

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

package/src/vue-laravel-crud.vue

@@ -386,12 +386,13 @@ export default /*#__PURE__*/ {
 
     if (this.useVuexORM) {
 
-      this.item = new this.model();
-
+      if (this.vuexLocalforage) {
+        this.item = {};
+      } else {
+        this.item = new this.model();
+      }
       let itemVuexOrmDefault = {};
-
       const fields = this.model.fields();
-
       // Inicializa el objeto "itemDefault" con los valores por defecto
       const itemDefault = {};
       for (const fieldName of Object.keys(fields)) {
@@ -747,6 +748,26 @@ export default /*#__PURE__*/ {
       this.$emit("select", this.item);
       this.$emit("selectItems", this.selectedItems);
     },
+
+    updateData(data, allowCreate = true) {
+        // Convertir this.items a un mapa para acceso rápido por id
+        const itemsMap = new Map(this.items.map(item => [item.id, item]));
+
+        // Recorrer cada elemento de data
+        data.forEach(newItem => {
+            if (itemsMap.has(newItem.id)) {
+                // Actualizar el item existente
+                const existingItem = itemsMap.get(newItem.id);
+                Object.assign(existingItem, newItem);
+            } else if (allowCreate) {
+                // Agregar el nuevo item si allowCreate es true
+                this.items.push(newItem);
+            }
+        });
+
+        // Convertir el mapa de vuelta a un array, si es necesario
+        this.items = Array.from(itemsMap.values());
+    },
     showItem(id, itemIndex = null) {
       if (itemIndex == null) {
         let item = this.items.find((it) => it.id == id);
@@ -759,7 +780,13 @@ export default /*#__PURE__*/ {
     },
     createItem() {
       if (this.useVuexORM) {
-        this.item = new this.model(JSON.parse(JSON.stringify(this.itemDefault)));
+
+        if (this.vuexLocalforage) {
+          this.item = JSON.parse(JSON.stringify(this.itemDefault));
+        } else {
+          this.item = new this.model(JSON.parse(JSON.stringify(this.itemDefault)));
+        }
+
       } else {
         this.item = JSON.parse(JSON.stringify(this.itemDefault));
       }
@@ -820,10 +847,10 @@ export default /*#__PURE__*/ {
 
       let result;
 
-      if(this.vuexLocalforage){
+      if (this.vuexLocalforage) {
         await this.model.$fetch();
 
-      }else{
+      } else {
         this.model.deleteAll();
 
         result = await this.model.api().get('', {
@@ -836,7 +863,7 @@ export default /*#__PURE__*/ {
 
 
       }
-    
+
 
       let itemsResult = this.model.query().withAll().get();
       //let itemsResult = result.entities[this.model.entity];
@@ -1000,21 +1027,30 @@ export default /*#__PURE__*/ {
       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;
-            }
+
+      let ids = this.selectedItems.map(it => it.id);
+
+
+      if (this.vuexLocalforage) {
+        await this.model.$delete(ids);
+
+      } else {
+        let result = await this.model.api().delete('/bulk-destroy' , {
+          params: { ids: ids},
+          delete: ids
+        });
+
+        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.");*/
+      this.toastSuccess("Elemento eliminados.");
     },
     deleteItem(id, index) {
 
@@ -1069,13 +1105,13 @@ export default /*#__PURE__*/ {
     async deleteItemVuex(id, index) {
 
 
-      if(this.vuexLocalforage){
+      if (this.vuexLocalforage) {
         await this.model.$delete(id);
 
-      }else{
+      } else {
         let result = await this.model.api().delete('/' + id, {
-        delete: 1
-      });
+          delete: 1
+        });
 
         console.debug("delete item vuex", result);
         let responseStatus = result.response.status;
@@ -1087,7 +1123,7 @@ export default /*#__PURE__*/ {
         }
       }
 
-  
+
 
       this.toastSuccess("Elemento eliminado.");
     },
@@ -1140,7 +1176,7 @@ export default /*#__PURE__*/ {
       }
 
       params.format = 'JSON';
-      
+
       this.loading = true;
       axios
         .get(this.apiUrl + "/" + this.modelName + "/export", { params: params, responseType: "blob", })
@@ -1224,24 +1260,24 @@ export default /*#__PURE__*/ {
     },
     async saveItemVuex(event = null) {
       console.debug("save item 1", this.item);
-      let jsondata = this.item.$toJson();
-      console.debug("save item 2", this.item, jsondata);
       let result;
-
       let create = false;
 
 
-      if(this.vuexLocalforage){
+      if (this.vuexLocalforage) {
 
         if (this.item.id) {
-          result = await this.model.$update(this.item.id, jsondata);
+          result = await this.model.$update(this.item.id, this.item);
           create = false;
         } else {
-          result = await this.model.$create(jsondata);
+          result = await this.model.$create(this.item);
           create = true;
         }
-      
-      }else{
+
+      } else {
+
+        let jsondata = this.item.$toJson();
+        console.debug("save item 2", this.item, jsondata);
         if (this.item.id) {
           result = await this.model.api().put('/' + this.item.id, jsondata);
           create = false;
@@ -1250,7 +1286,7 @@ export default /*#__PURE__*/ {
           create = true;
         }
 
-          
+
         let responseStatus = result.response.status;
         if (result.response.data.error) {
           this.toastError(result.response.data.error);
@@ -1258,11 +1294,11 @@ export default /*#__PURE__*/ {
           return;
           //throw new Error('Something is wrong.')
         }
-          
+
         result.save();
       }
 
-  
+
       if (this.refreshAfterSave) this.refresh();
       this.loading = false;
       this.toastSuccess("Elemento Modificado");
@@ -1501,7 +1537,7 @@ export default /*#__PURE__*/ {
         appendToast: true,
       });
     },
-    downloadBlobResponse(response,extension = null) {
+    downloadBlobResponse(response, extension = null) {
       const url = window.URL.createObjectURL(new Blob([response.data]));
       const link = document.createElement("a");
       link.href = url;
@@ -1511,20 +1547,20 @@ export default /*#__PURE__*/ {
 
 
       if (contentdisposition) {
-          filename = contentdisposition.split('filename=')[1].split('.')[0];
-          filename = filename.replace('_', '');
-          filename = filename.replace('"', '');
-          extension = contentdisposition.split('.')[1].split(';')[0];
-          extension = extension.replace('_', '');
-          extension = extension.replace('"', '');
+        filename = contentdisposition.split('filename=')[1].split('.')[0];
+        filename = filename.replace('_', '');
+        filename = filename.replace('"', '');
+        extension = contentdisposition.split('.')[1].split(';')[0];
+        extension = extension.replace('_', '');
+        extension = extension.replace('"', '');
       }
 
 
-      console.debug("DOWNLOAD ",filename,extension);
+      console.debug("DOWNLOAD ", filename, extension);
       link.setAttribute("download", filename + '.' + extension);
       document.body.appendChild(link);
       link.click();
-  },
+    },
     onChangeFilter(event) {
       this.forceRecomputeCounter++;
       console.debug("Filters debug ", this.finalFilters, this.internalFilter, this.internalFilters, this.filter, this.filters);
@@ -1981,7 +2017,8 @@ export default /*#__PURE__*/ {
       </div>
     </infinite-loading>
     <div class="paginator-data" v-if="!infiniteScroll">
-      Filas: {{ pagination.total }} | xPág: {{ pagination.per_page }} | Pág: {{ pagination.current_page }} | Seleccionados:
+      Filas: {{ pagination.total }} | xPág: {{ pagination.per_page }} | Pág: {{ pagination.current_page }} |
+      Seleccionados:
       {{
         selectedItems.length }}
     </div>