update

app/assets/javascripts/user/application.js.erb

@@ -28,6 +28,7 @@
 //= require bootstrap
 //= require qwaiter
 //= require supplier/order
+//= require supplier/list
 //= require mustache
 //= require faye
 //= require_directory .

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

@@ -95,7 +95,7 @@ class Quser
     $('.table-number').text(response.table_number) if response.table_number
     $('.supplier-name').text(response.supplier_name) if response.supplier_name
 
-    if response.not_present || response.list_active == false then $('.home-link').hide() else  $('.home-link').show()
+    if response.not_present || response.list_active == false then $('.home-link').removeClass('active') else  $('.home-link').addClass('active')
 
     @list_needs_payment_default_action(response)
     @list_needs_help_default_action(response)
@@ -209,13 +209,7 @@ class Quser
         @paginate(res, @load_list_history)
         container = $('#list-history-container').html('')
         for list in res.lists
-          li = $('<li></li>').appendTo(container)
-          link = $('<a href="#"></a>').appendTo(li)
-          link.click(-> redirect_to 'history_list', list_id: list._id)
-          txt = list.supplier_name
-          txt += ' - '
-          txt += @format_date(list.created_at)
-          link.text(txt)
+          container.append @mustache('#list-history-template', new List(list) )
       )
   paginate: (wrapper, callback) ->
     container = $('nav.pagination')