Merge lp:~openerp-dev/openerp-web/trunk-customize_kanban-pan into lp:openerp-web

[Anand]

Hello,

 Improved the description/requirements field in stage and put the legend in following [Task,Opportunity,Applicant].

 1) Here if user enters like below and save:

   [green] = ready for next stage
   [red] = Blocked
   [Star] [Star] [Star] = High priority

then:-> in the read_only page view the value inside the square bracket '[]' should appear accordingly.
        if [green] then green's image , if [red] then red's image and if [star] then star's image.

 2) Made The Legend tool tip of the column in kanban. So that no need to go form_view of the stage to see the
   description or the requirements.the tool tip available on hover on the title of kanban column.

 3) Added help string below description field so that user can understand that how to enter the legends value.

 4) Added records in to the data file for the preconfigured legends.

 5) Added the 'legends' widget in requirement/Description field of [Task,Opportunity,Applicant] form view.
    And also added js files in crm and hr_applicant for that.

 6) Make visible legends in the list view of the stage for more user help.

 Improved project kanbanview and form view

 1) [] Use tasks -> if true the "as: [ Tasks ]" appears. the user can rename Issues into whatever he wants
    [] Use issues-> if true the "as: [ Issues ]" appears. the user can rename Issues into whatever he wants

 2) rename the tab Task Stages into "Stages"

 3) If the user select use Issues, the tab "Stages" must appear

    Pad Link: http://pad.openerp.com/p/openerp-project.task-H2CYUKWGJN

Kindly Review the code.

Thanks,
PAN

[SnippetBucket.com (tta-openerp)]

Hello Anand,

Very bad implementation.

* Ugly coded: 'mouseenter' event, line 86, each time mouse enter it makes server calls.
Server call only once not each time mouse over.

* convert_image, Give proper function name like parse_legends(...). Also make proper code for parsing legends.

* Line no. 139, 140, 141 .
As you coded,
  if(self.dataset.model == "project.task") return 'description';
This should not be here, move it to project module, similarly others too.

* Improve coding,
 -> Line 11,14, 20,23,... this._super.apply(this,arguments); please add space between two argument.
     Correct it : this._super.apply(this, arguments);

Thanks,
tta

review: Disapprove

[lp:~openerp-dev/openerp-web/trunk-customize_kanban-pan]

3754. By Anand on 2013-05-21

[IMP] remove conflicts and merged with trunk

3755. By Anand on 2013-05-21

[IMP] remove conflicts

3756. By RGA(OpenERP) on 2013-06-19

Merge with trunk

3757. By RGA(OpenERP) on 2013-06-20

[IMP] change legend description for star tag

3758. By RGA(OpenERP) on 2013-06-20

[FIX] legend items are not aligned

3759. By RGA(OpenERP) on 2013-06-21

[IMP] support multi line legend description

3760. By RGA(OpenERP) on 2013-06-21

[IMP] refactore parser: now legend tag can parse any where in line not only at begining, legend key is not casesensetive now

3761. By RGA(OpenERP) on 2013-06-21

Merge with trunk

3762. By RGA(OpenERP) on 2013-06-22

Merge with trunk

3763. By RGA(OpenERP) on 2013-06-24

[IMP]support title attribute for boolean field, it usefully to display tips on checkbox, openerp help display only on lable of checkbox

3764. By RGA(OpenERP) on 2013-06-25

Merge with trunk

3765. By RGA(OpenERP) on 2013-06-25

update web test case for legend widget

[Nicolas Vanhoren (OpenERP) (niv-openerp)]

- You must not modify an existing library, ever.
- The file formats.js is not dedicated to that kind of stuff. It should not be altered in any way.
- I don't like the whole idea of creating new field types for just a legend, I think that feature should be re-created by one of the persons responsible of the web client.

review: Disapprove

[Pascal TAGO (tagopas)]

Hi

cannot launch openerp since i upgrade my ubuntu to 13.04

can u help me

I have message telling me that the package distribution PIL is not found.

I 've reinstall the  PIL  but no positive result   The same bug is still hanging

Best regards

________________________________
 De : Nicolas V.(OpenERP) <email address hidden>
À : Anandkumar (OpenERP) <email address hidden>
Envoyé le : Mercredi 26 juin 2013 10h13
Objet : Re: [Merge] lp:~openerp-dev/openerp-web/trunk-customize_kanban-pan into lp:openerp-web

Review: Disapprove

