From 6fa65a41287507fcb62964a8f1aca6abc1ff240d Mon Sep 17 00:00:00 2001
From: Fabien Meghazi <fme@openerp.com>
Date: Tue, 6 Sep 2011 14:50:11 +0200
Subject: [PATCH] [IMP] Improved kanban view

bzr revid: fme@openerp.com-20110906125011-5vfzrajytpfqbkt0
---
 addons/base_kanban/static/src/css/kanban.css | 84 +++++++++++++++++++-
 addons/base_kanban/static/src/js/kanban.js   | 22 +++--
 2 files changed, 100 insertions(+), 6 deletions(-)

diff --git a/addons/base_kanban/static/src/css/kanban.css b/addons/base_kanban/static/src/css/kanban.css
index 9441dac32f6..e3fac6dbafe 100644
--- a/addons/base_kanban/static/src/css/kanban.css
+++ b/addons/base_kanban/static/src/css/kanban.css
@@ -14,7 +14,89 @@
     font-size: 1.5em;
     font-weight: bold;
 }
-.openerp .oe_kanban_button {
+.openerp .oe_kanban_action_button {
     height: 22px;
     margin: 0;
 }
+.openerp .oe_kanban_action_a {
+    text-decoration: none;
+}
+
+.openerp .oe_kanban_box {
+    background: #FFF;
+    border: 2px solid #CCC;
+    border-radius: 4px;
+    margin-bottom: 1em;
+}
+.openerp .oe_kanban_box_header {
+    background: #EEE;
+    border-bottom: 1px solid #CCC;
+    padding: 2px;
+    height: 2em;
+    white-space: nowrap;
+}
+.openerp .oe_kanban_box_header h4 {
+    font-size: 130%;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+}
+.openerp .oe_kanban_box_header h5 {
+    font-size: 120%;
+    font-weight: bold;
+    margin: 0;
+    padding: 2px;
+}
+.openerp .oe_kanban_box_header h6 {
+    font-size: 110%;
+    font-weight: normal;
+    margin: 0;
+    padding: 2px;
+}
+.openerp .oe_kanban_small {
+    font-size: 80%;
+}
+.openerp .oe_kanban_box_content {
+    padding: 4px;
+}
+.openerp .oe_kanban_buttons_set {
+    border-top: 1px dotted #CCC;
+}
+.openerp .oe_kanban_buttons_set .oe_kanban_left a {
+    border-right: 1px dotted #CCC;
+    padding: 2px;
+}
+.openerp .oe_kanban_buttons_set .oe_kanban_right a {
+    border-left: 1px dotted #CCC;
+    padding: 2px;
+}
+.openerp .oe_kanban_left {
+    float: left;
+}
+.openerp .oe_kanban_right {
+    float: right;
+}
+.openerp .oe_kanban_clear {
+    clear: both;
+}
+.openerp .oe_kanban_box_show_onclick {
+    display: none;
+}
+.openerp .oe_kanban_draghandle {
+    cursor: move;
+}
+
+/* Custom colors */
+.openerp .oe_kanban_color_1 .oe_kanban_color_bglight,
+.openerp .oe_kanban_color_1.oe_kanban_color_bglight {
+    background: #F5F7C4;
+}
+.openerp .oe_kanban_color_1 .oe_kanban_color_bgdark,
+.openerp .oe_kanban_color_1.oe_kanban_color_bgdark {
+    background: #EEF093;
+}
+.openerp .oe_kanban_color_1 .oe_kanban_color_border,
+.openerp .oe_kanban_color_1.oe_kanban_color_border {
+    border-color: #DFE32D;
+}
+
diff --git a/addons/base_kanban/static/src/js/kanban.js b/addons/base_kanban/static/src/js/kanban.js
index f175e5aa218..50e366b33d8 100644
--- a/addons/base_kanban/static/src/js/kanban.js
+++ b/addons/base_kanban/static/src/js/kanban.js
@@ -47,6 +47,9 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
             }
         }
     },
+    do_get_kanban_color: function(variable) {
+        return 'oe_kanban_color_1';
+    },
     transform_qweb_template: function(node) {
         switch (node.tag) {
             case 'field':
@@ -54,6 +57,7 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
                 node.attrs['t-esc'] = node.attrs['name'] + '.value';
                 break
             case 'button':
+            case 'a':
                 var type = node.attrs.type || '';
                 if (_.indexOf('action,object,edit,delete,'.split(','), type) !== -1) {
                     _.each(node.attrs, function(v, k) {
@@ -79,8 +83,12 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
                             }
                         }];
                     }
-                    node.attrs.type = 'button';
-                    node.attrs['class'] = 'oe_kanban_button';
+                    if (node.tag == 'a') {
+                        node.attrs.href = '#';
+                    } else {
+                        node.attrs.type = 'button';
+                    }
+                    node.attrs['class'] = (node.attrs['class'] || '') + ' oe_kanban_action oe_kanban_action_' + node.tag;
                 }
                 break;
         }
@@ -95,8 +103,8 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
         this.$element.html(QWeb.render("KanbanView", {"data": data}));
         this.on_reload_kanban();
         var drag_handel = false;
-        if (this.$element.find(".oe-kanban-draghandle").length > 0) {
-            drag_handel = ".oe-kanban-draghandle";
+        if (this.$element.find(".oe_kanban_draghandle").length > 0) {
+            drag_handel = ".oe_kanban_draghandle";
         }
         this.$element.find(".oe_column").sortable({
             connectWith: ".oe_column",
@@ -289,7 +297,7 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
                 self.all_display_data.splice(index, 1);
             }
         });
-        this.$element.find('button.oe_kanban_button').click(function() {
+        this.$element.find('.oe_kanban_action').click(function() {
             var record_id = $(this).closest(".oe_kanban_record").attr("id");
             if (record_id) {
                 record_id = parseInt(record_id.split("_")[1])
@@ -303,6 +311,9 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
                 }
             }
         });
+        this.$element.find('.oe_kanban_record').click(function() {
+            $(this).find('.oe_kanban_box_show_onclick').removeClass('oe_kanban_box_show_onclick');
+        });
     },
     do_transform_record: function(record) {
         var self = this,
@@ -313,6 +324,7 @@ openerp.base_kanban.KanbanView = openerp.base.View.extend({
             r.value = openerp.base.format_value(value, r);
             new_record[name] = r;
         });
+        new_record.__kanban_color = this.do_get_kanban_color;
         return new_record;
     },
     do_search: function (domains, contexts, group_by) {