80 lines
2.1 KiB
PHP
80 lines
2.1 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="icon" href="../../favicon.ico">
|
|
|
|
<title>
|
|
<?php echo $OJ_NAME?>
|
|
</title>
|
|
<?php include("template/$OJ_TEMPLATE/css.php");?>
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
<?php include("template/$OJ_TEMPLATE/nav.php");?>
|
|
<!-- Main component for a primary marketing message or call to action -->
|
|
<div class="jumbotron">
|
|
<p>
|
|
<center> Recent submission :
|
|
<?php echo $speed?> .
|
|
<div id=submission style="width:80%;height:300px"></div>
|
|
</center>
|
|
</p>
|
|
<?php echo $view_news?>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /container -->
|
|
|
|
|
|
<!-- Bootstrap core JavaScript
|
|
================================================== -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
<?php include("template/$OJ_TEMPLATE/js.php");?>
|
|
<script language="javascript" type="text/javascript" src="<?php echo $OJ_CDN_URL?>include/jquery.flot.js"></script>
|
|
<script type="text/javascript">
|
|
$( function () {
|
|
var d1 = <?php echo json_encode($chart_data_all)?>;
|
|
var d2 = <?php echo json_encode($chart_data_ac)?>;
|
|
$.plot( $( "#submission" ), [ {
|
|
label: "<?php echo $MSG_SUBMIT?>",
|
|
data: d1,
|
|
lines: {
|
|
show: true
|
|
}
|
|
}, {
|
|
label: "<?php echo $MSG_SOVLED?>",
|
|
data: d2,
|
|
bars: {
|
|
show: true
|
|
}
|
|
} ], {
|
|
grid: {
|
|
backgroundColor: {
|
|
colors: [ "#fff", "#eee" ]
|
|
}
|
|
},
|
|
xaxis: {
|
|
mode: "time" //,
|
|
//max:(new Date()).getTime(),
|
|
//min:(new Date()).getTime()-100*24*3600*1000
|
|
}
|
|
} );
|
|
} );
|
|
//alert((new Date()).getTime());
|
|
</script>
|
|
</body>
|
|
</html>
|