forked from A-Dechorgnat/inkscope-lite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
osds.html
103 lines (94 loc) · 3.71 KB
/
osds.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html ng-app="OsdsApp">
<head>
<meta charset=utf-8/>
<script src="scripts/angular/angular.min.js"></script>
<script src="scripts/angular/angular-sanitize.min.js"></script>
<script src="scripts/angular-misc/ng-table.min.js"></script>
<script src="scripts/angular-misc/angular-commons.js"></script>
<script src="scripts/angular-misc/ui-bootstrap-tpls-0.10.0.min.js"></script>
<script src="scripts/angular-misc/dialogs.v2.min.js"></script>
<script src="scripts/angular-misc/D3Directives.js"></script>
<script src="scripts/osdsApp.js"></script>
<script src="scripts/d3/d3.v3.min.js"></script>
<script src="scripts/d3/common.js"></script>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/tooltip.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/testAdmin.css">
<title>Osds</title>
<style>
#controlPanel0 {
border: black solid 1px;
position: absolute;
top: 0px;
right: 0px;
margin: 10px;
border-radius: 5px;
vertical-align: middle;
line-height: 40px;
padding: 5px;
}
#controlPanel1 {
border: black solid 1px;
position: fixed;
top: 150px;
right: 0px;
margin: 10px;
border-radius: 5px;
vertical-align: middle;
padding: 5px;
background-color: white;
}
#controlPanel0 input[type=number],
#controlPanel1 input[type=number] {
width: 40px;
}
</style>
</head>
<body ng-controller="OsdsCtrl">
<header ng-include src="'partials/header.html'" ng-init="pageTitle='Ceph OSD status'"></header>
<div id="controlPanel1" ng-hide="count == 0">
<div class="osd {{osdClass(osd)}}" style="float:right">
{{osd.id}}
</div>
<h1>osd.{{osd.id}}</h1>
<strong>{{osdState(osd)}}</strong>
<br><br><br><br>
weight : {{osd.weight}}<br>
public addr : {{osd.public_addr}}<br>
cluster addr : {{osd.cluster_addr}}<br>
</div>
<div id="filters" >
<div class="title">Filters</div>
<div class="filter clickable" ng-hide="!inFilter" ng-click="removeFilter('in')"> x in</div>
<div class="notfilter clickable" ng-hide="inFilter" ng-click="addFilter('in')"> + in</div>
<div class="filter clickable" ng-hide="!outFilter" ng-click="removeFilter('out')"> x out</div>
<div class="notfilter clickable" ng-hide="outFilter" ng-click="addFilter('out')"> + out</div>
<div class="filter clickable" ng-hide="!upFilter" ng-click="removeFilter('up')"> x up</div>
<div class="notfilter clickable" ng-hide="upFilter" ng-click="addFilter('up')"> + up</div>
<div class="filter clickable" ng-hide="!downFilter" ng-click="removeFilter('down')"> x down</div>
<div class="notfilter clickable" ng-hide="downFilter" ng-click="addFilter('down')"> + down</div>
</div>
<br>
<div id="datePanel"><br>Date : {{date | date:'HH:mm:ss'}} - matching: {{count}} of {{nbOsd}} OSD</div>
<div id="osds" >
<div ng-repeat="osd in data|orderBy:'id'" class=" tooltips osd {{osdClass(osd)}}">
<div ng-click="osdSelect(osd);">
{{osd.id}}
<div> <!-- tooltip -->
<span>
<strong>osd.{{osd.id}}</strong><br>
{{osdState(osd)}}<br>
<br>
weight : {{osd.weight}}<br>
public addr : {{osd.public_addr}}<br>
cluster addr : {{osd.cluster_addr}}<br>
</span>
</div>
</div>
</div>
</div>
</body>
</html>