github/docker-labs
1
0
Fork 0
mirror of https://github.com/bingohuang/docker-labs.git synced 2025-10-04 01:17:49 +08:00
Code Issues Releases Wiki Activity

Show cpu and memory stats of every node

Browse Source
This commit is contained in:
Jonathan Leibiusky @xetorthio
2016-11-18 13:52:47 -03:00
parent bc7dbead33
commit 8b0749a9ba
6 changed files with 121 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
www/assets/app.js
View File

@@ -132,6 +132,12 @@
$scope.connected = true;
});
socket.on('instance stats', function(name, mem, cpu) {
$scope.idx[name].mem = mem;
$scope.idx[name].cpu = cpu;
$scope.$apply();
});
$scope.socket = socket;
var i = response.data;

7
www/assets/style.css
View File

@@ -46,3 +46,10 @@ md-card-content.terminal {
.disconnected {
background-color: #FDF4B6;
}
md-input-container {
margin-bottom: 0;
}
md-input-container .md-errors-spacer {
height: 0;
min-height: 0;
}

16
www/index.html
View File

@@ -2,6 +2,7 @@
<html ng-app="DockerPlay" ng-controller="PlayController">
<head>
<title>Docker Playground</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
<link rel="stylesheet" href="/assets/xterm.css" />
<link rel="stylesheet" href="/assets/style.css" />
@@ -64,7 +65,20 @@
<md-card-title>
<md-card-title-text>
<span class="md-headline">{{instance.name}}</span>
<span class="md-subhead">{{instance.ip}}</span>
<md-input-container class="md-icon-float md-block">
<label>IP</label>
<input ng-model="instance.ip" type="text" readonly="readonly">
</md-input-container>
<div layout-gt-sm="row">
<md-input-container class="md-block" flex-gt-sm>
<label>Memory</label>
<input ng-model="instance.mem" type="text" readonly="readonly">
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>CPU</label>
<input ng-model="instance.cpu" type="text" readonly="readonly">
</md-input-container>
</div>
<md-card-title-text>
</md-card-title>
<md-card-actions>