60 lines
1.7 KiB
HTML
60 lines
1.7 KiB
HTML
<%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');
|
|
var dtDef = {
|
|
columns: [
|
|
{ title: "Name", data: "Name" },
|
|
{ title: "Progress", data: "Progress" },
|
|
{ title: "State", data: "State" },
|
|
{ title: "JobState", data: "JobState" }
|
|
],
|
|
columnDefs: [
|
|
{
|
|
targets: 1,
|
|
render: function(d, t, row){ d *= 100.0; return pbar(d,t,row); }
|
|
}
|
|
]
|
|
};
|
|
|
|
$("#CurrentPoolJobs").DataTable( dtDef );
|
|
$("#QueuedPoolJobs").DataTable( dtDef );
|
|
|
|
function refresh()
|
|
{
|
|
skyapi().getJson("checker/CurrentJobs", function(data){
|
|
if (!data)
|
|
data = []
|
|
|
|
$("#CurrentPoolJobs").DataTable().clear();
|
|
$("#CurrentPoolJobs").DataTable().rows.add( data ).draw();
|
|
});
|
|
skyapi().getJson("checker/QueuedJobs", function(data){
|
|
if (!data)
|
|
data = []
|
|
|
|
$("#QueuedPoolJobs").DataTable().clear();
|
|
$("#QueuedPoolJobs").DataTable().rows.add( data ).draw();
|
|
});
|
|
}
|
|
|
|
skyapi().addRefresh( refresh, 1 );
|
|
</script>
|