#132 | #121: backoffice / dev-1.0-121 (#131)

cfr #121

Co-authored-by: Christophe Siraut <d@tobald.eu.org>
Co-authored-by: bkfox <thomas bkfox net>
Co-authored-by: Thomas Kairos <thomas@bkfox.net>
Reviewed-on: #131
Co-authored-by: Chris Tactic <ctactic@noreply.git.radiocampus.be>
Co-committed-by: Chris Tactic <ctactic@noreply.git.radiocampus.be>

assets/src/model.js

@@ -41,9 +41,8 @@ export default class Model {
         this.commit(data);
     }
 
-    get errors() {
-        return this.data && this.data.__errors__
-    }
+    get created() { return !this.id }
+    get errors() { return this.data && this.data.__errors__ }
 
     /**
      * Get instance id from its data
@@ -113,7 +112,7 @@ export default class Model {
     }
 
     /**
-     * Update instance's data with provided data. Return None
+     * Set instance's data with provided data. Return None
      */
     commit(data) {
         this.data = data;
@@ -121,11 +120,17 @@ export default class Model {
     }
 
     /**
-     * Update model data, without reset previous value
+     * Update model data, without reset previous value.
+     * Item is marked as updated.
      */
     update(data) {
         this.data = {...this.data, ...data}
         this.id = this.constructor.getId(this.data)
+        this.updated = true
+    }
+
+    delete() {
+        this.deleted = true
     }
 
     /**
@@ -177,8 +182,24 @@ export class Set {
             this.push(item, {args: args, save: false});
     }
 
+    //! Return total items count
     get length() { return this.items.length }
 
+    //! Return a list of items marked as deleted
+    get deletedItems() {
+        return this.items.filter(i => i.deleted)
+    }
+
+    //! Return a list of created items
+    get createdItems() {
+        return this.items.filter(i => !i.deleted && !i.id)
+    }
+
+    //! Return a list of updated items
+    get updatedItems() {
+        return this.items.filter(i => i.updated)
+    }
+
     /**
      * Fetch multiple items from server
      */
@@ -190,6 +211,63 @@ export class Set {
                               .map(d => new model(d, {url: url, ...args})))
     }
 
+    fetch({url=null, reset=false, ...options}={}, args=null) {
+        url = url || this.url
+        options = this.model.getOptions(options)
+        return fetch(url, options)
+            .then(response => response.json())
+            .then(data =>
+                (data instanceof Array ? data : data.results)
+                .map(d => new this.model(d, {url: url, ...args}))
+            )
+            .then(data => {
+                if(reset)
+                    this.items = data
+                else
+                    // TODO: remove duplicate
+                    this.items = [...this.items, ...data]
+                return data
+            })
+    }
+
+    /**
+     * Commit changes to server.
+     * py-ref: `views.mixin.ListCommitMixin`
+     */
+    commit(url, {getData=null, fields=null, ...options}={}) {
+        if(!getData && fields)
+            getData = (i) => fields.reduce((r, f) => {
+                r[f] = i.data[f]
+                return r
+            }, {})
+        const createdItems = this.createdItems
+        const body = {
+            delete: this.deletedItems.map(i => i.id),
+            update: this.updatedItems.map(getData),
+            create: createdItems.map(getData),
+        }
+        if(!body.delete && !body.update && !body.create)
+            return
+
+        getData = getData || ((i) => i.data);
+        options = this.model.getOptions(options)
+        options.method = "POST"
+        options.body = JSON.stringify(body)
+        return fetch(url, options)
+            .then(response => response.json())
+            .then(data => {
+                const {created, updated, deleted} = data
+                if(createdItems)
+                    this.items = this.items.filter(i => createdItems.indexOf(i) == -1)
+                if(deleted)
+                    this.items = this.items.filter(i => deleted.indexOf(i.id) == -1)
+
+                this.extend(created)
+                this.extend(updated)
+                return data
+            })
+    }
+
     /**
      * Load list from localStorage
      */
@@ -234,22 +312,30 @@ export class Set {
                                         : this.items.findIndex(x => x.id == pred.id);
     }
 
+    extend(items, options) {
+        items.forEach(i => this.push(i, options))
+    }
+
     /**
      * Add item to set, return index.
+     * If item already exists, replace it.
      */
     push(item, {args={},save=true}={}) {
         item = item instanceof this.model ? item : new this.model(item, args);
-        if(this.unique) {
-            let index = this.findIndex(item);
+        let index = -1
+        if(this.unique && item.id) {
+            index = this.findIndex(item);
             if(index > -1)
-                return index;
+                this.items[index] = item
         }
-        if(this.max && this.items.length >= this.max)
-            this.items.splice(0,this.items.length-this.max)
-
-        this.items.push(item);
-        save && this.save();
-        return this.items.length-1;
+        if(index == -1) {
+            if(this.max && this.items.length >= this.max)
+                this.items.splice(0,this.items.length-this.max)
+            this.items.push(item)
+            index = this.items.length-1
+        }
+        save && this.save()
+        return index;
     }
 
     /**