add testing device images and a lot more, before bootstrap:themed

app/views/dashboard/home.html.slim

@@ -1,15 +1,5 @@
-.page-header= title 'Home'
-ul.nav.nav-tabs.nav-stacked
-  - if list_open?
-    li= link_to 'Place order', '/show_products?supplier_id=' + active_list.supplier.id
-    li= link_to 'Active list', view_active_list_path
-    li= link_to 'Request bill', '#'
-    li= link_to 'I have a question', '#'
-  - else
-    li= link_to 'Place order', '/select_qrcode'
-    li= link_to 'Subscribe to list', '#'
-    li= link_to 'Check out menu', '#'
-
-ul.nav.nav-tabs.nav-stacked
-  li= link_to 'View history', '#'
+.phone-wrapper
+iframe.phone-content-frame src=phone_root_path
 
+.tablet-wrapper
+iframe.tablet-content-frame src=supplier_root_path

app/views/dashboard/phone_home.html.slim

@@ -0,0 +1,11 @@
+ul.nav.nav-tabs.nav-stacked
+  - if list_open?
+    li= link_to 'Place order', '/show_products?supplier_id=' + active_list.supplier.id
+    li= link_to 'Active list', view_active_list_path
+    li= link_to 'Request bill', '#'
+    li= link_to 'Move table', '#'
+    li= link_to 'I have a question', '#'
+  - else
+    li= link_to 'Place order', '/select_qrcode'
+    li= link_to 'Subscribe to list', '#'
+    li= link_to 'Check out menu', '#'

app/views/dashboard/show_products.html.slim

@@ -1,24 +1,23 @@
-button onClick='Qrammer.build_product_list()' class='btn btn-inverse'Lijst
 table#products-table.table.table-striped.table-hover
   tbody
