From ca4cc2f8bd154447eecff4dd858aa4be83940dae Mon Sep 17 00:00:00 2001
From: Fabien Meghazi <fme@openerp.com>
Date: Wed, 2 Nov 2011 18:18:54 +0100
Subject: [PATCH] [WIP] Kanban refactoring

bzr revid: fme@openerp.com-20111102171854-e565rwcn5vgrebaz
---
 addons/web_kanban/static/src/js/kanban.js     | 252 +++++++++++++-----
 .../web_kanban/static/src/xml/web_kanban.xml  |  54 ++--
 2 files changed, 209 insertions(+), 97 deletions(-)

diff --git a/addons/web_kanban/static/src/js/kanban.js b/addons/web_kanban/static/src/js/kanban.js
index 13d3c9203fc..dbc4e59667d 100644
--- a/addons/web_kanban/static/src/js/kanban.js
+++ b/addons/web_kanban/static/src/js/kanban.js
@@ -4,35 +4,47 @@ var QWeb = openerp.web.qweb;
 QWeb.add_template('/web_kanban/static/src/xml/web_kanban.xml');
 openerp.web.views.add('kanban', 'openerp.web_kanban.KanbanView');
 openerp.web_kanban.KanbanView = openerp.web.View.extend({
+    template: "KanbanView",
     init: function (parent, dataset, view_id, options) {
         this._super(parent);
         this.set_default_options(options);
         this.dataset = dataset;
-        this.model = dataset.model;
+        this.model = this.dataset.model;
         this.view_id = view_id;
         this.fields_view = {};
-        this.group_by = [];
-        this.source_index = {};
-        this.all_display_data = false;
+        this.fields_keys = [];
+        this.group_by = null;
+        this.state = {};
         this.groups = [];
-        this.qweb = new QWeb2.Engine();
-        this.qweb.debug = (window.location.search.indexOf('?debug') !== -1);
-        this.aggregates = {};
-        this.NO_OF_COLUMNS = 3;
+        this.nr_columns = 3;
         this.form_dialog = new openerp.web.FormDialog(this, {}, this.options.action_views_ids.form, dataset).start();
         this.form_dialog.on_form_dialog_saved.add_last(this.on_record_saved);
+        this.qweb = new QWeb2.Engine();
+        this.qweb.debug = (window.location.search.indexOf('?debug') !== -1);
+        this.qweb.default_dict = {
+            '_' : _
+        }
+        this.has_been_loaded = $.Deferred();
     },
     start: function() {
         this._super();
-        return this.rpc("/web/view/load", {"model": this.model, "view_id": this.view_id, "view_type": "kanban"}, this.on_loaded);
+        this.$groups = this.$element.find('.oe_kanban_groups tr');
+        var context = new openerp.web.CompoundContext(this.dataset.get_context());
+        return this.rpc('/web/view/load', {
+                'model': this.model,
+                'view_id': this.view_id,
+                'view_type': 'kanban',
+                context: context
+            }, this.on_loaded);
     },
     on_loaded: function(data) {
-        var self = this;
         this.fields_view = data;
+        this.fields_keys = _.keys(this.fields_view.fields);
         this.add_qweb_template();
+        this.has_been_loaded.resolve();
     },
     add_qweb_template: function() {
-        var group_operator = ["avg", "max", "min", "sum", "count"]
+        var group_operator = ['avg', 'max', 'min', 'sum', 'count']
         for (var i=0, ii=this.fields_view.arch.children.length; i < ii; i++) {
             var child = this.fields_view.arch.children[i];
             if (child.tag === "field") {
@@ -50,50 +62,6 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             }
         }
     },
-    get_qweb_context: function(record) {
-        return {
-            record: this.do_transform_record(record),
-            kanban_color: _.bind(this.kanban_color, this),
-            kanban_gravatar: _.bind(this.kanban_gravatar, this),
-            kanban_image: _.bind(this.kanban_image, this),
-            kanban_text_ellipsis: _.bind(this.kanban_text_ellipsis, this),
-            '_' : _
-        }
-    },
-    kanban_color: function(variable) {
-        var number_of_color_schemes = 10,
-            index = 0;
-        switch (typeof(variable)) {
-            case 'string':
-                for (var i=0, ii=variable.length; i<ii; i++) {
-                    index += variable.charCodeAt(i);
-                }
-                break;
-            case 'number':
-                index = Math.round(variable);
-                break;
-            default:
-                return '';
-        }
-        var color = (index % number_of_color_schemes);
-        return 'oe_kanban_color_' + color;
-    },
-    kanban_gravatar: function(email, size) {
-        size = size || 22;
-        var email_md5 = $.md5(email);
-        return 'http://www.gravatar.com/avatar/' + email_md5 + '.png?s=' + size;
-    },
-    kanban_image: function(model, field, id) {
-        id = id || '';
-        return '/web/binary/image?session_id=' + this.session.session_id + '&model=' + model + '&field=' + field + '&id=' + id;
-    },
-    kanban_text_ellipsis: function(s, size) {
-        size = size || 160;
-        if (!s) {
-            return '';
-        }
-        return s.substr(0, size) + '...';
-    },
     transform_qweb_template: function(node) {
         var qweb_prefix = QWeb.prefix;
         switch (node.tag) {
@@ -145,6 +113,163 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             }
         }
     },
+    do_search: function(domain, context, group_by) {
+        var self = this;
+        $.when(this.has_been_loaded).then(function() {
+            self.group_by = group_by.length ? group_by[0] : self.fields_view.arch.attrs.default_group_by;
+            //self.datagroup = new openerp.web.DataGroup(self, self.model, domain, context, [self.group_by]);
+            self.datagroup = new openerp.web.DataGroup(self, self.model, domain, context, []);
+            self.datagroup.list(self.fields_keys, self.do_process_groups, self.do_process_dataset);
+        });
+    },
+    do_process_groups: function(groups) {
+        debugger;
+        return
+        self.dataset.ids = [];
+        self.groups = groups;
+        if (groups.length) {
+            self.do_render_group(groups);
+        } else {
+            self.all_display_data = [];
+            self.on_show_data();
+        }
+    },
+    do_process_dataset: function(dataset) {
+        var self = this;
+        this.dataset.read_slice(this.fields_keys, {}, function(records) {
+            var groups = [];
+            while (records.length) {
+                for (var i = 0; i < self.nr_columns; i++) {
+                    if (!groups[i]) {
+                        groups[i] = [];
+                    }
+                    groups[i].push(records.shift());
+                }
+            }
+            for (var i = 0; i < groups.length; i++) {
+                groups[i] = new openerp.web_kanban.KanbanGroup(self, false, false, _.compact(groups[i]));
+            }
+            self.do_add_groups(groups);
+        });
+    },
+    do_add_groups: function(groups) {
+        var self = this;
+        _.each(this.groups, function(group) {
+            group.stop();
+        });
+        this.groups = groups;
+        _.each(this.groups, function(group) {
+            group.appendTo(self.$element.find('.oe_kanban_groups_headers'));
+        });
+    },
+    do_show: function () {
+        this.$element.show();
+    },
+    do_hide: function () {
+        this.$element.hide();
+    }
+});
+
+openerp.web_kanban.KanbanGroup = openerp.web.Widget.extend({
+    template: 'KanbanView.group_header',
+    init: function (parent, value, title, records) {
+        var self = this;
+        this._super(parent);
+        this.view = parent;
+        this.foldable = this.draggable = (title !== false);
+        this.value = value;
+        this.title = title;
+        this.$records = null;
+        this.aggregates = {};
+        this.records = _.map(records, function(record) {
+            return new openerp.web_kanban.KanbanRecord(self, record);
+        });
+    },
+    start: function() {
+        var self = this;
+        this._super();
+        this.$records = $(QWeb.render('KanbanView.group_records_container', { widget : this}));
+        this.$records.appendTo(this.view.$element.find('.oe_kanban_groups_records'));
+        _.each(this.records, function(record) {
+            record.appendTo(self.$records);
+        });
+    },
+    stop: function() {
+        this._super();
+        this.$records.remove();
+    }
+});
+
+openerp.web_kanban.KanbanRecord = openerp.web.Widget.extend({
+    template: 'KanbanView.record',
+    init: function (parent, record) {
+        this._super(parent);
+        this.group = parent;
+        this.view = parent.view;
+        this.record = this.transform_record(record);
+    },
+    transform_record: function(record) {
+        var self = this,
+            new_record = {};
+        _.each(record, function(value, name) {
+            var r = _.clone(self.view.fields_view.fields[name]);
+            r.raw_value = value;
+            r.value = openerp.web.format_value(value, r);
+            new_record[name] = r;
+        });
+        return new_record;
+    },
+    render: function() {
+        var ctx = {
+            record: this.record,
+            widget: this
+        }
+        for (var p in this) {
+            if (_.startsWith(p, 'kanban_')) {
+                ctx[p] = _.bind(this[p], this);
+            }
+        }
+        return this._super({
+            'content': this.view.qweb.render('kanban-box', ctx)
+        });
+    },
+    kanban_color: function(variable) {
+        var number_of_color_schemes = 10,
+            index = 0;
+        switch (typeof(variable)) {
+            case 'string':
+                for (var i=0, ii=variable.length; i<ii; i++) {
+                    index += variable.charCodeAt(i);
+                }
+                break;
+            case 'number':
+                index = Math.round(variable);
+                break;
+            default:
+                return '';
+        }
+        var color = (index % number_of_color_schemes);
+        return 'oe_kanban_color_' + color;
+    },
+    kanban_gravatar: function(email, size) {
+        size = size || 22;
+        var email_md5 = $.md5(email);
+        return 'http://www.gravatar.com/avatar/' + email_md5 + '.png?s=' + size;
+    },
+    kanban_image: function(model, field, id) {
+        id = id || '';
+        return '/web/binary/image?session_id=' + this.session.session_id + '&model=' + model + '&field=' + field + '&id=' + id;
+    },
+    kanban_text_ellipsis: function(s, size) {
+        size = size || 160;
+        if (!s) {
+            return '';
+        }
+        return s.substr(0, size) + '...';
+    },
+});
+
+openerp.web_kanban.KanbanView_old = openerp.web.View.extend({
     on_show_data: function() {
         var self = this;
         if (!this.group_by.length) {
@@ -415,17 +540,6 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             this.on_button_click(button_attrs, record_id);
         }
     },
-    do_transform_record: function(record) {
-        var self = this,
-            new_record = {};
-        _.each(record, function(value, name) {
-            var r = _.clone(self.fields_view.fields[name]);
-            r.raw_value = value;
-            r.value = openerp.web.format_value(value, r);
-            new_record[name] = r;
-        });
-        return new_record;
-    },
     do_search: function (domain, context, group_by) {
         var self = this;
         self.group_by = group_by;
@@ -492,12 +606,6 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             });
         });
     },
