Global ajax handlers

ajax-handlers.coffee

jQuery ($) ->
  $indicator = $('#ajax-indicator')
  $message   = $indicator.find('span')

  $(document).ajaxSend (event, jqXHR, ajaxOptions) ->
    msg = if ajaxOptions.type == 'GET' then 'Carregando' else 'Processando'
    $message.text("#{msg}...")
    $indicator.show()

  $(document).ajaxStop -> $indicator.hide()

  $(document).ajaxError ->
    alert('Ocorreu um erro ao processar sua requisição, por favor recarregue a página e tente novamente')

html.slim

p#ajax-indicator
  = image_tag 'busy.gif'
  span

style.scss

#ajax-indicator {
  img { margin-right: $baseLineHeight / 2 }
  display: none;
  z-index: 1041;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 25px;
  background: $greenLight;
  color: black;
  text-align: center;
  @include border-radius(0 0 5px 5px);
}