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