-    do_show: function () {
-        this.$element.show();
-    },
-    do_hide: function () {
-        this.$element.hide();
-    }
 });
 };
 
diff --git a/addons/web_kanban/static/src/xml/web_kanban.xml b/addons/web_kanban/static/src/xml/web_kanban.xml
index 8281352cc15..1314a24802b 100644
--- a/addons/web_kanban/static/src/xml/web_kanban.xml
+++ b/addons/web_kanban/static/src/xml/web_kanban.xml
@@ -1,34 +1,38 @@
 <template>
 <t t-name="KanbanView">
-    <table style="width:100%;" class="oe_kanban_view">
-    <tr>
-        <td>
-            <div class="oe_form_header">
-                <button type="button" class="oe_kanban_button_new">New</button>
-            </div>
-        </td>
+    <div class="oe_kanban_header">
+        <button type="button" class="oe_kanban_button_new">New</button>
+    </div>
+    <table style="width:100%;" class="oe_kanban_groups">
+    <tr class="oe_kanban_groups_headers">
     </tr>
-    <tr>
-        <td t-foreach="data" t-as="columns" class="oe_table_column" t-att-id="'column_' + columns.value">
-            <img t-att-id="columns.value" class="fold-columns-icon"  src="/web_kanban/static/src/img/minus-icon.png"/>
-            <div class="oe_fold_column" t-att-id="'column_' + columns.value">
-                <div class="oe_column_heading" t-if="columns.value and columns.header">
-                    <t t-esc="columns.header"/>
-                </div>
-                <div t-foreach="columns.aggregates or {}" t-as="aggregate">
-                    <i><u><t t-esc="aggregate"/>:</u> <t t-esc="aggregate_value"/></i>
-                </div>
-            </div>
-        </td>
-    </tr>
-    <tr>
-        <td t-foreach="data" t-as="columns" class="oe_column oe_table_column" t-att-id="'column_' + columns.value" t-attf-style="width: #{Math.round(99 / data.length)}%">
-            <p t-if="columns.header" class="oe_vertical_text" t-att-id="'column_' + columns.value"><t t-esc="columns.header"/></p>
-            <div t-foreach="columns.records" t-as="record" class="oe_fold_column oe_kanban_record" t-att-id="'main_' + record.id"/>
-        </td>
+    <tr class="oe_kanban_groups_records">
     </tr>
     </table>
 </t>
