added a progress overlay for the search input

2 files changed, 10 insertions, 5 deletions

diff --git a/themes/new_theme/layouts/partials/ranklist.html b/themes/new_theme/layouts/partials/ranklist.html
index 03ebde8..37f0b25 100644
--- a/themes/new_theme/layouts/partials/ranklist.html
+++ b/themes/new_theme/layouts/partials/ranklist.html
@@ -1,6 +1,7 @@
-<script src="/js/jquery.js"></script>
-<script src="/js/url-search-params.js"></script>
+<script src="/js/jquery.js" type="text/javascript"></script>
+<script src="/js/url-search-params.js" type="text/javascript"></script>
 <script src="/js/Snowball.min.js" type="text/javascript"></script>
+<script src="/js/loadingoverlay.min.js" type="text/javascript"></script>
 <script language="Javascript">
 	
 	var englishStemmer = new Snowball( "english" );
@@ -186,6 +187,8 @@
 		
 		var json = JSON.stringify( request, null, "    " );
 		console.log( "debug request: " + json );
+
+		$( "#query" ).LoadingOverlay( "show" );
 		
 		$.ajax( {
 			type : 'POST',
@@ -195,8 +198,8 @@
 		} )
 		.error( function( x, t, m ) {
 			var html = "<pre><font color='red'>" + x.responseText + "</font></pre>\n";
-			$( '#ranklist' ).html( html );
-			
+			$( '#query' ).html( html );
+			$( "#query" ).LoadingOverlay( "hide", true );			
 		} )
 		.success( function( data ) {
 			var json = JSON.stringify( data, null, "    " );
@@ -210,6 +213,8 @@
 				var html = "<p>The strusWebService returned the following error:</p><pre><font color='red'>" + json + "</font></pre>";
 				$( '#ranklist' ).html( html );
 			}
+			
+			$( "#query" ).LoadingOverlay( "hide" );
 		} );
 	};
 
@@ -220,7 +225,7 @@
 			executeQuery( searchParams.get( "q" ) );
 		} else {
 			// TODO: come up with something here
-		}
+		}	// Show full page LoadingOverlay
 	} );
 
 </script>
diff --git a/themes/new_theme/static/img/loading.gif b/themes/new_theme/static/img/loading.gif
new file mode 100644
index 0000000..b060ba8
--- /dev/null
+++ b/themes/new_theme/static/img/loading.gif