Improve stuff and add counters

app/assets/javascripts/user/app/models/list.js.coffee

@@ -21,3 +21,5 @@ App.List = DS.Model.extend
 
   is_extended_version: ->
     @get('extended_version')
+
+  sorted_orders: (-> @get('orders').sortBy('created_at').reverseObjects()).property('orders.@each.isLoaded')

app/assets/javascripts/user/app/templates/_list_content.emblem

@@ -2,10 +2,11 @@ each user in list.users
   img.facebook-image src="http://graph.facebook.com/#{unbound user.facebook_id}/picture?type=square" alt="f"
 if list.orders
   .list-orders-container
-    each order in orders
+    each order in list.sorted_orders
       .list-order-container class=order.state
         = order.display
         span.currency= currency order.total
+        span.created_at= time order.created_at
     if displayTotal
       .list-orders-total.total
         = t 'total'

app/assets/javascripts/user/app/templates/application.emblem

@@ -58,6 +58,21 @@ header.top-menu
         App.MenuItemView route='table' route_param=list.table.id
         App.MenuItemListNeedsHelpView
         App.MenuItemListNeedsPaymentView
+    section.extra-info
+      .supplier-info-row
+        .supplier-name= list.supplier.name
+        .table-number
+          |  
+          = t 'models.table'
+          |  
+          = list.table.number
+      .supplier-info-row
+        .counter.supplier-orders-placed-count
+          = list.supplier.orders_placed_count
+          span.orders-placed-count-icon
+        .counter.supplier-orders-in-process-count
+          = list.supplier.orders_in_process_count
+          span.orders-in-process-count-icon
 aside.side-menu
   ul
     li

app/assets/stylesheets/user/foundation/lists.css.sass

@@ -26,6 +26,10 @@
       background-image: image-url('icons/order-check.png')
     &.delivered
       background-image: image-url('icons/order-doublecheck.png')
+    .created_at
+      float: right
+      padding-right: 20px
+      padding-left: 10px
   .list-orders-total
     +grid-column(12)
     padding: $padding

app/assets/stylesheets/user/foundation/menu_main.css.sass

@@ -1,5 +1,6 @@
 @import constants
 @import font-awesome
+@import foundation_and_overrides
 header.top-menu
   height: 90px
   background-color: transparent
@@ -19,6 +20,27 @@ header.top-menu
     section
       height: 52px
       line-height: 48px
+      &.main-buttons
+        float: left
+        @media #{$medium-up}
+          padding-left: 14px
+      &.extra-info
+        float: right
+        .supplier-info-row
+          float: right
+          clear: right
+          line-height: 27px
+          padding-right: 7px
+        .table-number
+          display: inline-block
+          //text-transform: lowercase
+        .supplier-name
+          display: inline-block
+        .supplier-orders-placed-count
+          display: inline-block
+          margin-right: 15px
+        .supplier-orders-in-process-count
+          display: inline-block
   .menu-list-item
     margin-left: 20px
     cursor: pointer
@@ -35,7 +57,20 @@ header.top-menu
       &.callout
         color: #f70
         border-color: #f70
-
+    @media #{$medium-only}
+      margin-left: 8px
+    @media #{$small-only}
+      margin-left: 5px
+.orders-placed-count-icon
+  @extend .fa
+  @extend .fa-clock-o
+  @extend .fa-lg
+  margin-left: 3px
+.orders-in-process-count-icon
+  @extend .fa
+  @extend .fa-check
+  @extend .fa-lg
+  margin-left: 3px
 .toggle-side-menu
   position: absolute
   width: 28px