Mozo upgrade progress

app/assets/javascripts/supplier/app/components/mark-order-active.js.coffee

@@ -1,6 +1,6 @@
-App.MarkOrderActiveView = Ember.View.extend
+App.MarkOrderActiveComponent = Ember.Component.extend
   tagName: 'button'
-  templateName: 'buttons/mark-order-active'
+  templateName: 'components/buttons/mark-order-active'
   classNames: ['mark-order-active-button']
   classNameBindings: ['order.placed:active:hide']
   click: -> @get('order').mark_active()

app/assets/javascripts/supplier/app/components/mark-order-cancelled.js.coffee

@@ -0,0 +1,10 @@
+App.MarkOrderCancelledComponent = Ember.Component.extend
+  tagName: 'button'
+  templateName: 'components/buttons/mark-order-cancelled'
+  classNames: ['mark-order-cancelled-button']
+  classNameBindings: ['showButton:active:hide']
+  showButton: Ember.computed 'order.state', ->
+    state = @get('order.state')
+    state is 'placed' or state is 'active'
+  click: -> @get('order').mark_cancelled()
+

app/assets/javascripts/supplier/app/components/mark-order-delivered.js.coffee

@@ -1,6 +1,6 @@
-App.MarkOrderDeliveredView = Ember.View.extend
+App.MarkOrderDeliveredComponent = Ember.Component.extend
   tagName: 'button'
-  templateName: 'buttons/mark-order-delivered'
+  templateName: 'components/buttons/mark-order-delivered'
   classNames: ['mark-order-delivered-button']
   classNameBindings: ['showButton:active:hide']
   showButton: Ember.computed 'order.state', ->

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

@@ -23,9 +23,9 @@ if list.sorted_orders
         span.currency= currency order.total
         span.created_at= time order.created_at
         .list-order-actions
-          view mark-order-active order=order
-          view mark-order-delivered order=order
-          view mark-order-cancelled order=order
+          = mark-order-active order=order
+          = mark-order-delivered order=order
+          = mark-order-cancelled order=order
     if showTotal
       .list-orders-total.total
         = t 'general.total'

app/assets/javascripts/supplier/app/templates/active_order.emblem

@@ -10,6 +10,6 @@ td.section_title= link-to 'section' view.content.list.table.section.id: span=vie
 td.currency=currency view.content.total
 td.time= time view.content.created_at format="HH:mm"
 td.actions
-  view mark-order-active order=view.content
-  view mark-order-delivered order=view.content
-  view mark-order-cancelled order=view.content
+  = mark-order-active order=view.content
+  = mark-order-delivered order=view.content
+  = mark-order-cancelled order=view.content