@benjy2976/pmsg 0.1.0 → 0.1.2

package/README.md

@@ -14,7 +14,7 @@ tambien provee de una herramienta que crea una plantilla con las principales acc
 Using npm:
 
 ```bash
-$ npm install 
+$ npm install @benjy2976/pmsg
 ```
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benjy2976/pmsg",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "generator of models and store default for pinia",
   "main": "src/Model.js",
   "scripts": {

package/src/Model.js

@@ -21,7 +21,9 @@ export default class Model {
       selectable          : false,// Condicional para definir si el objeto es seleccionable
       default             : {},// Valor del objeto por defecto,
       params              : { modeljs: true },// Aquí se configuran parámetros adicionales a enviar en los request excepto DELETE
-      modelGetters        : {}// Aquí se configuran parámetros adicionales a enviar en los request excepto DELETE
+      modelGetters        : {},// Aquí se configuran parámetros adicionales a enviar en los request excepto DELETE
+      paginate            : false,// Condicional para definir si el modelo tiene paginación
+      pagination          : {current_page: 1, per_page: 10},// Configuración de paginación
     }
     //config.hasKey=config.hasKey!=undefined?config.hasKey:config.key!=undefined
     defaultValues = Object.assign(defaultValues, config)
@@ -44,6 +46,8 @@ export default class Model {
     this.default = defaultValues.default
     this.params = defaultValues.params
     this.modelGetters = defaultValues.modelGetters
+    this.paginate = defaultValues.paginate
+    this.pagination = defaultValues.pagination
     this.state = {}
     this.getters = {}
     this.actions = {}
@@ -52,9 +56,7 @@ export default class Model {
   get(url = '', params = {}) {
     params = Object.assign(params, this.params)
     url = this.route + '/' + url
-    return this.instance.get(url, {
-      params : params,
-    })
+    return this.instance.get(url, params)
   }
 
   post(url = '', params = {}) {
@@ -66,9 +68,7 @@ export default class Model {
   // Función para obtener el listado de Objetos de la base de datos
   getAll(params = {}) {
     params = Object.assign(params, this.params)
-    return this.instance.get(this.route, {
-      params : params,
-    })
+    return this.instance.get(this.route, params)
   }
 
   // Función para crear un objeto en la base de datos
@@ -190,7 +190,9 @@ export default class Model {
 
         }
       }),
-      sync : this.sync
+      sync       : this.sync,
+      paginate   : this.paginate,
+      pagination : this.pagination,
     }
   }
 
@@ -214,4 +216,5 @@ export default class Model {
   getNameAttribute() {
     return this.name
   }
-}
+}
+

package/src/useModelStore.js

@@ -34,6 +34,8 @@ export default function createModelStore (model, state = {}, getters = {}, actio
       maxRelationsResolve : config.maxRelationsResolve,
       relations           : config.relations,
       syncStatus          : config.sync,
+      paginate            : config.paginate,  
+      pagination          : config.pagination,
       selectedStatus      : false,
       timeOutAsinc        : null,
       check               : check,
@@ -128,17 +130,26 @@ export default function createModelStore (model, state = {}, getters = {}, actio
         })
       },
       // Action para obtener la lista de objetos de el servidor
-      async get (params = {}) {
+      async get (params = {}, pagination={}) {
       //var commit = store.commit
         const action = this.syncStatus ? 'sync' : 'setItems';
-
+        
+        if (model.paginate) {
+          params = {...params, ...Object.assign({
+            page : this.pagination.current_page, per_page : this.pagination.per_page
+          }, pagination) };
+        }
         if (!(await model.saved(params))) {
           return new Promise((resolve, reject) => {
             model.getAll(params).then(response => {
               const data = response.data;
               model.save(data.data);
               this[action](data.data);
+              // eslint-disable-next-line no-unused-vars
+              const { data: _, ...pagination } = data.meta;
+              this.pagination = Object.assign(this.pagination, pagination);
               this.afterGet();
+              console.log('get', this)
               resolve(response);
             }).catch(reject);
           })
@@ -148,6 +159,18 @@ export default function createModelStore (model, state = {}, getters = {}, actio
         }
       },
 
+      async getPage (params = {}, pagination={}) {
+        //var commit = store.commit
+        if (model.paginate) {
+          params = {...params, ...Object.assign({
+            page : this.pagination.current_page, per_page : this.pagination.per_page
+          }, pagination) };
+        }
+        //console.log('getPage paginatios', this.pagination)
+        //console.log('getPage', params)
+        return this.get(params)
+
+      },
       // Action para obtener la lista de algunos objetos de el servidor sin consultar ni almacenar en el localstorage
       getSome( params = {}){
         //var commit = store.commit
@@ -297,6 +320,9 @@ export default function createModelStore (model, state = {}, getters = {}, actio
           this.items.push(item)
         }
       },
+      setPageSize(pageSize){
+        this.pagination.per_page = pageSize
+      },
       
       /********* MUTACIONES COMO ACTIONS */
       // Mutation para setear el listado de objetos
@@ -322,4 +348,4 @@ export default function createModelStore (model, state = {}, getters = {}, actio
       ...actions
     }
   };
-}
+}