From 10d959a9ff35f0465c5d425acaab5b57f9648c5b Mon Sep 17 00:00:00 2001
From: Eelco Dolstra <eelco.dolstra@logicblox.com>
Date: Wed, 28 Aug 2013 10:18:19 +0000
Subject: [PATCH] Show visual feedback that the filter is being applied

---
 src/root/jobset-job-status-tab.tt | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/root/jobset-job-status-tab.tt b/src/root/jobset-job-status-tab.tt
index 2d04c306..44d2a8dd 100644
--- a/src/root/jobset-job-status-tab.tt
+++ b/src/root/jobset-job-status-tab.tt
@@ -2,10 +2,12 @@
 
 <form class="form-search" id="filter-jobs">
   <input name="filter" type="text" class="input-large search-query" placeholder="Filter jobs..." [% HTML.attributes(value => filter) %]></input>
+  <img src="/static/images/ajax-loader.gif" alt="Loading..." style="display: none;" id="filter-loading" />
 </form>
 
 <script>
   $('#filter-jobs').submit(function() {
+    $('#filter-loading').show();
     $('#tabs-job-status').load("[% c.uri_for('/jobset' project.name jobset.name "job-status-tab") %]", $('#filter-jobs').serialize(), function(response, status, xhr) {
       if (status == "error") {
         $('#[% tabName %]').html("<div class='alert alert-error'>Error loading tab: " + xhr.status + " " + xhr.statusText + "</div>");