diff --git a/app/static/css/styles.css b/app/static/css/styles.css index df70835c..b19c27af 100644 --- a/app/static/css/styles.css +++ b/app/static/css/styles.css @@ -27,6 +27,13 @@ body { z-index: -100000; } +#time-analysis { + font-size: 1.2em; + margin: 0em 2em 2em 2em; + padding: -3em 0 -3em 0; + z-index: -100000; +} + #load { position: relative; display: none; diff --git a/app/templates/index.html b/app/templates/index.html index c8d537ef..543051c0 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -93,6 +93,7 @@

query-server

+

@@ -133,12 +134,14 @@

query-server

if ($('#query').val()) { $('#load').show(); $('#feed').hide(); + $('#time-analysis').hide(); var sengine = $(this).val(); var squery = $('#query').val(); var sformat = $(' #format label.active input').val(); var count = $('#resp').val(); var urlloc = window.location.href.split(/\?|#/)[0] + "api/v1/search/" + sengine + "?query=" + squery + "&format=" + sformat + "&num=" + count; + var startDate = new Date(); $.ajax({ url: urlloc, type: 'GET', @@ -149,6 +152,11 @@

query-server

response = JSON.stringify(response, null, 4); } else response = new XMLSerializer().serializeToString(response); + var endDate = new Date(); + var seconds = (endDate.getTime() - startDate.getTime()) / 1000; + var time_analysis_string = "Following Results fetched in " + seconds + " seconds"; + $('#time-analysis').show(); + $('#time-analysis').text(time_analysis_string); $('#feed').show(); $('#feed').text(response); Prism.highlightElement($('#feed')[0]);