[WIP] point_of_sale: used one jquery event handler for all products in product list in order to accelerate rerendering

bzr revid: fva@openerp.com-20131009101325-d71q3ppxb7hstzvd

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

@@ -21,6 +21,10 @@
     text-shadow: none;
 }
 
+.point-of-sale * {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
 .point-of-sale .oe_hidden{
     display: none !important;
 }

addons/point_of_sale/static/src/js/widgets.js

@@ -581,15 +581,17 @@ function openerp_pos_widgets(instance, module){ //module is instance.point_of_sa
         renderElement: function() {
             var self = this;
             this._super();
-            
+
             var products = this.pos.get('products').models || [];
-            
+
             _.each(products,function(product,i){
                 var $product = $(QWeb.render('Product',{ widget:self, product: products[i] }));
                 $product.find('img').replaceWith(self.pos_widget.image_cache.get_image(products[i].get_image_url()));
-                $product.find('a').click(function(){ self.click_product_action(product); });
                 $product.appendTo(self.$('.product-list'));
             });
+            this.$el.delegate('a','click',function(){ 
+                self.click_product_action(new module.Product(self.pos.db.get_product_by_id(+$(this).data('product-id')))); 
+            });
 
         },
     });

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

@@ -401,7 +401,7 @@
 
     <t t-name="Product">
         <li class='product'>
-            <a href="#">
+            <a href="#" t-att-data-product-id="product.id">
                 <div class="product-img">
                     <img src='' /> <!-- the product thumbnail -->
                     <t t-if="!product.get('to_weight')">