New action bar draft

bzr revid: fva@openerp.com-20120504122448-bhs06j1lgoauss58

addons/point_of_sale/static/src/css/pos.css

@@ -510,7 +510,7 @@ body{
     list-style:  none;
 }
 
-.point-of-sale .pos-actionbar-left-region{
+.point-of-sale .pos-actionbar-left-pane{
     height: 100%;
     width:  434px;
     margin: 0px;
@@ -520,7 +520,7 @@ body{
     float:  left;
 }
 
-.point-of-sale .pos-actionbar-right-region{
+.point-of-sale .pos-actionbar-button-list{
     height: 100%;
     margin: 0px;
     padding-left:3px;
@@ -534,8 +534,6 @@ body{
     text-align:center;
     margin:3px;
     margin-top:6px;
-    //line-height: 90px;
-    //vertical-align:center;
     float:left;
 
     font-size:   14px;

addons/point_of_sale/static/src/js/pos_widgets.js

@@ -353,8 +353,8 @@ function openerp_pos_widgets(module, instance){ //module is instance.point_of_sa
         },
     });
 
-    module.ActionbarWidget = instance.web.Widget.extend({
-        template:'pos-actionbar',
+    module.ActionBarWidget = instance.web.Widget.extend({
+        template:'ActionBarWidget',
         init: function(parent, options){
             this._super(parent,options);
             this.button_list = [];
@@ -370,7 +370,7 @@ function openerp_pos_widgets(module, instance){ //module is instance.point_of_sa
             if(arguments.length == 1){
                 var button = new module.ActionButtonWidget(this,button_options);
                 this.button_list.push(button);
-                button.appendTo($('.pos-actionbar-right-region'));
+                button.appendTo($('.pos-actionbar-button-list'));
             }else{
                 for(var i = 0; i < arguments.length; i++){
                     this.add_new_button(arguments[i]);
@@ -836,7 +836,7 @@ function openerp_pos_widgets(module, instance){ //module is instance.point_of_sa
             this.orderView.$element = $('#current-order-content');
             this.orderView.start();
 
-            this.action_bar = new module.ActionbarWidget(null);
+            this.action_bar = new module.ActionBarWidget(null);
             this.action_bar.appendTo($(".point-of-sale #content"));
 
             this.onscreen_keyboard = new module.OnscreenKeyboardWidget(null, {

addons/point_of_sale/static/src/xml/pos.xml

@@ -354,15 +354,17 @@
             </table>
         </div>
     </t>
-    <t t-name="pos-actionbar">
+    <t t-name="ActionBarWidget">
         <div class="pos-actionbar">
-            <ul class="pos-actionbar-left-region">
-                <!-- <li class="button">yoyo</li>
-                <li class="button">foo</li>
-                <li class="button rightalign">bar</li> -->
-            </ul>
-
-            <ul class="pos-actionbar-right-region">
+            <div class="pos-actionbar-left-pane">
+                <div class="button help-button">
+                    Help
+                </div>
+                <p class="total">
+                    Total: <span class="value"> 1234 </span>
+                </p>
+            </div>
+            <ul class="pos-actionbar-button-list">
                 <!-- <li class="button">BUTTOOON</li>
                 <li class="button">JEEENKIINS</li>
                 <li class="button rightalign">ARGH</li> -->