-- content_for :sidebar do
-  table#active-order-table.table.hide
-    thead
-      tr
-        th Product
-        th #
-        th.currency Total
-        th
-    tbody
-    tfoot
-      tr
-        td colspan=2
-          button class="btn btn-primary" onClick="Qrammer.order_active_list('/order_active_list')" Bestellen
-          | 
-          button class="btn btn btn-warning" onClick="Qrammer.clear_active_list()" Clear
-        td.currency
-          strong#active-order-total
-        td
+-# content_for :sidebar do
+table#active-order-table.table.table-striped.hide
+  thead
+    tr
+      th Product
+      th #
+      th.currency Total
+      th
+  tbody
+  tfoot
+    tr
+      td colspan=2
+        button class="btn btn-primary" onClick="Qrammer.order_active_list('/order_active_list')" Bestellen
+        | 
+        button class="btn btn btn-warning" onClick="Qrammer.clear_active_list()" Clear
+      td.currency
+        strong#active-order-total
+      td
 - content_for :footer do
   javascript:
     jQuery(function(){

app/views/dashboard/user_history.html.slim

@@ -0,0 +1,2 @@
+.page-header= title 'User history'
+p Todo

app/views/layouts/phone.html.slim

@@ -0,0 +1,55 @@
+doctype html
+html lang="en"
+  head
+    meta charset="utf-8"
+    meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"
+    meta name="viewport" content="width=device-width, initial-scale=1.0"
+    title= content_for?(:title) ? yield(:title) : "Qrammer"
+    = csrf_meta_tags
+
+    /! Le HTML5 shim, for IE6-8 support of HTML elements
+    /[if lt IE 9]
+      = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
+    = stylesheet_link_tag "application", :media => "all"
+    = stylesheet_link_tag "phone/application", :media => "all"
+    link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"
+    link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"
+    link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"
+    link href="images/apple-touch-icon.png" rel="apple-touch-icon-precomposed"
+    link href="images/favicon.ico" rel="shortcut icon"
+    javascript:
+      var active_list_id = #{session[:active_list_id] ? "'#{session[:active_list_id]}'" : 'null'};
+
+  body
+    .navbar.navbar-fixed-top
+      .navbar-inner
+        .container
+          a.btn.btn-navbar data-target=".nav-collapse" data-toggle="collapse"
+            span.icon-bar
+            span.icon-bar
+            span.icon-bar
+          a.brand href=phone_root_path Qrammer
+          .container.nav-collapse
+            ul.nav#top-navigation-list
+              li= link_to 'View history', user_history_path
+
+    .container
+
+      .content
+        - if flash[:alert].present?
+          .alert.alert-error
+            a.close data-dismiss="alert" ×
+            div= flash[:alert]
+        - if flash[:notice].present?
+          .alert.alert-success
+            a.close data-dismiss="alert" ×
+            div= flash[:notice]
+        .row
+          .span12
+            = yield
+    /!
+      Javascripts
+      \==================================================
+    /! Placed at the end of the document so the pages load faster
+    = javascript_include_tag "application"
+    = yield :footer

app/views/layouts/tablet.html.slim

@@ -0,0 +1,56 @@
+doctype html
+html lang="en"
+  head
+    meta charset="utf-8"
+    meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"
+    meta name="viewport" content="width=device-width, initial-scale=1.0"
+    title= content_for?(:title) ? yield(:title) : "Qrammer"
+    = csrf_meta_tags
+
+    /! Le HTML5 shim, for IE6-8 support of HTML elements
+    /[if lt IE 9]
+      = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
+    = stylesheet_link_tag "application", :media => "all"
+    = stylesheet_link_tag "phone/application", :media => "all"
+    link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"
+    link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"
+    link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"
+    link href="images/apple-touch-icon.png" rel="apple-touch-icon-precomposed"
+    link href="images/favicon.ico" rel="shortcut icon"
+    javascript:
+      var active_list_id = #{session[:active_list_id] ? "'#{session[:active_list_id]}'" : 'null'};
+
+  body
+    .navbar.navbar-fixed-top.navbar-inverse
+      .navbar-inner
+        .container
+          a.btn.btn-navbar data-target=".nav-collapse" data-toggle="collapse"
+            span.icon-bar
+            span.icon-bar
+            span.icon-bar
+          a.brand href=supplier_root_path Qrammer
+          .container.nav-collapse-disabled
+            ul.nav#top-navigation-list
+              li= link_to t('supplier.menu.active_orders', orders: Order.model_name.human_plural), supplier_orders_path
+              li= link_to t('supplier.menu.active_lists', lists: List.model_name.human_plural), supplier_lists_path
+
+    .container
+
+      .content
+        - if flash[:alert].present?
+          .alert.alert-error
+            a.close data-dismiss="alert" ×
+            div= flash[:alert]
+        - if flash[:notice].present?
+          .alert.alert-success
+            a.close data-dismiss="alert" ×
+            div= flash[:notice]
+        .row
+          .span12
+            = yield
+    /!
+      Javascripts
+      \==================================================
+    /! Placed at the end of the document so the pages load faster
+    = javascript_include_tag "application"
+    = yield :footer

app/views/suppliers/active_lists.html.slim

@@ -1,7 +1,8 @@
 .page-header= title 'Active lists'
-table#active-lists-table.table
+table#active-lists-table.table.table-striped
   thead
     tr
+      th.status-icons
       th.number Table number
       th.currency Price
       th.actions

app/views/suppliers/active_orders.html.slim

@@ -10,7 +10,7 @@ table#active-orders-table.table
 - content_for :footer do
   javascript:
     jQuery(function(){
-      Qrammer.load_active_order_list('#{@supplier.id}')
-      setInterval( "Qrammer.load_active_order_list('#{@supplier.id}')", 7500);
+      Qrammer.load_active_orders('#{@supplier.id}')
+      setInterval( "Qrammer.load_active_orders('#{@supplier.id}')", 7500);
     });