137 lines
4.6 KiB
HTML
137 lines
4.6 KiB
HTML
{% extends 'base_AdminLTE.html' %}
|
|
|
|
{% block title %}Docklet | Hosts{% endblock %}
|
|
|
|
{% block panel_title %}Node list for {{ com_ip }}{% endblock %}
|
|
|
|
{% block panel_list %}
|
|
<ol class="breadcrumb">
|
|
<li>
|
|
<a href="/dashboard/"><i class="fa fa-dashboard"></i>Home</a>
|
|
</li>
|
|
<li>
|
|
<a href='/hosts/'>Hosts</a>
|
|
</li>
|
|
<li class="active">
|
|
<strong>Node List</strong>
|
|
</li>
|
|
</ol>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="box box-info">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">Total Nodes</h3>
|
|
|
|
<div class="box-tools pull-right">
|
|
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="box-body table-responsive">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>NO</th>
|
|
<th>Name</th>
|
|
<th>State</th>
|
|
<th>PID</th>
|
|
<th>IP Address</th>
|
|
<th>Cpu used</th>
|
|
<th>Mem used</th>
|
|
<th>Summary</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for container in containerslist %}
|
|
<tr>
|
|
<td>{{ loop.index }}</td>
|
|
<td>{{ container['Name'] }}</td>
|
|
{% if container['State'] == 'STOPPED' %}
|
|
<td><div id='{{ loop.index }}_state' class="label label-danger">Stopped</div></td>
|
|
<td id='{{ loop.index }}_pid'>--</td>
|
|
<td id='{{ loop.index }}_ip'>--</td>
|
|
{% else %}
|
|
<td><div id='{{ loop.index }}_state' class="label label-primary">Running</div></td>
|
|
<td id='{{ loop.index }}_pid'>{{ container['PID'] }}</td>
|
|
<td id='{{ loop.inde }}_ip'>{{ container['IP'] }}</td>
|
|
{% endif %}
|
|
<td id='{{ loop.index }}_cpu'>--</td>
|
|
<td id='{{ loop.index }}_mem'>--</td>
|
|
<td><a class="btn btn-info btn-xs"
|
|
href='/vclusters/root/{{
|
|
container['Name'] }}/'>Realtime</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
{% block script_src %}
|
|
<script type='text/javascript'>
|
|
function update(url,index)
|
|
{
|
|
|
|
$.post(url+"/basic_info",{},function(data){
|
|
var state = data.monitor.basic_info.State;
|
|
if(state == 'RUNNING')
|
|
{
|
|
var tmp = $("#"+index+"_state");
|
|
tmp.removeClass();
|
|
tmp.addClass("label label-primary");
|
|
tmp.html("Running");
|
|
$("#"+index+"_pid").html(data.monitor.basic_info.PID);
|
|
$("#"+index+"_ip").html(data.monitor.basic_info.IP);
|
|
}
|
|
else if(state == 'STOPPED')
|
|
{
|
|
var tmp = $("#"+index+"_state");
|
|
tmp.removeClass();
|
|
tmp.addClass("label label-danger");
|
|
tmp.html("Stopped");
|
|
$("#"+index+"_pid").html('--');
|
|
$("#"+index+"_ip").html('--');
|
|
$("#"+index+"_cpu").html('--');
|
|
$("#"+index+"_mem").html('--');
|
|
return;
|
|
}
|
|
|
|
$.post(url+"/cpu_use",{},function(data){
|
|
var val = data.monitor.cpu_use.val;
|
|
var unit = data.monitor.cpu_use.unit;
|
|
$("#"+index+"_cpu").html(val +" "+ unit);
|
|
},"json");
|
|
|
|
$.post(url+"/mem_use",{},function(data){
|
|
var val = data.monitor.mem_use.val;
|
|
var unit = data.monitor.mem_use.unit
|
|
$("#"+index+"_mem").html(val+" "+unit);
|
|
},"json");
|
|
|
|
},"json");
|
|
}
|
|
|
|
function updateAll()
|
|
{
|
|
var host = window.location.host;
|
|
var url0 = "http://" + host + "/monitor/vnodes/";
|
|
|
|
{% for container in containerslist %}
|
|
url = url0 + '{{ container['Name'] }}';
|
|
update(url,'{{ loop.index }}');
|
|
{% endfor %}
|
|
}
|
|
setInterval(updateAll,5000);
|
|
|
|
</script>
|
|
{% endblock %}
|