Mirroristas/etcd
2
0
Fork 0
mirror of https://github.com/etcd-io/etcd.git synced 2024-09-27 06:25:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(dashboard): Notate leader in machine list

Browse Source
This commit is contained in:
Rob Szumski 2013-10-14 22:42:12 -07:00 committed by Brandon Philips
parent ad5cfab5ba
commit 1c401a05b1
3 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
mod/dashboard/app/scripts/controllers/stats.js
View File

@ -23,10 +23,22 @@ angular.module('etcdStats', ['ngRoute', 'etcd'])
function readStats() { function readStats() {
EtcdV1.getStat('leader').get().success(function(data) { EtcdV1.getStat('leader').get().success(function(data) {
$scope.leaderStats = data; $scope.leaderStats = data;
$scope.followers = []; $scope.leaderName = data.leader;
$scope.machines = [];
//hardcode leader stats
$scope.machines.push({
latency: {
average: 0,
current: 0,
minimum: 0,
maximum: 0,
standardDeviation: 0
},
name: data.leader
});
$.each(data.followers, function(index, value) { $.each(data.followers, function(index, value) {
value.name = index; value.name = index;
$scope.followers.push(value); $scope.machines.push(value);
}); });
drawGraph(); drawGraph();
}); });
@ -46,7 +58,7 @@ angular.module('etcdStats', ['ngRoute', 'etcd'])
chart({ chart({
el: $scope.graphContainer, el: $scope.graphContainer,
data: { data: {
'stats': $scope.followers 'stats': $scope.machines
} }
}).width(width).height(height).update(); }).width(width).height(height).update();
}); });

6
mod/dashboard/app/styles/etcd-widgets.css
View File

@ -624,6 +624,12 @@ body {
background-color: #00DB24; background-color: #00DB24;
} }
.etcd-container.etcd-stats .etcd-list .etcd-machine-type {
color: #999;
padding-left: 3px;
font-size: 13px;
}
.etcd-container.etcd-stats .etcd-list .etcd-latency-value { .etcd-container.etcd-stats .etcd-list .etcd-latency-value {
display: inline-block; display: inline-block;
} }

15
mod/dashboard/app/views/stats.html
View File

@ -20,23 +20,26 @@
</div> </div>
</div> </div>
<div class="etcd-graph"> <div class="etcd-graph">
<h2>Follower Latency</h2> <h2>Machine Latency</h2>
<div class="etcd-graph-container" id="latency"> <div class="etcd-graph-container" id="latency">
</div> </div>
</div> </div>
<div class="etcd-list"> <div class="etcd-list">
<h2>Follower List</h2> <h2>Machine List</h2>
<table cellpadding="0" cellspacing="0"> <table cellpadding="0" cellspacing="0">
<thead> <thead>
<td class="etcd-name-header">Machine Name</td> <td class="etcd-name-header">Machine Name</td>
<td class="etcd-latency">Latency</td> <td class="etcd-latency">Latency</td>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="follower in followers"> <tr ng-repeat="machine in machines">
<td>{{follower.name}}</td> <td ng-switch on="{true:'leader', false: 'follower'}[leaderName == machine.name]">
<div ng-switch-when="leader">{{machine.name}}<span class="etcd-machine-type">(leader)</span></div>
<div ng-switch-default>{{machine.name}}</div>
</td>
<td> <td>
<div class="etcd-square ng-class: {'etcd-square-green': follower.latency.current < 2, 'etcd-square-orange': follower.latency.current < 5, 'etcd-square-red': follower.latency.current >= 10}"></div> <div class="etcd-square ng-class: {'etcd-square-green': machine.latency.current < 2, 'etcd-square-orange': machine.latency.current < 5, 'etcd-square-red': machine.latency.current >= 10}"></div>
<div class="etcd-latency-value">{{follower.latency.current | number:1 }} ms</div> <div class="etcd-latency-value">{{machine.latency.current | number:1 }} ms</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>