From 1b5e641ff4602bf8958311348d1d6c5de8468415 Mon Sep 17 00:00:00 2001
From: Fabien Meghazi <fme@openerp.com>
Date: Mon, 12 Sep 2011 14:59:38 +0200
Subject: [PATCH] [ADD] Added color picker for kanban view

bzr revid: fme@openerp.com-20110912125938-jt1v7jf1h4e6t66s
---
 .../web/static/src/img/icons/color-picker.png | Bin 0 -> 767 bytes
 addons/web_kanban/static/src/css/kanban.css   |  46 ++++++++++--------
 addons/web_kanban/static/src/js/kanban.js     |  33 ++++++++++---
 .../web_kanban/static/src/xml/web_kanban.xml  |  12 +++++
 4 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 addons/web/static/src/img/icons/color-picker.png

diff --git a/addons/web/static/src/img/icons/color-picker.png b/addons/web/static/src/img/icons/color-picker.png
new file mode 100644
index 0000000000000000000000000000000000000000..765294c6bdd403c8884c297926e14e8b848a0e66
GIT binary patch
literal 767
zcmV<b0s#GqP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!p-DtRRCwB?lU+;OP#DMmX=<C3wrP?o
zu2rj!Zc^D`-VJr^%F8jR_halM^b`0AyxK>Qv8&z)V>bgqDvnJUgH7ujnzr$!@2zQL
znzVb`%{SPc2ma?I=Xw6Wb8?;&uG{V6KF!_hKCEzf;-i-g(D;c6D<I)5^0UzSD5@0b
zjA*t!w9!U5<;Aq_AdV6Oc-dX}3%G@QrNn|sWp*JZvB#>XE(mA{u$umvdZziJvQ}Pn
zs_tdVT)ne{E3<n%yfi-fF77=oGGxzzssNM&@LGa6H2hGM-aZc<f7F(oQyy24KA_7G
zLD-*+j=hO{>n9A347f;w2uK0I3<I?gycLB-UysN4R`N;9Ft^C6_W{-*67KMPj2|j7
z_<{g?0Qd$8KxRn-jA1||Ag91x@-f#_E>_;mCCK`|4=4zjbCgL{cUcJfWdztDcz=XU
zDi9=KC4>$q!7v9<tpk@Mikd@i?iz5|##lud5GaNQ1jxJ(vMfUsBj9{0Opc*?K}W(!
z9?J0u!XesY*Jp5G16i2##6zLJ_D`zE3!X8QIWpo#b&EW(Z>q4{M)p^;IK%vkC=p1(
zCFrZs1P2$571H@76{JOAGV7(LnL#^y4agRd{*vFDpPqUqDnzzu+M(SvD8|w1234&@
znWr7#%mBU}<;xn3^i3HLkouuy7K4%LkQ4AQj?5;lE|Pl9q@hNT!T_CDtI^ucAMSTh
zO7&u{enuI(RkfDW>ucM`HM5ncX^qTB6zWMM<tX#OsI|U-UEj9b2Hi$Ozk3rMtTvB}
z*f>umBU5H<^pT_n<xzpNZPbcYGq<@{&VS16+h-P;<^NpeUTZt6_V1G|ZRc}BQ?j$b
xL=+9Rw+#(D7aPb~DRd_E+ZOJ=zw;jf1^~IY2?2|pwFUqH002ovPDHLkV1m%9VwnH{

literal 0
HcmV?d00001

diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 31f59a91d13..8303c207dbf 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -66,16 +66,30 @@
     padding: 4px;
 }
 .openerp .oe_kanban_buttons_set {
-    border-top: 1px dotted #CCC;
+    border-top: 1px dotted;
     white-space: nowrap;
+    padding-top: 2px;
+    position: relative;
 }
-.openerp .oe_kanban_buttons_set .oe_kanban_left a {
-    border-right: 1px dotted #CCC;
+.openerp .oe_kanban_buttons_set a {
     padding: 2px;
 }
-.openerp .oe_kanban_buttons_set .oe_kanban_right a {
-    border-left: 1px dotted #CCC;
-    padding: 2px;
+.oe_kanban_color_picker {
+    position: absolute;
+    top: -10px;
+    border: 1px solid black;
+    -moz-box-shadow: 2px 2px 5px #666;
+    -webkit-box-shadow: 2px 2px 5px #666;
+    box-shadow: 2px 2px 5px #666;
+}
+.oe_kanban_color_picker a {
+    display: block;
+    width: 30px;
+    height: 30px;
+    border: 1px solid black;
+}
+.oe_kanban_color_picker a:hover {
+    border-color: white;
 }
 .openerp .oe_kanban_left {
     float: left;
@@ -95,30 +109,24 @@
 
 /* Custom colors are also present in kanban.js */
 /* Custom color#1 */
-.openerp .oe_kanban_color_1 .oe_kanban_color_bglight,
-.openerp .oe_kanban_color_1.oe_kanban_color_bglight {
+.openerp .oe_kanban_color_1 .oe_kanban_color_bglight {
     background: #FFC7C7;
 }
-.openerp .oe_kanban_color_1 .oe_kanban_color_bgdark,
-.openerp .oe_kanban_color_1.oe_kanban_color_bgdark {
+.openerp .oe_kanban_color_1 .oe_kanban_color_bgdark {
     background: #FF8F8F;
 }
-.openerp .oe_kanban_color_1 .oe_kanban_color_border,
-.openerp .oe_kanban_color_1.oe_kanban_color_border {
+.openerp .oe_kanban_color_1 .oe_kanban_color_border {
     border-color: #D97979;
 }
 
 /* Custom color#2 */
-.openerp .oe_kanban_color_2 .oe_kanban_color_bglight,
-.openerp .oe_kanban_color_2.oe_kanban_color_bglight {
+.openerp .oe_kanban_color_2 .oe_kanban_color_bglight {
     background: #FFF1C7;
 }
-.openerp .oe_kanban_color_2 .oe_kanban_color_bgdark,
-.openerp .oe_kanban_color_2.oe_kanban_color_bgdark {
+.openerp .oe_kanban_color_2 .oe_kanban_color_bgdark {
     background: #FFE38F;
 }
-.openerp .oe_kanban_color_2 .oe_kanban_color_border,
-.openerp .oe_kanban_color_2.oe_kanban_color_border {
+.openerp .oe_kanban_color_2 .oe_kanban_color_border {
     border-color: #D9C179;
 }
 
@@ -196,6 +204,6 @@
     background: #E99;
 }
 .openerp .oe_kanban_color_alert .oe_kanban_color_border {
-    border-color: #999;
+    border-color: #900;
 }
 
diff --git a/addons/web_kanban/static/src/js/kanban.js b/addons/web_kanban/static/src/js/kanban.js
index 0253464d351..e9f4fa8bb18 100644
--- a/addons/web_kanban/static/src/js/kanban.js
+++ b/addons/web_kanban/static/src/js/kanban.js
@@ -65,7 +65,7 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             default:
                 return '';
         }
-        return 'oe_kanban_color_' + ((index % number_of_color_schemes) + 1);
+        return 'oe_kanban_color_' + ((index % number_of_color_schemes) || number_of_color_schemes);
     },
     kanban_gravatar: function(email, size) {
         size = size || 22;
@@ -81,7 +81,7 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             case 'button':
             case 'a':
                 var type = node.attrs.type || '';
-                if (_.indexOf('action,object,edit,delete,'.split(','), type) !== -1) {
+                if (_.indexOf('action,object,edit,delete,color'.split(','), type) !== -1) {
                     _.each(node.attrs, function(v, k) {
                         node.attrs['data-' + k] = v;
                         delete(node.attrs[k]);
@@ -179,8 +179,27 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             this.notification.warn("Kanban", "No form view defined for this object");
         }
     },
-    do_change_color: function(method) {
-        var color = '#FFC7C7,#FFF1C7,#E3FFC7,#C7FFD5,#C7FFFF,#C7D5FF,#FFC7F1'.split(',');
+    do_change_color: function(record_id, $e) {
+        var self = this,
+            id = record_id,
+            colors = '#FFC7C7,#FFF1C7,#E3FFC7,#C7FFD5,#C7FFFF,#C7D5FF,#E3C7FF,#FFC7F1'.split(','),
+            $cpicker = $(QWeb.render('KanbanColorPicker', { colors : colors, columns: 2 }));
+        $e.after($cpicker);
+        $cpicker.mouseenter(function() {
+            clearTimeout($cpicker.data('timeoutId'));
+        }).mouseleave(function(evt) {
+            var timeoutId = setTimeout(function() { $cpicker.remove() }, 500);
+            $cpicker.data('timeoutId', timeoutId);
+        });
+        $cpicker.find('a').click(function() {
+            var data = {};
+            data[$e.data('name')] = $(this).data('color');
+            self.dataset.write(id, data, {}, function() {
+                // TODO fme: reload record instead of all. need refactoring
+                self.do_actual_search();
+            });
+            $cpicker.remove();
+        });
     },
     do_delete: function (id) {
         var self = this;
@@ -322,8 +341,8 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             }
         });
         this.$element.find('.oe_kanban_action').click(this.on_action_clicked);
-        this.$element.find('.oe_kanban_record').click(function() {
-            $(this).find('.oe_kanban_box_show_onclick').toggle();
+        this.$element.find('.oe_kanban_box_show_onclick_trigger').click(function() {
+            $(this).parent('.oe_kanban_box').find('.oe_kanban_box_show_onclick').toggle();
         });
     },
     on_action_clicked: function(evt) {
@@ -334,6 +353,8 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
             this.do_delete(record_id);
         } else if (type == 'edit') {
             this.do_edit_record(record_id);
+        } else if (type == 'color') {
+            this.do_change_color(record_id, $action);
         } else {
             var button_attrs = $(this).data();
             this.on_button_click(button_attrs, record_id);
diff --git a/addons/web_kanban/static/src/xml/web_kanban.xml b/addons/web_kanban/static/src/xml/web_kanban.xml
index 564761c955a..aa7bc73190d 100644
--- a/addons/web_kanban/static/src/xml/web_kanban.xml
+++ b/addons/web_kanban/static/src/xml/web_kanban.xml
@@ -22,4 +22,16 @@
     </tr>
     </table>
 </t>
+<t t-name="KanbanColorPicker">
+    <table cellspacing="0" cellpadding="0" border="0" class="oe_kanban_color_picker">
+    <tr>
+        <t t-foreach="colors" t-as="color">
+            <td t-att-bgcolor="color">
+                <a href="#" t-att-data-color="color_index + 1"/>
+            </td>
+            <t t-if="((color_index + 1) % Math.round(colors.length / columns)) == 0">&lt;/tr&gt;&lt;tr&gt;</t>
+        </t>
+    </tr>
+    </table>
+</t>
 </template>