accidentsByMonth.html


<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<html class = "ui-mobile-rendering">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">	
	<link rel="stylesheet" href="../quickforms/css/quickforms/quickforms.css" />
	<script src = "../quickforms/js/require.min.js" ></script>
</head>
<body>
<div data-role="page" id="loadQuickformsTemplate">
	<script type="text/javascript">
	require(['../quickforms/js/quickforms.js'],function(){
			quickforms.registerReadyFunction(function()
			{
				require(['dom/navControl','dom/report/graph','dom/report/table','dom/filterControl',
						'dom/form/select'],
					function(){
						
						quickforms.loadNav('nav.html','nav');
						quickforms.loadNav('navReport.html','reportNav');
					    quickforms.loadFilter('filter.html','mainData');
						quickforms.loadTableReport(
							{queryName:'getDrillDownAccidentByMonth',
							configFile: 'js/reportTable'
							});
						quickforms.loadGraphReport(
							{queryName:'getDrillDownAccidentByMonth',
							graphParamFile:'js/compareAccidentDecemberReportMonth'});
					});
			});
		});
	</script>
	<div data-role="header"><h1>National Collision Application Report</h1></div>
	<div id = "nav"></div>
	<br>
	<h2 align = "center">Accidents by Month</h2>
	<div data-role="content">
		<form id="tableTemplate">
			<div id = "reportNav"></div>
			<div id="chart"></div>
			<table id ="mainData"></table>
		</form>
	</div>
	<div data-role="footer"><h1>.</h1></div>
</div>
</body>
</html>