forked from A-Dechorgnat/inkscope-lite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpoolUsage.html
65 lines (58 loc) · 2.25 KB
/
poolUsage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!doctype html>
<html ng-app="PoolUsage">
<head>
<meta charset=utf-8 />
<script src="scripts/angular/angular.min.js"></script>
<script src="scripts/angular-misc/angular-commons.js"></script>
<script src="scripts/angular-misc/D3Directives.js"></script>
<script src="scripts/angular-misc/ng-table.min.js"></script>
<link rel="stylesheet" href="scripts/angular-misc/ng-table.min.css">
<script src="scripts/poolUsageApp.js"></script>
<script src="scripts/d3/d3.v3.min.js"></script>
<script src="scripts/d3/common.js"></script>
<script src="scripts/d3/colorbrewer.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/testAdmin.css">
<title>Ceph usage</title>
</head>
<body ng-controller="PoolUsageCtrl">
<h1 class="pageTitle"><a href="index.html"><img src="img/inkscope_logo100.png" boredr="0"></a> Pools statistics</h1>
<div id="graph">
<h3>Total space usage</h3>
<ad-gauge value="percentUsed" colormode="desc" width="300"></ad-gauge>
<div class="gaugeLegend">
{{stats.total_used * 1024| bytes}} used <br>on {{stats.total_space *1024| bytes}}
</div>
</div>
<div id="list">
<table ng-table="tableParams" class="table table-condensed table-hover">
<tr ng-repeat="pool in orderedData">
<td data-title="'Id'" sortable="'id'">{{pool.id}}</td>
<td data-title="'Name'" sortable="'name'">{{pool.name}}</td>
<td data-title="'Space used'" sortable="'stats.bytes_used'" style="text-align:right">{{pool.stats.bytes_used|bytes}}</td>
<td data-title="'Objects'" sortable="'stats.objects'" style="text-align:right">{{pool.stats.objects}}</td>
</tr>
</table>
</div>
<!--div id="list">
<table class="table table-condensed table-hover">
<thead>
<tr>
<th>Id</th>
<th>Pool</th>
<th>Space used</th>
<th>Objects</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="pool in pools ">
<td>{{pool.id}}</td>
<td>{{pool.name}}</td>
<td style="text-align:right">{{pool.stats.bytes_used|bytes}}</td>
<td style="text-align:right">{{pool.stats.objects}}</td>
</tr>
</tbody>
</table>
</div-->
</body>
</html>