Message when a new page is getting loaded

Rafael Manzo
1 parent e8b5328f
Showing 3 changed files with 10 additions and 0 deletions Show diff stats
app/assets/javascripts/loader.js.coffee
app/assets/stylesheets/loader.css
app/views/layouts/application.html.erb
@@ -0,0 +1,5 @@
+$(document).on 'page:fetch', ->
+  $('#loader').fadeIn 'slow'
+
+$(document).on 'page:restore', ->
+  $('#loader').fadeOut 'slow'
 \ No newline at end of file
@@ -0,0 +1,3 @@
+div#loader{
+  display: none;
+}
 \ No newline at end of file
@@ -90,6 +90,8 @@
           </div><!--/.well -->
         </div><!--/span-->
         <div class="span9">
+          <div class="alert alert-info" id="loader">Hold tight we're loading the page that you've requested!</div>
+
           <%= bootstrap_flash %>
           <%= yield %>
         </div>
	@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
		1	+$(document).on 'page:fetch', ->
		2	+ $('#loader').fadeIn 'slow'
		3	+
		4	+$(document).on 'page:restore', ->
		5	+ $('#loader').fadeOut 'slow'
0	\ No newline at end of file	6	\ No newline at end of file
	@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
		1	+div#loader{
		2	+ display: none;
		3	+}
0	\ No newline at end of file	4	\ No newline at end of file