Skip to content

Instantly share code, notes, and snippets.

@danielRomero
Last active August 31, 2015 11:18
Show Gist options
  • Save danielRomero/0d50a15b3c9569a2367b to your computer and use it in GitHub Desktop.
Save danielRomero/0d50a15b3c9569a2367b to your computer and use it in GitHub Desktop.
Rails partial for render flashes with Bootstrap classes, Font Awesome icons and autoclose
<% if !flash.blank? %>
<% if flash[:notice] %>
<div class="alert alert-success auto_close">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-check"></div>
<%= raw flash[:notice] %>
</div>
<% end %>
<% if flash[:alert] %>
<div class="alert alert-warning auto_close">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-check"></div>
<%= raw flash[:alert] %>
</div>
<% end %>
<% if flash[:error] %>
<div class="alert alert-danger auto_close">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-check"></div>
<%= raw flash[:error] %>
</div>
<% end %>
<% if flash[:application] %>
<% for fl in flash[:application] %>
<% case fl['type'] %>
<% when 'info' %>
<div class="alert alert-info auto_close">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-info-circle"></div>
<%= raw fl['message'] %>
</div>
<% when 'warning' %>
<div class="alert alert-warning auto_close">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-bullseye"></div>
<%= raw fl['message'] %>
</div>
<% when 'success' %>
<div class="alert alert-success auto_close">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-check"></div>
<%= raw fl['message'] %>
</div>
<% when 'danger' %>
<div class="alert alert-danger">
<div aria-hidden="true" class="close" data-dismiss="alert">
<div class="fa fa-times"></div>
</div>
<div class="fa fa-hand-o-right"></div>
<%= raw fl['message'] %>
</div>
<% end %>
<% end %>
<% end %>
<% flash.discard %>
<script>
$.each($('.alert.auto_close'),function(k,v){
setTimeout(function(){v.remove()}, 8000);
});
</script>
<% end %>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment