Colocando FadeOut Nas FlashMessages Em Sua App Rails

Comments

Começamos abrindo o arquivo app/views/layouts/application.html.erb e adicionando o seguinte código:

1
2
3

<% flash.each do |name, msg| %>
 <%= content_tag :div, msg, :id => "flash_#{name}" %>
<% end %>

Em seguida adionamos o seguinte código JavaScript dentro do arquivo public/javascripts/application.js:

1
2
3
4
5
6
7

$(document).ready(function() {
  setTimeout(hideFlashes, 2500);
});

var hideFlashes = function() {
  $('#flash_notice, #flash_warning, #flash_alert, #flash_error').fadeOut(1500);
}

Agora é so startar a aplicação e verificar a animação, simples e fácil lol.

Comments