diff --git a/app/views/errs/show.html.haml b/app/views/errs/show.html.haml index f3b3173..31a319f 100644 --- a/app/views/errs/show.html.haml +++ b/app/views/errs/show.html.haml @@ -45,6 +45,7 @@ = will_paginate @notices, :param_name => :notice, :page_links => false, :class => 'notice-pagination' viewing occurrence #{@notices.current_page} of #{@notices.total_pages} +.notice-pagination-loader= image_tag 'loader.gif' .tab-bar %ul diff --git a/public/images/loader.gif b/public/images/loader.gif new file mode 100644 index 0000000..148005d Binary files /dev/null and b/public/images/loader.gif differ diff --git a/public/javascripts/application.js b/public/javascripts/application.js index e3bc0db..da14b82 100644 --- a/public/javascripts/application.js +++ b/public/javascripts/application.js @@ -37,6 +37,7 @@ $(function() { $('.notice-pagination').each(function() { $('.notice-pagination a').pjax('#content', { timeout: 2000}); $('#content').bind('pjax:start', function() { + $('.notice-pagination-loader').css("visibility", "visible"); currentTab = $('.tab-bar ul li a.button.active').attr('rel'); }); diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 88c6b3d..b546cd6 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -462,6 +462,7 @@ pre { font-weight: bold; } + /* Buttons */ input[type="submit"].button, a.button { @@ -674,8 +675,18 @@ table.deploys td.when { /* Notices Pagination */ .notice-pagination { float: left; + margin-right: 10px; +} + +.notice-pagination-loader { + visibility: hidden; + float: left; margin-right: 2em; } +.notice-pagination-loader img { + vertical-align: middle +} + /* Backtrace */ .window { -- libgit2 0.21.2