2019-04-05 00:59:04 +02:00
|
|
|
|
<%frame "frame.html"%>
|
|
|
|
|
|
|
|
|
|
<h1>Checker Status</h1>
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
|
|
<div class="flex column">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>Current Jobs</h2>
|
|
|
|
|
<div style="width: 100%;">
|
|
|
|
|
<table id="CurrentPoolJobs"></table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h2>Queued Jobs</h2>
|
|
|
|
|
<table id="QueuedPoolJobs"></table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
var pbar = $().dataTable.render.percentBar('round','#fff', '#FF9CAB', '#FF0033', '#FF9CAB', 0, 'solid');
|
2019-04-08 08:47:12 +02:00
|
|
|
|
var columns = [
|
2019-04-05 00:59:04 +02:00
|
|
|
|
{ title: "Name", data: "Name" },
|
|
|
|
|
{ title: "Progress", data: "Progress" },
|
|
|
|
|
{ title: "State", data: "State" },
|
|
|
|
|
{ title: "JobState", data: "JobState" }
|
2019-04-08 08:47:12 +02:00
|
|
|
|
];
|
|
|
|
|
var columnDefs = [
|
2019-04-05 00:59:04 +02:00
|
|
|
|
{
|
|
|
|
|
targets: 1,
|
|
|
|
|
render: function(d, t, row){ d *= 100.0; return pbar(d,t,row); }
|
|
|
|
|
}
|
2019-04-08 08:47:12 +02:00
|
|
|
|
];
|
2019-04-05 00:59:04 +02:00
|
|
|
|
|
2019-04-08 08:47:12 +02:00
|
|
|
|
$("#CurrentPoolJobs").DataTable( {
|
|
|
|
|
columns: columns,
|
|
|
|
|
columnDefs: columnDefs,
|
|
|
|
|
ajax: {
|
|
|
|
|
url: "/checker/CurrentJobs",
|
|
|
|
|
dataSrc: ""
|
|
|
|
|
}
|
|
|
|
|
} );
|
|
|
|
|
$("#QueuedPoolJobs").DataTable( {
|
|
|
|
|
columns: columns,
|
|
|
|
|
columnDefs: columnDefs,
|
|
|
|
|
ajax: {
|
|
|
|
|
url: "/checker/QueuedJobs",
|
|
|
|
|
dataSrc: ""
|
|
|
|
|
}
|
|
|
|
|
});
|
2019-04-05 00:59:04 +02:00
|
|
|
|
|
|
|
|
|
function refresh()
|
|
|
|
|
{
|
2019-04-08 08:47:12 +02:00
|
|
|
|
$("#CurrentPoolJobs").DataTable().ajax.reload(null, false);
|
|
|
|
|
$("#QueuedPoolJobs").DataTable().ajax.reload(null, false);
|
2019-04-05 00:59:04 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
skyapi().addRefresh( refresh, 1 );
|
|
|
|
|
</script>
|