display spinner when finding terms in typeahead
Project: http://git-wip-us.apache.org/repos/asf/incubator-blur/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-blur/commit/374a6098 Tree: http://git-wip-us.apache.org/repos/asf/incubator-blur/tree/374a6098 Diff: http://git-wip-us.apache.org/repos/asf/incubator-blur/diff/374a6098 Branch: refs/heads/master Commit: 374a6098d26805327d4e582da366b08887c38bae Parents: 4233c6b Author: Andrew Avenoso <[email protected]> Authored: Thu Sep 11 14:09:32 2014 -0400 Committer: Andrew Avenoso <[email protected]> Committed: Thu Sep 11 14:09:32 2014 -0400 ---------------------------------------------------------------------- blur-console/src/main/webapp/js/blurconsole.search.js | 2 ++ blur-console/src/main/webapp/less/blurconsole.search.less | 6 ++++++ 2 files changed, 8 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-blur/blob/374a6098/blur-console/src/main/webapp/js/blurconsole.search.js ---------------------------------------------------------------------- diff --git a/blur-console/src/main/webapp/js/blurconsole.search.js b/blur-console/src/main/webapp/js/blurconsole.search.js index 0ecb793..b1417b3 100644 --- a/blur-console/src/main/webapp/js/blurconsole.search.js +++ b/blur-console/src/main/webapp/js/blurconsole.search.js @@ -148,11 +148,13 @@ blurconsole.search = (function () { break; case 'term': if(parsedQuery.term.length > 0) { + $('#queryField').addClass('spinner'); blurconsole.model.tables.findTerms(table, parsedQuery.family, parsedQuery.column, parsedQuery.term, function(terms){ terms = $.map(terms, function(suggestedTerm){ return buildSuggestionObject(query, parsedQuery.term, suggestedTerm); }); cb(terms); + $('#queryField').removeClass('spinner'); }); } else { cb(null); http://git-wip-us.apache.org/repos/asf/incubator-blur/blob/374a6098/blur-console/src/main/webapp/less/blurconsole.search.less ---------------------------------------------------------------------- diff --git a/blur-console/src/main/webapp/less/blurconsole.search.less b/blur-console/src/main/webapp/less/blurconsole.search.less index 7eb079e..806c5f6 100644 --- a/blur-console/src/main/webapp/less/blurconsole.search.less +++ b/blur-console/src/main/webapp/less/blurconsole.search.less @@ -62,4 +62,10 @@ tr.row-separator { .form-control { border-radius: 4px 0px 0px 4px; } +} + +input.spinner { + background-image: url("../img/ajax-loader.gif"); + background-repeat: no-repeat; + background-position: right center; } \ No newline at end of file
