Fix and implement supplier counters

app/assets/javascripts/user/quser.js.coffee

@@ -44,6 +44,10 @@ class Quser
       else if(e.event == 'new_order')
         $('#active-list-table tbody').append @mustache('#active-list-order-template', new Order(e.data.order))
         $('.list-total-amount').html(currency(e.data.total_amount))
+      else if(e.event == 'orders_in_process_count')
+        $('.supplier-orders-in-process-count').text(e.data.count || 0)
+      else if(e.event == 'orders_placed_count')
+        $('.supplier-orders-placed-count').text(e.data.count || 0)
       console.log(e)
     false
   ensure_json: (res)->
@@ -97,6 +101,9 @@ class Quser
 
     $('.table-number').text(response.table_number) if response.table_number
     $('.supplier-name').text(response.supplier_name) if response.supplier_name
+    $('.supplier-orders-placed-count').text(response.supplier_orders_placed_count || 0)
+    $('.supplier-orders-in-process-count').text(response.supplier_orders_in_process_count || 0)
+
 
     if response.not_present || response.list_active == false then $('.home-link').removeClass('active') else  $('.home-link').addClass('active')
 

app/assets/stylesheets/user/header.css.sass

@@ -0,0 +1,20 @@
+.supplier-info-row
+  clear: right
+.supplier-orders-in-process-count
+  background-image: image-url('icons/order-check.png')
+  padding-left: 20px
+  padding-right: 6px
+.supplier-orders-delivered-count
+  background-image: image-url('icons/order-doublecheck.png')
+  padding-left: 28px
+.supplier-orders-placed-count
+  background-image: image-url('icons/orders-queue.png')
+  padding-left: 22px
+  padding-right: 6px
+  //padding-top: 4px
+  //padding-top: 4px
+.top-button-bar
+  .counter
+    display: inline
+    background-repeat: no-repeat
+    background-position: left center

app/assets/stylesheets/user/qr_list.css.sass

@@ -4,3 +4,6 @@
   li
     list-style: none
     margin-bottom: 8px
+  .qr-image
+    background-color: white
+    display: block