App.ButtonMarkOrderCancelledComponent = Ember.Component.extend
  tagName: 'button'
  layoutName: 'components/button/mark-order-cancelled'
  classNames: ['mark-order-cancelled-button']
  classNameBindings: ['showButton:active:hide']
  showButton: Ember.computed 'order.list.state', ->
    @get('order.list.state') is 'active'
  click: ->
    @modal 'confirm',
      model: @get('order')
      ok: => @get('order').mark_cancelled()

