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 @@
	1	+$(document).on 'page:fetch', ->
	2	+ $('#loader').fadeIn 'slow'
	3	+
	4	+$(document).on 'page:restore', ->
	5	+ $('#loader').fadeOut 'slow'
0	6	\ No newline at end of file
...	...
...	...	@@ -0,0 +1,3 @@
	1	+div#loader{
	2	+ display: none;
	3	+}
0	4	\ No newline at end of file
...	...
...	...	@@ -90,6 +90,8 @@
90	90	</div><!--/.well -->
91	91	</div><!--/span-->
92	92	<div class="span9">
	93	+ <div class="alert alert-info" id="loader">Hold tight we're loading the page that you've requested!</div>
	94	+
93	95	<%= bootstrap_flash %>
94	96	<%= yield %>
95	97	</div>
...	...