User side menu styling

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

@@ -10,7 +10,7 @@ if list.closed_at
 .display-row
   .display-label=t 'attributes.list.state'
   .display-field=state 'list' list.state
-if list.orders
+if list.sorted_orders
   .list-orders-container
     each order in list.sorted_orders
       App.ListOrderView contentBinding="order"
@@ -22,5 +22,6 @@ else
   p
     span=t 'active_list.no_orders_explanation'
     br
-    link-to 'lists' class="button"
-      span=t 'list_products.title'
+    if list.table
+      link-to 'table' list.table class="button"
+        span=t 'list_products.title'

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

@@ -7,7 +7,7 @@
       section.right.tab-bar-section
         = link-to 'index'
           = image_tag 'icons/logo-small.png'
-        a{action openDebugger} alt=""
+        a{ action "openDebugger"} alt=""
           span.fa.fa-wrench.fa-lg
         .right
           if list.id
@@ -17,8 +17,7 @@
             App.MenuItemListNeedsPaymentView
     aside.left-off-canvas-menu
       ul.off-canvas-list
-        li
-          label Menu
+        li: h3 Menu
         li
           = link-to 'index'
             span Home
@@ -63,9 +62,9 @@ header.top-menu
         .supplier-info-row
           .supplier-name= list.supplier.name
           .table-number
-            |  
+            |
             = t 'models.table'
-            |  
+            |
             = list.table.number
         .supplier-info-row
           .counter.supplier-orders-placed-count
@@ -76,20 +75,23 @@ header.top-menu
             span.orders-in-process-count-icon
 aside.side-menu
   ul
-    li
-      label Menu
+    li.title: h3 Menu
     li
       = link-to 'index'
         span Home
     li
-      a{action scanQr bubbles=false}
+      a{action "scanQr" bubbles=false}
+        span.scan-qr-icon
         span Scan QR
     if list.id
       li
         =link-to 'table' list.table.id
-          span= t 'list_products.title'
+          span.fa.fa-cutlery
+          span.fa.fa-glass
+          = t 'list_products.title'
       li
         =link-to 'active_list'
+          span.active-list-icon
           span= t 'active_list.title'
     li
       =link-to 'lists'
@@ -97,8 +99,8 @@ aside.side-menu
     li
       =link-to 'join_requests'
         span= t 'models.plural.join_request'
-    li
-      a{action openDebugger}
+    li.hide
+      a{action "openDebugger"}
         span.fa.fa-wrench.fa-lg
         span Debugger
 main.main-section

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

@@ -3,8 +3,7 @@
 @import font-awesome
 @import constants
 @import ./structure
-@import ./menu_main
-@import ./menu_side
+@import ./components/*
 @import ./qmodal
 @import ./display_fields
 @import ./qproduct_orders
@@ -13,4 +12,3 @@
 @import ./qindex
 @import ./qlists
 @import ./qjoin_requests
-

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

@@ -68,17 +68,3 @@ header.top-menu
   @extend .fa-check
   @extend .fa-lg
   margin-left: 3px
-.toggle-side-menu
-  position: absolute
-  width: 28px
-  height: 28px
-  color: white
-  left: 0
-  cursor: pointer
-  z-index: 100
-  &.open
-    color: white
-  span
-    @extend .fa
-    @extend .fa-bars
-    @extend .fa-lg

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

@@ -0,0 +1,43 @@
+aside.side-menu
+  background-color: #444
+  position: fixed
+  display: none
+  left: -222px
+  top: 0
+  width: 222px
+  height: 100%
+  z-index: 157
+  > ul
+    list-style: none
+    a
+      color: white
+    .title
+      border-bottom: 1px solid #aaa
+  h3
+    color: white
+    margin-bottom: 3px
+  .scan-qr-icon
+    margin-right: 18px
+    @extend .fa
+    @extend .fa-qrcode
+  .fa-glass
+    margin-right: 5px
+  .active-list-icon
+    margin-right: 18px
+    @extend .fa
+    @extend .fa-list
+
+.toggle-side-menu
+  position: absolute
+  width: 28px
+  height: 28px
+  color: white
+  left: 0
+  cursor: pointer
+  z-index: 100
+  &.open
+    color: white
+  span
+    @extend .fa
+    @extend .fa-lg
+    @extend .fa-bars

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

@@ -1,13 +0,0 @@
-aside.side-menu
-  background-color: #444
-  position: fixed
-  display: none
-  left: -222px
-  top: 0
-  width: 222px
-  height: 100%
-  z-index: 157
-  > ul
-    list-style: none
-    a
-      color: white

wip.md

@@ -6,7 +6,6 @@ Supplier
 
 - better product listing with time of day in products overview
 - english emails
-- remove kassasysteem from emails
 - https://github.com/buytruckload/geonames_api
 - website calls to action
 - Side menu