- You must not modify an existing library, ever.
- The file formats.js is not dedicated to that kind of stuff. It should not be altered in any way.
- I don't like the whole idea of creating new field types for just a legend, I think that feature should be re-created by one of the persons responsible of the web client.
--
https://code.launchpad.net/~openerp-dev/openerp-web/trunk-customize_kanban-pan/+merge/164842
You are subscribed to branch lp:openerp-web.

[lp:~openerp-dev/openerp-web/trunk-customize_kanban-pan]

3766. By RGA(OpenERP) on 2013-06-25

Merge with trunk

3767. By RGA(OpenERP) on 2013-06-26

[IMP] tooltips display according to viewport (top or bottom side)

3768. By RGA(OpenERP) on 2013-06-27

[IMP] tooltips: remvoe float alingment for .star

3769. By RGA(OpenERP) on 2013-06-28

[IMP] add option to dipslay only perticular state msg in tooltips

Unmerged revisions

3769. By RGA(OpenERP) on 2013-06-28

[IMP] add option to dipslay only perticular state msg in tooltips

3768. By RGA(OpenERP) on 2013-06-27

[IMP] tooltips: remvoe float alingment for .star

3767. By RGA(OpenERP) on 2013-06-26

[IMP] tooltips display according to viewport (top or bottom side)

3766. By RGA(OpenERP) on 2013-06-25

Merge with trunk

3765. By RGA(OpenERP) on 2013-06-25

update web test case for legend widget

3764. By RGA(OpenERP) on 2013-06-25

Merge with trunk

3763. By RGA(OpenERP) on 2013-06-24

[IMP]support title attribute for boolean field, it usefully to display tips on checkbox, openerp help display only on lable of checkbox

3762. By RGA(OpenERP) on 2013-06-22

Merge with trunk

3761. By RGA(OpenERP) on 2013-06-21

Merge with trunk

3760. By RGA(OpenERP) on 2013-06-21

[IMP] refactore parser: now legend tag can parse any where in line not only at begining, legend key is not casesensetive now

=== modified file 'addons/web/static/lib/jquery.tipsy/jquery.tipsy.js'
--- addons/web/static/lib/jquery.tipsy/jquery.tipsy.js	2012-11-15 16:41:32 +0000
+++ addons/web/static/lib/jquery.tipsy/jquery.tipsy.js	2013-06-28 07:40:39 +0000
@@ -71,9 +71,9 @@
                 }
                 
                 if (this.options.fade) {
-                    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
+                    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible', width: actualWidth}).animate({opacity: this.options.opacity});
                 } else {
-                    $tip.css({visibility: 'visible', opacity: this.options.opacity});
+                    $tip.css({visibility: 'visible', opacity: this.options.opacity, width: actualWidth});
                 }
             }
         },

=== modified file 'addons/web/static/src/css/base.css'
--- addons/web/static/src/css/base.css	2013-06-19 12:51:06 +0000
+++ addons/web/static/src/css/base.css	2013-06-28 07:40:39 +0000
@@ -1294,7 +1294,7 @@
   color: white;
   padding: 2px 4px;
   margin: 1px 6px 0 0;
-  border: 1px solid lightgrey;
+  border: 1px solid lightGray;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -1326,7 +1326,7 @@
   transform: scale(1.1);
 }
 .openerp .oe_secondary_submenu .oe_active {
-  border-top: 1px solid lightgrey;
+  border-top: 1px solid lightGray;
   border-bottom: 1px solid #dedede;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
@@ -2330,7 +2330,7 @@
 }
 .openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span {
   font-size: 80%;
-  color: darkgreen;
+  color: darkGreen;
   vertical-align: top;
   position: relative;
   top: -4px;
@@ -3210,6 +3210,53 @@
   float: right;
   color: #333333;
 }
