[IMP] board: reapply mit css changes made on web_dashboard

bzr revid: chs@openerp.com-20120809153605-trlhbmj3rw3ku0td

3 files changed, 76 insertions, 312 deletions

diff --git a/addons/board/static/src/css/dashboard.css b/addons/board/static/src/css/dashboard.css
index 74410b3e937..f3d300add2e 100644
--- a/addons/board/static/src/css/dashboard.css
+++ b/addons/board/static/src/css/dashboard.css
@@ -1,309 +1,73 @@
-.openerp table.oe_dashboard {
-    width: 100%;
-}
 .openerp .oe_dashboard_links {
-    text-align: right;
-    margin: 0 4px 6px 0;
-}
-.openerp .oe_dashboard_action {
-    margin: 0 0.5em 0.5em 0;
-    padding: 0px;
-    background-color: white;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-}
-
-.openerp .oe_dashboard_action .oe_dashboard_action_header {
-    font-size: 85%;
-    font-weight: bold;
-    text-transform: uppercase;
-    text-indent: 10px;
-    vertical-align: middle;
-    border-bottom: 1px solid #e5e5e5;
-    background: white url("/web/static/src/img/box-a-header-a.gif") 0% 0% repeat-x;
-}
-
-.openerp h2.oe_dashboard_action_header {
-    margin: 0;
-    padding:4px 4px;
-    -moz-border-radius-topleft: 3px;
-    -webkit-border-top-left-radius: 3px;
-    border-top-left-radius: 3px;
-    -moz-border-radius-topright: 3px;
-    -webkit-border-top-right-radius: 3px;
-    border-top-right-radius: 3px;
-}
-.openerp h2.oe_dashboard_action_header_empty {
-    padding-top: 0;
-    padding-bottom: 2px;
-}
-
-.openerp .oe_dashboard_button_create {
-    margin-left: 4px;
-    padding: 0 4px 0 4px;
-    height: 16px !important;
-}
-
-.openerp a.oe_dashboard_action_rename {
-    float: left;
-    padding-right: 4px;
-    position: relative;
-    top: 1px;
-}
-.openerp .oe_dashboard_action_input {
-    height: 16px;
-    position: relative;
-    top: 2px;
-}
-
-.openerp .oe_dashboard_action .oe_dashboard_action_header:hover {
-    cursor: move;
-}
-.openerp .oe_dashboard_action .ui-icon {
-    cursor: pointer;
-}
-.openerp .oe_dashboard_action .ui-icon:hover {
-    background-color: #ccc;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-}
-
-.openerp .oe_dashboard_action .oe_dashboard_action_header .ui-icon {
-    float: right;
-}
-
-.openerp .oe_dashboard .ui-sortable-placeholder {
-    border: 1px dotted black;
-    visibility: visible !important;
-    height: 50px !important;
-}
-
-.openerp .oe_dashboard .ui-sortable-placeholder * {
-    visibility: hidden;
-}
-
-/* Base overwriting */
-.openerp .oe_dashboard .oe_list_content, .openerp .oe_dashboard .ui-widget-header {
-    border-right:none !important;
-    padding:0 3px;
-}
-
-/* Layouts */
-.openerp .oe_dashboard_layout_1 .oe_dashboard_column.index_0 {
-    width: 100%;
-}
-.openerp .oe_dashboard_layout_1 .oe_dashboard_column.index_1,
-.openerp .oe_dashboard_layout_1 .oe_dashboard_column.index_2 {
-    display: none;
-}
-
-.openerp .oe_dashboard_layout_1-1 .oe_dashboard_column {
-    width: 50%;
-}
-.openerp .oe_dashboard_layout_1-1 .oe_dashboard_column.index_2 {
-    display: none;
-}
-
-.openerp .oe_dashboard_layout_1-1-1 .oe_dashboard_column {
-    width: 33%;
-}
-
-.openerp .oe_dashboard_layout_2-1 .oe_dashboard_column.index_0 {
-    width: 70%;
-}
-.openerp .oe_dashboard_layout_2-1 .oe_dashboard_column.index_1 {
-    width: 30%;
-}
-.openerp .oe_dashboard_layout_2-1 .oe_dashboard_column.index_2 {
-    display: none;
-}
-
-.openerp .oe_dashboard_layout_1-2 .oe_dashboard_column.index_0 {
-    width: 30%;
-}
-.openerp .oe_dashboard_layout_1-2 .oe_dashboard_column.index_1 {
-    width: 70%;
-}
-.openerp .oe_dashboard_layout_1-2 .oe_dashboard_column.index_2 {
-    display: none;
-}
-
-
-.openerp .oe_dashboard_layout_selector {
-    overflow: auto;
-    padding: 10px;
-}
-
-.openerp .oe_dashboard_layout_selector ul {
-    margin: 0;
-    padding: 0;
-}
-
-.openerp .oe_dashboard_layout_selector ul li {
-    position: relative;
-    float: left;
-    height: 51px;
-    list-style-type: none;
-    margin: 5px;
-    padding: 0;
-    width: 82px;
-    cursor: pointer;
-    border: 1px solid white;
-}
-.openerp .oe_dashboard_layout_selector ul li:hover {
-    border: 1px solid #090;
-}
-.openerp .oe_dashboard_layout_selector ul li img.oe_dashboard_selected_layout {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-}
-
-.openerp .oe_dashboard_home_tile {
-    text-align: center;
-    margin:  10px;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border-radius: 10px;
-    -webkit-box-shadow: 3px 3px 5px 3px #DADDDD;
-    -moz-box-shadow: 3px 3px 5px 3px #DADDDD;
-    box-shadow: 3px 3px 5px 3px #DADDDD;
-}
-.openerp .oe_dashboard_home_tile span {
-    display: block;
-    padding: 0 0 15px;
-    font-weight: bold;
-    text-transform: uppercase;
-    color: #555;
-    white-space: nowrap;
-}
-.openerp .oe_dashboard_home_tile_icon {
-    height: 100px;
-}
-.openerp .oe_dashboard_home_tile_icon img {
-    display: block;
-    margin: 0 auto;
-}
-.openerp .oe_dashboard_home_tile_icon img.hover {
-    display: none;
-}
-.openerp .oe_dashboard_home_tile:hover {
-    background-color: #fafafa;
-    -webkit-box-shadow: 3px 3px 5px 3px #979797;
-    -moz-box-shadow: 3px 3px 5px 3px #979797;
-    box-shadow: 3px 3px 5px 3px #979797;
-}
-.openerp .oe_dashboard_home_tile:hover img {
-    display: none;
-}
-.openerp .oe_dashboard_home_tile:hover img.hover {
-    display: block;
-}
-.openerp .oe_dashboard_home_tile:hover span {
-    color: black;
-}
-
-.openerp .oe_dashboard_action .view-manager-main-content {
-    padding: 2px;
-}
-
-.openerp .oe_app_tiles h1, .openerp .oe_app_tiles h3 {
-  margin: 16px 24px;
-}
-
-.openerp .oe_app_tiles {
-  padding: 0 10px;
+  text-align: right;
+  margin: 0 4px 6px 0;
+}
+.openerp .oe_dashboard {
+  width: 100%;
+}
+.openerp .oe_dashboard .oe_action {
+  margin: 0 8px 8px 0;
+  background-color: white;
+  border: 1px solid;
+  border-color: #e5e5e5 #dbdbdb #d2d2d2;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
+}
+.openerp .oe_dashboard .oe_action .oe_header {
+  font-size: 16px;
+  vertical-align: middle;
+  margin: 0;
+  padding: 12px;
+  -moz-border-radius: 3px 3px 0 0;
+  -webkit-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
 }
-
-.openerp .oe_app_tiles li {
-  float: left;
-  list-style: none;
+.openerp .oe_dashboard .oe_action .oe_header:hover {
+  cursor: move;
 }
-
-.openerp .oe_app_tiles li img {
-  display: block;
-  margin: 0 auto;
-  height: 100px;
-  width: 100px;
+.openerp .oe_dashboard .oe_action .oe_header .oe_icon {
+  float: right;
+  cursor: pointer;
+  color: #b3b3b3;
 }
-.openerp .oe_app_tiles li img.hover {
-    display: none;
+.openerp .oe_dashboard .oe_action .oe_header .oe_icon:hover {
+  color: #666666;
+  text-decoration: none;
 }
-.openerp .oe_app_tiles li:hover img {
-    display: none;
+.openerp .oe_dashboard .oe_action .oe_header .oe_close:after {
+  content: "×";
+  margin-left: 4px;
 }
-.openerp .oe_app_tiles li:hover img.hover {
-    display: block;
+.openerp .oe_dashboard .oe_action .oe_header .oe_minimize:after {
+  content: "-";
+  margin-left: 4px;
 }
-
-.openerp .oe_app_tiles li a {
-  display: block;
-  height: 120px;
-  width: 194px;
-  color: #4C4C4C;
-  border: 1px solid #f4f2f2;
-  margin: 6px;
-  padding: 12px;
-  text-align: center;
-  text-transform: uppercase;
-  text-decoration: none;
-  font-size: 12px;
-  font-weight: 800;
-  background: white;
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
-  -ms-border-radius: 6px;
-  border-radius: 6px;
-  -moz-box-shadow: 0 1px 2px #bbb;
-  -webkit-box-shadow: 0 1px 2px #bbb;
-  -o-box-shadow: 0 1px 2px #bbb;
-  box-shadow: 0 1px 2px #bbb;
+.openerp .oe_dashboard .oe_action .oe_header .oe_maximize:after {
+  content: "+";
+  margin-left: 4px;
 }
-/* changing icon for the change layout button */
-
-.openerp .oe_dashboard_link_change_layout, .openerp .oe_dashboard_link_reset {
-    padding-top: 1px;
-    height: 22px;
+.openerp .oe_dashboard .oe_action .oe_header_empty {
+  padding-top: 0;
+  padding-bottom: 2px;
 }
-.openerp .oe_dashboard_link_change_layout > *, .openerp .oe_dashboard_link_reset > *{
-    vertical-align: middle;
+.openerp .oe_dashboard .oe_action .oe_button_create {
+  margin-left: 4px;
+  padding: 0 4px 0 4px;
+  height: 16px !important;
 }
-
-.openerp .oe_welcome_message {
-    display:none;
+.openerp .oe_dashboard .oe_action .oe_content {
+  padding: 0 12px 12px 12px;
 }
-.openerp .oe_initial_welcome_message {
-    width:30%;
-    text-align:center;
-    margin:10px 35% 0 35%;
-    padding: 5px 10px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    background: #eeeded;
-    box-shadow: 0 1px 0 #fff;
-    -moz-box-shadow: 0 1px 0 #fff;
-    -webkit-box-shadow: 0 1px 0 #fff;
-    color: #8c8c8c;
-    font-size: 90%;
-    text-transform: uppercase;
-    font-weight: bold;
-    text-shadow: #fff 0 1px 0;
+.openerp .oe_dashboard .oe_action .oe_content .oe_view_manager_header {
+  display: none;
 }
-
-.openerp .oe_initial_welcome_message ul{
-    padding:10px 0 0 0;
-    margin:0;
-    list-style-type: none;
-    padding: 7px 0 5px 5px;
-    background-position: 0 50%;
-    background-repeat: no-repeat;
-    cursor: pointer;
+.openerp .oe_dashboard .oe_action .oe_content .oe_list_content > thead {
+  border-bottom: 1px;
 }
-.openerp .oe_initial_welcome_message ul a, .openerp .initial_welcome_message ul a:hover, .openerp .initial_welcome_message ul a:active, .openerp .initial_welcome_message ul a:focus {
-    color:#222;
-    text-decoration:none;
+.openerp .oe_dashboard .oe_action .oe_content .oe_list_content > tbody tr:nth-child(odd) {
+  background: transparent;
 }
diff --git a/addons/board/static/src/js/dashboard.js b/addons/board/static/src/js/dashboard.js
index cc7fe1e508c..b9df81bf868 100644
--- a/addons/board/static/src/js/dashboard.js
+++ b/addons/board/static/src/js/dashboard.js
@@ -20,7 +20,7 @@ instance.web.form.DashBoard = instance.web.form.FormWidget.extend({
 
         this.$element.find('.oe_dashboard_column').sortable({
             connectWith: '.oe_dashboard_column',
-            handle: '.oe_dashboard_action_header',
+            handle: '.oe_header',
             scroll: false
         }).disableSelection().bind('sortstop', self.do_save_dashboard);
 
@@ -28,8 +28,8 @@ instance.web.form.DashBoard = instance.web.form.FormWidget.extend({
         this.$element.find('.oe_dashboard_link_reset').click(this.on_reset);
         this.$element.find('.oe_dashboard_link_change_layout').click(this.on_change_layout);
 
-        this.$element.delegate('.oe_dashboard_column .oe_dashboard_fold', 'click', this.on_fold_action);
-        this.$element.delegate('.oe_dashboard_column .ui-icon-closethick', 'click', this.on_close_action);
+        this.$element.delegate('.oe_dashboard_column .oe_fold', 'click', this.on_fold_action);
+        this.$element.delegate('.oe_dashboard_column .oe_close', 'click', this.on_close_action);
 
         // Init actions
         _.each(this.node.children, function(column, column_index) {
@@ -80,7 +80,7 @@ instance.web.form.DashBoard = instance.web.form.FormWidget.extend({
                 var $last_column = $();
                 $dashboard.find('.oe_dashboard_column').each(function(k, v) {
                     if (k >= nlayout) {
-                        $(v).find('.oe_dashboard_action').appendTo($last_column);
+                        $(v).find('.oe_action').appendTo($last_column);
                     } else {
                         $last_column = $(v);
                     }
@@ -93,20 +93,20 @@ instance.web.form.DashBoard = instance.web.form.FormWidget.extend({
     },
     on_fold_action: function(e) {
         var $e = $(e.currentTarget),
-            $action = $e.parents('.oe_dashboard_action:first'),
+            $action = $e.parents('.oe_action:first'),
             id = parseInt($action.attr('data-id'), 10);
-        if ($e.is('.ui-icon-minusthick')) {
+        if ($e.is('.oe_minimize')) {
             $action.data('action_attrs').fold = '1';
         } else {
             delete($action.data('action_attrs').fold);
         }
-        $e.toggleClass('ui-icon-minusthick ui-icon-plusthick');
-        $action.find('.oe_dashboard_action_content').toggle();
+        $e.toggleClass('oe_minimize oe_maximize');
+        $action.find('.oe_content').toggle();
         this.do_save_dashboard();
     },
     on_close_action: function(e) {
         if (confirm(_t("Are you sure you want to remove this item ?"))) {
-            $(e.currentTarget).parents('.oe_dashboard_action:first').remove();
+            $(e.currentTarget).parents('.oe_action:first').remove();
             this.do_save_dashboard();
         }
     },
@@ -119,7 +119,7 @@ instance.web.form.DashBoard = instance.web.form.FormWidget.extend({
             };
         this.$element.find('.oe_dashboard_column').each(function() {
             var actions = [];
-            $(this).find('.oe_dashboard_action').each(function() {
+            $(this).find('.oe_action').each(function() {
                 var action_id = $(this).attr('data-id'),
                     new_attrs = _.clone($(this).data('action_attrs'));
                 if (new_attrs.domain) {
diff --git a/addons/board/static/src/xml/board.xml b/addons/board/static/src/xml/board.xml
index 09e68fa28cd..13d81d11f8d 100644
--- a/addons/board/static/src/xml/board.xml
+++ b/addons/board/static/src/xml/board.xml
@@ -21,16 +21,16 @@
     </table>
 </t>
 <t t-name="DashBoard.action">
-    <div t-att-data-id="action.attrs.name" class="oe_dashboard_action">
-        <h2 t-attf-class="oe_dashboard_action_header #{action.attrs.string ? '' : 'oe_dashboard_action_header_empty'}">
+    <div t-att-data-id="action.attrs.name" class="oe_action">
+        <h2 t-attf-class="oe_header #{action.attrs.string ? '' : 'oe_header_empty'}">
             <t t-esc="action.attrs.string"/>
             <t t-if="!action.attrs.string">&amp;nbsp;</t>
-            <button t-if="action.attrs.creatable and action.attrs.creatable !== 'false'" class="oe_button oe_dashboard_button_create">Create</button>
-            <span class='ui-icon ui-icon-closethick'></span>
-            <span class='ui-icon ui-icon-minusthick oe_dashboard_fold' t-if="!action.attrs.fold"></span>
-            <span class='ui-icon ui-icon-plusthick oe_dashboard_fold' t-if="action.attrs.fold"></span>
+            <button t-if="action.attrs.creatable and action.attrs.creatable !== 'false'" class="oe_button oe_button_create">Create</button>
+            <span class='oe_icon oe_close'></span>
+            <span class='oe_icon oe_minimize oe_fold' t-if="!action.attrs.fold"></span>
+            <span class='oe_icon oe_maximize oe_fold' t-if="action.attrs.fold"></span>
         </h2>
-        <div t-attf-id="#{view.element_id}_action_#{column_index}_#{action_index}" class="oe_dashboard_action_content" t-att-style="action.attrs.fold ? 'display: none' : null"></div>
+        <div t-attf-id="#{view.element_id}_action_#{column_index}_#{action_index}" class="oe_content" t-att-style="action.attrs.fold ? 'display: none' : null"></div>
     </div>
 </t>
 <t t-name="DashBoard.layouts">