[ui] add links to forms

client/desk/tablepage.js

@@ -30,16 +30,23 @@ module.exports = class TablePage extends Page {
             this.filterSelector.reset(this.doctype);
         }
 
-        if (frappe.flags.filters) {
-            this.filterSelector.setFilters(frappe.flags.filters);
-            frappe.flags.filters = null;
+        if (frappe.params.filters) {
+            this.filterSelector.setFilters(frappe.params.filters);
         }
+        frappe.params = null;
 
         if (!this.modelTable) {
             this.modelTable = new ModelTable({
                 doctype: this.doctype,
                 parent: this.tableWrapper,
-                layout: 'fluid'
+                layout: 'fluid',
+                getRowData: async (rowIndex) => {
+                    return await frappe.getDoc(this.doctype, this.data[rowIndex].name);
+                },
+                setValue: async (control) => {
+                    await control.handleChange();
+                    await control.doc.update();
+                }
             });
         }
 
@@ -48,14 +55,14 @@ module.exports = class TablePage extends Page {
 
     async run() {
         this.displayFilters();
-        const data = await frappe.db.getAll({
+        this.data = await frappe.db.getAll({
             doctype: this.doctype,
             fields: ['*'],
             filters: this.filterSelector.getFilters(),
             start: this.start,
             limit: 500
         });
-        this.modelTable.refresh(data);
+        this.modelTable.refresh(this.data);
     }
 
     displayFilters() {

client/ui/modelTable.js

@@ -4,7 +4,7 @@ const controls = require('frappejs/client/view/controls');
 const Modal = require('frappejs/client/ui/modal');
 
 module.exports = class ModelTable {
-    constructor({doctype, parent, layout, parentControl, getRowDoc,
+    constructor({doctype, parent, layout, parentControl, getRowData,
         isDisabled, getTableData}) {
         Object.assign(this, arguments[0]);
         this.meta = frappe.getMeta(this.doctype);
@@ -75,17 +75,16 @@ module.exports = class ModelTable {
         control.skipChangeEvent = true;
 
         return {
-            initValue: (value, rowIndex, column) => {
-                let doc = this.getRowDoc(rowIndex);
+            initValue: async (value, rowIndex, column) => {
                 column.activeControl = control;
                 control.parentControl = this.parentControl;
-                control.doc = doc;
+                control.doc = await this.getRowData(rowIndex);
                 control.setFocus();
                 control.setInputValue(control.doc[column.id]);
                 return control;
             },
             setValue: async (value, rowIndex, column) => {
-                control.handleChange();
+                await this.setValue(control);
             },
             getValue: () => {
                 return control.getInputValue();
@@ -94,6 +93,10 @@ module.exports = class ModelTable {
 
     }
 
+    async setValue(control) {
+        await control.handleChange();
+    }
+
     getControlModal(field) {
         this.modal = new Modal({
             title: frappe._('Edit {0}', field.label),

client/view/controls/table.js

@@ -10,9 +10,9 @@ class TableControl extends BaseControl {
             parent: this.wrapper.querySelector('.datatable-wrapper'),
             parentControl: this,
             layout: this.layout || 'ratio',
-            getRowDoc: (rowIndex) => this.doc[this.fieldname][rowIndex],
+            getTableData: () => this.getTableData(),
+            getRowData: (rowIndex) => this.doc[this.fieldname][rowIndex],
             isDisabled: () => this.isDisabled(),
-            getTableData: () => this.getTableData()
         });
         this.setupToolbar();
     }

client/view/form.js

@@ -10,6 +10,7 @@ module.exports = class BaseForm extends Observable {
         this.controls = {};
         this.controlList = [];
         this.sections = [];
+        this.links = [];
 
         this.meta = frappe.getMeta(this.doctype);
         if (this.setup) {
@@ -193,6 +194,49 @@ module.exports = class BaseForm extends Observable {
         }
     }
 
+    setLinks(label, options) {
+        // set links to helpful reports as identified by this.meta.links
+        if (this.meta.links) {
+            let links = this.getLinks();
+            if (!links.equals(this.links)) {
+                this.refreshLinks(links);
+                this.links = links;
+            }
+        }
+    }
+
+    getLinks() {
+        let links = [];
+        for (let link of this.meta.links) {
+            if (link.condition(this)) {
+                links.push(link);
+            }
+        }
+        return links;
+    }
+
+    refreshLinks(links) {
+        this.container.clearLinks();
+        for(let link of links) {
+            // make the link
+            this.container.addLink(link.label, () => {
+                let options = link.action(this);
+
+                if (options) {
+                    if (options.params) {
+                        // set route parameters
+                        frappe.params = options.params;
+                    }
+
+                    if (options.route) {
+                        // go to the given route
+                        frappe.router.setRoute(...options.route);
+                    }
+                }
+            });
+        }
+    }
+
     async bindEvents(doc) {
         if (this.doc && this.docListener) {
             // stop listening to the old doc
@@ -250,6 +294,7 @@ module.exports = class BaseForm extends Observable {
             control.refresh();
         }
         this.trigger('refresh', this);
+        this.setLinks();
     }
 
     async submit() {

client/view/page.js

@@ -46,6 +46,10 @@ module.exports = class Page extends Observable {
         return link;
     }
 
+    clearLinks() {
+        frappe.ui.empty(this.linksElement);
+    }
+
     hide() {
         this.parent.activePage = null;
         this.wrapper.classList.add('hide');

index.js

@@ -20,6 +20,8 @@ module.exports = {
         this.forms = {};
         this.views = {};
         this.flags = {};
+        // temp params while calling routes
+        this.params = {};
     },
 
     registerLibs(common) {

models/doctype/ToDo/ToDo.js

@@ -41,5 +41,24 @@ module.exports = {
             "label": "Description",
             "fieldtype": "Text"
         }
+    ],
+
+    links: [
+        {
+            label: 'Close',
+            condition: (form) => form.doc.status !== 'Closed',
+            action: async (form) => {
+                await form.doc.set('status', 'Closed');
+                await form.doc.update();
+            }
+        },
+        {
+            label: 'Re-Open',
+            condition: (form) => form.doc.status !== 'Open',
+            action: async (form) => {
+                await form.doc.set('status', 'Open');
+                await form.doc.update();
+            }
+        }
     ]
 }

utils/index.js

@@ -1,3 +1,8 @@
+Array.prototype.equals = function( array ) {
+    return this.length == array.length &&
+           this.every( function(item,i) { return item == array[i] } );
+}
+
 module.exports = {
     slug(text) {
         return text.toLowerCase().replace(/ /g, '_');