+.openerp .oe_form_field_legend .green, .openerp .oe_list_field_legends .green {
+  border-radius: 6px 6px 6px 6px;
+  display: inline-block;
+  height: 12px;
+  position: relative;
+  top: 2px;
+  width: 12px;
+  background: -webkit-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+  background: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+  background: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+  background: -o-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+  background: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+}
+.openerp .oe_form_field_legend .red, .openerp .oe_list_field_legends .red {
+  border-radius: 6px 6px 6px 6px;
+  display: inline-block;
+  height: 12px;
+  position: relative;
+  top: 2px;
+  width: 12px;
+  background: -webkit-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+  background: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+  background: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+  background: -o-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+  background: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+}
+.openerp .oe_form_field_legend .star {
+  text-shadow: 0 0 2px black;
+  vertical-align: top;
+  position: relative;
+  top: -8px;
+  left: -2px;
+  color: gold;
+  display: inline-block;
+  height: 12px;
+}
+.openerp .oe_list_field_legends .star {
+  text-shadow: 0 0 4px black;
+  vertical-align: top;
+  position: relative;
+  top: -2px;
+  left: -3px;
+  color: gold;
+  display: inline-block;
+  height: 12px;
+  width: 12px;
+}
 
 @-moz-document url-prefix() {
   .openerp .oe_view_manager .oe_view_manager_switch li {
@@ -3227,6 +3274,10 @@
   .openerp .oe_webclient .oe_star_on, .openerp .oe_webclient .oe_star_off {
     top: 0px;
   }
+  .openerp .oe_list_field_legends .star {
+    text-shadow: 0 0 2px black;
+    top: 2px;
+  }
 }
 
 .kitten-mode-activated {
@@ -3471,6 +3522,7 @@
     overflow: hidden !important;
   }
 }
