<!-- @@@ START COPYRIGHT @@@                                                         -->
<!--                                                                                 -->
<!-- (C) Copyright 2015 Hewlett-Packard Development Company, L.P.                    -->
<!--                                                                                 -->
<!-- Licensed under the Apache License, Version 2.0 (the "License");                 -->
<!-- you may not use this file except in compliance with the License.                -->
<!-- You may obtain a copy of the License at                                         -->
<!--                                                                                 -->
<!--      http://www.apache.org/licenses/LICENSE-2.0                                 -->
<!--                                                                                 -->
<!-- Unless required by applicable law or agreed to in writing, software             -->
<!-- distributed under the License is distributed on an "AS IS" BASIS,               -->
<!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.        -->
<!-- See the License for the specific language governing permissions and             -->
<!-- limitations under the License.                                                  -->
<!--                                                                                 -->
<!-- @@@ END COPYRIGHT @@@                                                           -->
<head>
	<link type="text/css" href="datatables/css/jquery.dataTables_themeroller.css" rel="stylesheet" />
	<link type="text/css" href="datatables/css/demo_page.css" rel="stylesheet" />
	<link type="text/css" href="datatables/css/demo_table_jui.css" rel="stylesheet" />
	<link type="text/css" href="jquery-ui/jquery-ui.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/lib/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="datatables/js/jquery.dataTables.js"></script>
	
</head>

	<div id="progress">
	<p><span style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;">Fetching repository data ...</p>
	<img src="img/ajax-loader.gif"/>
	</div>
	<div id="aggr-query-stats"></div>

<script type="text/javascript">
$(document).ready(function(){
	document.body.style.cursor = 'wait';
    $('#aggr-query-stats').html('').css('color','black');
    var jqxhr = $.getJSON('aggr_querystats.jsp',function(result){
    	
    var keys;
    $.each(result, function(i, data){
      keys = Object.keys(data);
	});
    
    var sb = '<table class="display1" id="aggr-query-stats-table" style="font-size:small"><thead><tr>';
    for (var r=0,len=keys.length; r<len; r++) {
      sb += '<th><b></b>' + keys[r] + '</th>';
    }
    sb += '</tr></thead><tbody> </tbody></table>';
    $('#aggr-query-stats').html( sb );
    
	var aoColumns = [];
	var aaData = [];
	
	$.each(result, function(i, data){
	var rowData = [];
	  $.each(keys, function(k, v) {
	    rowData.push(data[v]);
	  });
	  aaData.push(rowData);
	});

	// add needed columns
	$.each(keys, function(k, v) {
		obj = new Object();
		obj.sTitle = v;
		aoColumns.push(obj);
	});
	
	 $('#aggr-query-stats-table').dataTable({"bProcessing": true,"bJQueryUI": true,"sPaginationType": "full_numbers","aaData": aaData, "aoColumns" : aoColumns });
	 
		var elem = document.getElementById('progress');
		elem.parentNode.removeChild(elem);
		document.body.style.cursor = 'default';
	
    });
	
	jqxhr.fail(function(){
		$('#aggr-query-stats').html( jqxhr.responseText ).css('color','red');
		var elem = document.getElementById('progress');
		elem.parentNode.removeChild(elem);
		document.body.style.cursor = 'default';
	});
  });
</script>