+<t t-name="KanbanView.group_header">
+    <td class="oe_table_column" t-att-id="'column_' + widget.value">
+        <img t-if="widget.foldable" t-att-id="widget.value" class="fold-columns-icon"  src="/web_kanban/static/src/img/minus-icon.png"/>
+        <div class="oe_fold_column" t-att-id="'column_' + widget.value">
+            <div class="oe_column_heading" t-if="widget.title">
+                <t t-esc="widget.title"/>
+            </div>
+            <div t-foreach="widget.aggregates" t-as="aggregate">
+                <i><u><t t-esc="aggregate"/>:</u> <t t-esc="aggregate_value"/></i>
+            </div>
+        </div>
+    </td>
+</t>
+<t t-name="KanbanView.group_records_container">
+    <td class="oe_column oe_table_column" t-att-id="'column_' + widget.value" t-attf-style="width: #{Math.round(99 / widget.view.groups.length)}%">
+        <p t-if="widget.title" class="oe_vertical_text" t-att-id="'column_' + widget.value"><t t-esc="widget.title"/></p>
+    </td>
+</t>
+<t t-name="KanbanView.record">
+    <div class="oe_fold_column oe_kanban_record" t-att-id="'main_' + widget.record.id">
+        <t t-raw="content"/>
+    </div>
+</t>
 <t t-name="KanbanColorPicker">
     <table cellspacing="0" cellpadding="0" border="0" class="oe_kanban_color_picker">
     <tr>