import Ember from 'ember'
#import layout from '../templates/components/error-handling'

export default Ember.Component.extend
  #classNames: ['dunlop-global-error', 'ui', 'negative', 'message']
  #classNameBindings: ['show_error:active:hidden']
  #layout: layout
  error: {}
  show_error: true
  show_as_list: Ember.computed.gt 'error.errors.length', 1

  error_header: Ember.computed 'error.message', ->
    @get('error.message') || 'Oops'

  error_body: Ember.computed 'show_as_list', ->
    ''
  single_error: Ember.computed 'error.message', ->
    Ember.Object.create
      title: @get('error.message')
      status: @get('error.status')
      detail: @get('error.backtrace')

  actions:
    reload_page: -> window.location.reload()
    clear_error: -> @set 'show_error', false
    clear_error_and_go_home: ->
      @set 'show_error', false
      Ember.getOwner(this).lookup('route:application').transitionTo('index')