Smarter top menu without list

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

@@ -3,13 +3,17 @@ header.top-menu
   .top-menu-bar
     .menu-content
       section.main-buttons
-        link-to 'index' class="top-menu-logo"
-          = image_tag 'user/logo-small.png'
         if list.id
+          link-to 'index' class="top-menu-logo with-list"
+            = image_tag 'user/logo-small.png'
           App.MenuItemView route="active_list"
           App.MenuItemView route='table' route_param=list.table.id
           App.MenuItemListNeedsHelpView
           App.MenuItemListNeedsPaymentView
+        else
+          link-to 'index' class="top-menu-logo without-list"
+            = image_tag 'user/logo-small.png'
+          App.MenuItemScanQrView
         App.MenuItemProductOrdersView
   if list
     .extra-info

app/assets/javascripts/user/app/templates/menu/scan_qr.emblem

@@ -0,0 +1 @@
+span.icon.scan-qr

app/assets/javascripts/user/app/views/menu_item_scan_qr_view.js.coffee

@@ -0,0 +1,5 @@
+App.MenuItemScanQrView = Ember.View.extend Ember.ViewTargetActionSupport,
+  action: 'scanQr'
+  templateName: "menu/scan_qr"
+  classNames: 'menu-list-item'
+  click: -> @triggerAction()

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

@@ -24,6 +24,8 @@ span.icon
     @extend .fa-bell
   &.needs-payment
     @extend .fa-money
+  &.scan-qr
+    @extend .fa-qrcode
 #notice
   a
     color: white

app/assets/stylesheets/user/foundation/components/_menu_main.css.sass

@@ -18,8 +18,11 @@ header.top-menu
     padding-left: 48px
     padding-right: 52px
   .top-menu-logo
-    @media #{$small-only}
-      display: none
+    &.with-list
+      @media #{$small-only}
+        display: none
+    &.without-list
+      margin-left: 6px
     img
       margin-top: -6px
   .menu-content

config/version

@@ -0,0 +1 @@
+0.9.3