Implement tooltips for suppliers table view

app/assets/javascripts/supplier/application.js

@@ -17,10 +17,11 @@
 // require bootstrap-popover
 // require bootstrap-typeahead
 //= require bootstrap
-//= require mustache
+//= require handlebars
 //= require faye
 //= require supplier/base
 //= require qwaiter
+//= require qtip
 //= require_directory .
 //= require_self
 //= require moment
@@ -45,3 +46,16 @@ function redirect_to(mapping, variables){
 function currency(num) {
   return Qwaiter.currency(num);
 }
+
+Handlebars.registerHelper('t', function(tlocation) {
+  return t(tlocation)
+})
+Handlebars.registerHelper('currency', function(price) {
+  if(price.fn){
+    price = price.fn(this);
+  }
+  if(typeof(price) == 'function'){
+    price = price.call(this)
+  }
+  return new Handlebars.SafeString(currency(price))
+})

app/assets/javascripts/supplier/qsupplier.js.coffee

@@ -6,7 +6,8 @@ root.Qsupplier=
       if(e.event == 'new_order')
         body = $('#active-orders-table tbody')
         order = new Order(e.data)
-        body.append @mustache('#active-order-template', order)
+        if body.length
+          body.append @mustache('#active-order-template', order)
         $('.section-table-list-'+order.list_id()).addClass('active_order')
       else if(e.event == 'list_needs_help')
         $('#list-needs-help-indicator-'+e.data.id).removeClass('hide')
@@ -202,6 +203,11 @@ root.Qsupplier=
   mustache: (selector, locals)->
     html = $(selector).html()
     return '' unless html
+    template = Handlebars.compile(html)
+    container = $('<div></div>')
+    container.html(template(locals))
+    setTranslations(container)
+    return container.html()
     locs = $.extend(locals,
       currency: ->
         (val)->

app/assets/javascripts/supplier/translations.js.erb

@@ -61,7 +61,7 @@ function setTranslations(selector){
   list.find('.locale').show();
   list.find('.locale-'+$locale).hide();
   if(selector){
-    $(selector).find('[data-t]').each(function(){$(this).text(t($(this).data('t'), $(this).data('tAttributes')))})
+    $(selector).find('[data-t]').each(function(){$(this).html(t($(this).data('t'), $(this).data('tAttributes')))})
   }else{
     $('[data-t]').each(function(){$(this).html(t($(this).data('t'),$(this).data('tAttributes')))})
   }