+
 .blockUI.blockOverlay {
   background-color: black;
   opacity: 0.6;

=== modified file 'addons/web/static/src/css/base.sass'
--- addons/web/static/src/css/base.sass	2013-06-19 12:51:06 +0000
+++ addons/web/static/src/css/base.sass	2013-06-28 07:40:39 +0000
@@ -2533,6 +2533,51 @@
         float: right
         color: #333
     // }}}
+    // {{{ Legends [red],[green]and [star]
+    .oe_form_field_legend .green, .oe_list_field_legends .green
+        border-radius: 6px 6px 6px 6px
+        display: inline-block
+        height: 12px
+        position: relative
+        top: 2px
+        width: 12px
+        background: -webkit-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: -o-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+    .oe_form_field_legend .red, .oe_list_field_legends .red
+        border-radius: 6px 6px 6px 6px
+        display: inline-block
+        height: 12px
+        position: relative
+        top: 2px
+        width: 12px
+        background: -webkit-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: -o-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+    .oe_form_field_legend .star
+        text-shadow: 0 0 2px black
+        vertical-align: top
+        position: relative
+        top: -8px
+        left: -2px
+        color: gold
+        display: inline-block
+        height: 12px
+    .oe_list_field_legends .star
+        text-shadow: 0 0 4px black
+        vertical-align: top
+        position: relative
+        top: -2px
+        left: -3px
+        color: gold
+        display: inline-block
+        height: 12px
+        width: 12px
+        /// }}}
 @-moz-document url-prefix()
     .openerp
         .oe_view_manager .oe_view_manager_switch li
@@ -2546,6 +2591,9 @@
         .oe_webclient
             .oe_star_on, .oe_star_off
                 top: 0px
+        .oe_list_field_legends .star
+            text-shadow: 0 0 2px black
+            top: 2px
 
 // Kitten Mode {{{
 .kitten-mode-activated

=== modified file 'addons/web/static/src/js/formats.js'
--- addons/web/static/src/js/formats.js	2013-04-09 14:44:14 +0000
+++ addons/web/static/src/js/formats.js	2013-06-28 07:40:39 +0000
@@ -120,6 +120,52 @@
 };
 
 /**
+ * Replace the [green],[red] and [star] from the string
+ * And Add the appropriate legends accordingly.
+ *
+ * @param {String} value    -value of the field
+ */
+instance.web.parselegend = function(value, display_only) {
+    var legends = {
+        'red': "<span class='red'/>",
+        'green': "<span class='green'/>",
+        'star': "<span class='oe_e star'>7</span>",
+    }
+    var result = "";
+    _.each(_.str.lines(value), function (line) {
+        line = _.str.clean(line);
+        if(line){
+            var matchs = line.match(/\[(.*?)\]/g);
+            _.each(matchs, function(text){
+                var key,
+                    value;
+                key = text.substring(1, text.length-1);
+                if(!_.isEmpty(display_only) &&!_.contains(display_only, key)){
+                    line =  "";
+                }
+                value = legends[key.toLowerCase()];
+                if (key && value){
+                    line = line.replace(/\[(.*?)\]/, value);
+                }
+            })
+            if(line)
+                result += line + '<br/>';
+        }
+
+    });
+    return result;
+};
+instance.web.show_legend = function(select, data) {
+         select.tipsy({
+            'fade': true,
+            'title': function() { return data },
+            'gravity': $.fn.tipsy.autoNS,
+            'html': true,
+            'opacity': 0.8,
+            'trigger': 'hover'
+        });
+};
+/**
  * Formats a single atomic value based on a field descriptor
  *
  * @param {Object} value read from OpenERP

=== modified file 'addons/web/static/src/js/view_form.js'
--- addons/web/static/src/js/view_form.js	2013-06-18 13:35:21 +0000
+++ addons/web/static/src/js/view_form.js	2013-06-28 07:40:39 +0000
@@ -2685,6 +2685,20 @@
     },
 });
 
+instance.web.form.FieldLegend = instance.web.form.FieldText.extend({
+    render_value: function() {
+        var value = this.get('value');
+        if(this.get("effective_readonly")){
+            this.$el.html(instance.web.parselegend(value || ''));
+        } else {
+            this._super.apply(this, arguments);
+        }
+    },
+    renderElement: function() {
+       this.template = this.get("effective_readonly") ? "FieldLegend" : "FieldText";
+       this._super.apply(this, arguments); 
+    }
+});
 /**
  * FieldTextHtml Widget
  * Intended for FieldText widgets meant to display HTML content. This
@@ -5645,6 +5659,7 @@
     'many2many_binary': 'instance.web.form.FieldMany2ManyBinaryMultiFiles',
     'statusbar': 'instance.web.form.FieldStatus',
     'monetary': 'instance.web.form.FieldMonetary',
+    'legends': 'instance.web.form.FieldLegend'
 });
 
 /**

=== modified file 'addons/web/static/src/js/view_list.js'
--- addons/web/static/src/js/view_list.js	2013-06-13 17:24:14 +0000
+++ addons/web/static/src/js/view_list.js	2013-06-28 07:40:39 +0000
@@ -2061,7 +2061,8 @@
     'field.handle': 'instance.web.list.Handle',
     'button': 'instance.web.list.Button',
     'field.many2onebutton': 'instance.web.list.Many2OneButton',
-    'field.many2many': 'instance.web.list.Many2Many'
+    'field.many2many': 'instance.web.list.Many2Many',
+    'field.legends': 'instance.web.list.FieldLegend'
 });
 instance.web.list.columns.for_ = function (id, field, node) {
     var description = _.extend({tag: node.tag}, field, node.attrs);
@@ -2252,6 +2253,13 @@
             });
     }
 });
+instance.web.list.FieldLegend = instance.web.list.Column.extend({
+    _format: function (row_data, options) {
+        if(row_data[this.id].value) {
+            return instance.web.parselegend(row_data[this.id].value);
+        }
+    }
+});
 instance.web.list.Handle = instance.web.list.Column.extend({
     init: function () {
         this._super.apply(this, arguments);

=== modified file 'addons/web/static/src/xml/base.xml'
--- addons/web/static/src/xml/base.xml	2013-06-13 17:24:14 +0000
+++ addons/web/static/src/xml/base.xml	2013-06-28 07:40:39 +0000
@@ -1069,6 +1069,9 @@
         </t>
     </div>
 </t>
+<t t-name="FieldLegend">
+    <div class="oe_form_field_legend"></div>
+</t>
 <t t-name="FieldTextHtml">
     <div t-att-class="'oe_form_field oe_form_field_html' + (widget.get('effective_readonly') ? ' oe_form_embedded_html' : '')"
             t-att-style="widget.node.attrs.style">
@@ -1201,7 +1204,7 @@
     </table>
 </t>
 <t t-name="FieldBoolean">
-    <span class="oe_form_field oe_form_field_boolean" t-att-style="widget.node.attrs.style">
+    <span class="oe_form_field oe_form_field_boolean" t-att-title="widget.node.attrs.title" t-att-style="widget.node.attrs.style">
         <input type="checkbox"
             t-att-id="widget.id_for_label"
             t-att-name="widget.name"

=== modified file 'addons/web/static/test/formats.js'
--- addons/web/static/test/formats.js	2013-01-23 09:31:55 +0000
+++ addons/web/static/test/formats.js	2013-06-28 07:40:39 +0000
@@ -226,3 +226,14 @@
         });
 
 });
+
+openerp.testing.section('parse_legends', {
+    dependencies: ['web.formats']
+}, function (test) {
+    test("legend_green", function (instance) {
+        strictEqual(instance.web.parselegend('[green] tested ok'),"<span class='green'/> tested ok<br/>");
+        strictEqual(instance.web.parselegend('Between [star] legend [star] [green] [star]'),"Between <span class='oe_e star'>7</span> legend <span class='oe_e star'>7</span> <span class='green'/> <span class='oe_e star'>7</span><br/>");
+        strictEqual(instance.web.parselegend('Multiple lengend per line [green][red][star]'),"Multiple lengend per line <span class='green'/><span class='red'/><span class='oe_e star'>7</span><br/>");
+        strictEqual(instance.web.parselegend('Case test [STAR] [greeN] [rEd]'),"Case test <span class='oe_e star'>7</span> <span class='green'/> <span class='red'/><br/>");
+    });
+});

=== modified file 'addons/web_kanban/static/src/css/kanban.css'
--- addons/web_kanban/static/src/css/kanban.css	2013-04-29 11:03:58 +0000
+++ addons/web_kanban/static/src/css/kanban.css	2013-06-28 07:40:39 +0000
@@ -570,3 +570,43 @@
     visibility: hidden; }
   .openerp .oe_kanban_view .oe_kanban_group_title {
     text-shadow: none !important; } }
+
+.tipsy-inner {
+  padding: 3px 8px 3px 8px; }
+  .tipsy-inner .green {
+    margin: 0px 2px 2px 2px;
+    border-radius: 6px 6px 6px 6px;
+    display: inline-block;
+    height: 10px;
+    position: relative;
+    top: 2px;
+    width: 10px;
+    background: -webkit-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+    background: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+    background: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+    background: -o-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green;
+    background: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green; }
+  .tipsy-inner .red {
+    margin: 0px 2px 2px 2px;
+    border-radius: 6px 6px 6px 6px;
+    display: inline-block;
+    height: 10px;
+    position: relative;
+    top: 2px;
+    width: 10px;
+    background: -webkit-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+    background: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+    background: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+    background: -o-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red;
+    background: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red; }
+  .tipsy-inner .star {
+    font-size: 30px;
+    color: gold;
+    text-shadow: 0 0 2px black;
+    display: inline-block;
+    vertical-align: top;
+    position: relative;
+    top: -10px;
+    height: 10px;
+    width: 10px;
+    margin-right: 4px; }

=== modified file 'addons/web_kanban/static/src/css/kanban.sass'
--- addons/web_kanban/static/src/css/kanban.sass	2013-04-29 11:03:58 +0000
+++ addons/web_kanban/static/src/css/kanban.sass	2013-06-28 07:40:39 +0000
@@ -565,7 +565,6 @@
                 @include vertical-gradient(#f6f6f6, #e3e3e3)
                 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
 
-
 // Internet Explorer 9+ specifics {{{
 .openerp_ie .oe_kanban_view
     .oe_kanban_group_header .oe_kanban_group_title_vertical
@@ -593,5 +592,46 @@
         .oe_kanban_view .oe_kanban_group_title
             text-shadow: none !important
 
+// {{{ Legends [red],[green]and [star]
+.tipsy-inner
+    padding: 3px 8px 3px 8px
+    .green
+        margin: 0px 2px 2px 2px
+        border-radius: 6px 6px 6px 6px
+        display: inline-block
+        height: 10px
+        position: relative
+        top: 2px
+        width: 10px
+        background: -webkit-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: -o-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+        background: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%) repeat scroll center center green
+    .red
+        margin: 0px 2px 2px 2px
+        border-radius: 6px 6px 6px 6px
+        display: inline-block
+        height: 10px
+        position: relative
+        top: 2px
+        width: 10px
+        background: -webkit-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: -o-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+        background: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%) repeat scroll center center red
+    .star
+        font-size: 30px
+        color: gold
+        text-shadow: 0 0 2px black
+        display: inline-block
+        vertical-align: top
+        position: relative
+        top: -10px
+        height: 10px
+        width: 10px
+        margin-right: 4px
+// }}}
 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:

=== modified file 'addons/web_kanban/static/src/js/kanban.js'
--- addons/web_kanban/static/src/js/kanban.js	2013-06-10 14:49:15 +0000
+++ addons/web_kanban/static/src/js/kanban.js	2013-06-28 07:40:39 +0000
@@ -634,6 +634,18 @@
         this.is_started = true;
         return def;
     },
+    get_legend: function(selector){
+        var self = this;
+        if (this.value) {
+            return (new instance.web.Model(this.view.group_by_field.relation)).query([this.description_field]).filter([["id", "=", this.value]]).first().done(function(res){
+                if(res[self.description_field]){
+                    self.description_data = instance.web.parselegend(res[self.description_field]);
+                    instance.web.show_legend(selector, self.description_data);
+                }
+            });
+        }
+        return 
+    },
     compute_cards_auto_height: function() {
         // oe_kanban_no_auto_height is an empty class used to disable this feature
         if (!this.view.group_by) {