End of day commit

app/assets/javascripts/supplier/app/views/section_table_view.js.coffee

@@ -3,12 +3,16 @@ Qsupplier.App.SectionTableView = Ember.View.extend DragNDrop.Draggable,
   classNames: ['section-table']
   attributeBindings: ['style']
   classNameBindings: [
-    'content.active_list:occupied',
+    'content.active_list.active:occupied',
     'controller.editmode:draggable',
     'content.active_list.needs_help:needs_help',
     'content.active_list.needs_payment:needs_payment',
-    'content.active_list.has_active_orders:active_order'
+    'content.active_list.has_active_orders:active_order',
+    'uniqueClass'
   ]
+  uniqueClass: (->
+    "section-table-#{@get('content.id')}"
+  ).property('content.id')
   offsetX: (->
     return 0 unless section_width = @get('content.section.width')
     (@content.get('position_x') || 0) * @containerWidth() / section_width
@@ -41,4 +45,25 @@ Qsupplier.App.SectionTableView = Ember.View.extend DragNDrop.Draggable,
     $(@get('parentView.element')).width()
   containerHeight: ->
     $(@get('parentView.element')).height()
-  click: ->
+  #click: ->
+    #@$('.table-actions').show()
+  didInsertElement: ->
+    @$el = @$(@get('element'))
+    #@$('.table-actions').hide()
+    #title = @$('.table-actions .title').clone()
+    content = @$('.table-actions')
+    #@$('.table-actions .title').remove()
+    content.hide()
+    @$el.on 'click', =>
+      content.toggle()
+    #@$el.qtip
+      #content:
+        #text: content
+        #title: title.html()
+      #style:
+        #classes: 'qtip-wiki qtip-light qtip-shadow'
+      #show: 'click'
+      #hide:
+        #fixed: true
+        #delay: 500
+      #prerender: true