79 lines
2.5 KiB
HTML
79 lines
2.5 KiB
HTML
{% extends 'base_AdminLTE.html' %}
|
|
|
|
{% block title %}Docklet | History{% endblock %}
|
|
|
|
{% block panel_title %}History of All Created VNodes{% endblock %}
|
|
|
|
{% block panel_list %}
|
|
<ol class="breadcrumb">
|
|
<li>
|
|
<a href="/dashboard/"><i class="fa fa-dashboard"></i>Home</a>
|
|
</li>
|
|
<li class="active">
|
|
<strong>History</strong>
|
|
</li>
|
|
</ol>
|
|
{% endblock %}
|
|
|
|
{% block css_src %}
|
|
<link href="/static/dist/css/flotconfig.css" rel="stylesheet">
|
|
{% 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">All Created VNodes</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">
|
|
<div class="table">
|
|
<table width="100%" cellspacing="0" style="margin:0 auto;" class="table table-striped table-bordered table-hover table-history" >
|
|
<thead>
|
|
<tr>
|
|
<th>NO</th>
|
|
<th>VNode name</th>
|
|
<th>Total billing</th>
|
|
<th>Location</th>
|
|
<th>History</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for master in allvnodes %}
|
|
{% for vnode in allvnodes[master] %}
|
|
<tr>
|
|
<th>{{ loop.index }}</th>
|
|
<th>{{ vnode.name }}</th>
|
|
<th>{{ vnode.billing }} beans</th>
|
|
<th>{{ master.split("@")[1] }}</th>
|
|
<td><a class="btn btn-info btn-xs" href='/history/{{master.split("@")[0]}}/{{ vnode.name }}/'>History</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block script_src %}
|
|
<script src="//cdn.bootcss.com/datatables/1.10.11/js/jquery.dataTables.min.js"></script>
|
|
<script src="//cdn.bootcss.com/datatables/1.10.11/js/dataTables.bootstrap.min.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$(".table-history").DataTable({"scrollX":true});
|
|
});
|
|
|
|
</script>
|
|
|
|
{% endblock %}
|