Improve treeview headers

- Use same alignment as the widget
- Make label bold by inherited header style
- Use bordered on editable

issue6681
review39561002

CHANGELOG

@@ -1,3 +1,4 @@
+* Improve treeview headers
 * Add keyboard shortcuts
 * Update states of both toolbar and menu
 * Improve toolbar order

src/sao.js

@@ -422,6 +422,7 @@ var Sao = {};
         form.view_prm.done(function() {
             Sao.main_menu_screen = form.screen;
             var view = form.screen.current_view;
+            view.table.removeClass('table-bordered');
             view.table.find('thead').hide();
             jQuery('#menu').children().remove();
 

src/sao.less

@@ -69,6 +69,13 @@ button {
             text-overflow: ellipsis;
             min-width: 30px;
             text-align: center;
+            &.char, &.text, &.many2one, &.one2one, &.date, &.time, &.selection,
+            &.reference, &.url, &.email, &.callto, &.sip {
+                text-align: left;
+            }
+            &.timedelta, &.float, &.numeric, &.integer, &.biginteger {
+                text-align: right;
+            }
         }
         & > tbody > tr > td {
             cursor: pointer;
@@ -210,6 +217,9 @@ button {
 .column-integer, .column-float, .column-timedelta {
     text-align: right;
 }
+.column-many2many, .column-one2many {
+    text-align: center;
+}
 input.column-boolean {
     .center-block();
 }

src/view/tree.js

@@ -71,6 +71,9 @@
             this.table = jQuery('<table/>', {
                 'class': 'tree table table-hover table-striped'
             });
+            if (this.editable) {
+                this.table.addClass('table-bordered');
+            }
             this.el.append(this.table);
             this.thead = jQuery('<thead/>').appendTo(this.table);
             var tr = jQuery('<tr/>');
@@ -87,7 +90,9 @@
             }
             this.thead.append(tr);
             this.columns.forEach(function(column) {
-                th = jQuery('<th/>');
+                th = jQuery('<th/>', {
+                    'class': column.attributes.widget,
+                });
                 var label = jQuery('<label/>')
                     .text(column.attributes.string);
                 if (this.editable) {