121 lines
No EOL
4.1 KiB
HTML
121 lines
No EOL
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang=\"en\">
|
|
<head>
|
|
<meta charset=\"utf-8\">
|
|
<title>XMRigCC Dashboard</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.2.3/css/select.dataTables.min.css">
|
|
|
|
<style>
|
|
.right{text-align:right;}
|
|
</style>
|
|
|
|
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
|
|
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
|
|
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/select/1.2.3/js/dataTables.select.min.js"></script>
|
|
<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.6.1/jquery.timeago.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
var table = $('#clientStatusList').DataTable({
|
|
dom: 'Bfrtip',
|
|
processing : true,
|
|
bPaginate : false,
|
|
ajax : {
|
|
url : "/admin/getClientStatusList",
|
|
dataSrc : 'client_status_list'
|
|
},
|
|
columns: [
|
|
{ data: "client_status.client_id"},
|
|
{ data: "client_status.current_pool"},
|
|
{ data: "client_status.current_status"},
|
|
{ data: "client_status.hashrate_short", render: round, className: "right"},
|
|
{ data: "client_status.hashrate_medium", render: round, className: "right"},
|
|
{ data: "client_status.hashrate_long", render: round, className: "right"},
|
|
{ data: "client_status.hashrate_highest", render: round, className: "right"},
|
|
{ data: "client_status.hashes_total", className: "right"},
|
|
{ data: "client_status.avg_time", className: "right"},
|
|
{ data: "client_status.shares_good", className: "right"},
|
|
{ data: "client_status.shares_total", className: "right"},
|
|
{ data: "client_status.last_status_update", render: laststatus},
|
|
{
|
|
targets: -1,
|
|
data: null,
|
|
defaultContent:
|
|
"<button id='START'>Start</button> " +
|
|
"<button id='STOP'>Stop</button> " +
|
|
"<button id='RESTART'>Restart</button> " +
|
|
"<button id='UPDATE_CONFIG'>Update</button> " +
|
|
"<button id='SHUTDOWN'>Shutdown</button>"
|
|
}
|
|
],
|
|
order: [ 11, 'desc' ],
|
|
select: {
|
|
style: 'os',
|
|
selector: 'td:first-child'
|
|
}
|
|
});
|
|
|
|
$('#clientStatusList tbody').on( 'click', 'button', function () {
|
|
var data = table.row( $(this).parents('tr') ).data();
|
|
var clientId = data['client_status']['client_id'];
|
|
var action = this.id;
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/admin/setClientCommand?clientId="+clientId,
|
|
dataType:"json",
|
|
data: '{"control_command":{"command": "' + action + '"}}',
|
|
});
|
|
});
|
|
|
|
setInterval(function () {
|
|
table.ajax.reload();
|
|
}, 10000);
|
|
});
|
|
|
|
function laststatus( data, type, row ) {
|
|
var date = new Date(data*1000);
|
|
return '<span data-toggle="tooltip" title="' + date + '">' + jQuery.timeago(date) + '</span>';
|
|
}
|
|
|
|
function round( data, type, row ) {
|
|
return Math.round(data).toFixed();
|
|
}
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<br/>
|
|
<div style="width: 95%; margin:0 auto;">
|
|
<div style="text-align: center;">
|
|
<h1>XMRigCC Dashboard</h1>
|
|
</div>
|
|
<br/>
|
|
<table id="clientStatusList" class="display" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>Client Id</th>
|
|
<th>Pool</th>
|
|
<th>Status</th>
|
|
|
|
<th>Hashrate</th>
|
|
<th>Hashrate 5m</th>
|
|
<th>Hashrate 60m</th>
|
|
|
|
<th>Hashrate Highest</th>
|
|
<th>Hashes Total</th>
|
|
<th>Avg. Time</th>
|
|
|
|
<th>Shares Good</th>
|
|
<th>Shares Total</th>
|
|
<th>Last Update</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |