mirror of
https://github.com/nicolargo/glances.git
synced 2024-12-22 16:51:35 +03:00
webui: move more plugins to components
This commit is contained in:
Floran Brutel
parent
98d7a0b18e
commit
f084bf5d4a
@ -3,21 +3,6 @@
|
|||||||
function GlancesController($interval, GlancesStats) {
|
function GlancesController($interval, GlancesStats) {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
|
||||||
vm.sorter = {
|
|
||||||
column: "cpu_percent",
|
|
||||||
auto: true,
|
|
||||||
isReverseColumn: function (column) {
|
|
||||||
return !(column == 'username' || column == 'name');
|
|
||||||
},
|
|
||||||
getColumnLabel: function (column) {
|
|
||||||
if (_.isEqual(column, ['io_read', 'io_write'])) {
|
|
||||||
return 'io_counters';
|
|
||||||
} else {
|
|
||||||
return column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
vm.dataLoaded = false;
|
vm.dataLoaded = false;
|
||||||
vm.stats = {};
|
vm.stats = {};
|
||||||
vm.refreshData = function () {
|
vm.refreshData = function () {
|
||||||
@ -41,148 +26,4 @@ function GlancesController($interval, GlancesStats) {
|
|||||||
$interval(function () {
|
$interval(function () {
|
||||||
vm.refreshData();
|
vm.refreshData();
|
||||||
}, refreshTime * 1000); // in milliseconds
|
}, refreshTime * 1000); // in milliseconds
|
||||||
|
|
||||||
vm.onKeyDown = function ($event) {
|
|
||||||
switch (true) {
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.a:
|
|
||||||
// a => Sort processes automatically
|
|
||||||
vm.sorter.column = "cpu_percent";
|
|
||||||
vm.sorter.auto = true;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.A:
|
|
||||||
// A => Enable/disable AMPs
|
|
||||||
vm.arguments.disable_amps = !vm.arguments.disable_amps;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.c:
|
|
||||||
// c => Sort processes by CPU%
|
|
||||||
vm.sorter.column = "cpu_percent";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.m:
|
|
||||||
// m => Sort processes by MEM%
|
|
||||||
vm.sorter.column = "memory_percent";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.u:
|
|
||||||
// u => Sort processes by user
|
|
||||||
vm.sorter.column = "username";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.p:
|
|
||||||
// p => Sort processes by name
|
|
||||||
vm.sorter.column = "name";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.i:
|
|
||||||
// i => Sort processes by I/O rate
|
|
||||||
vm.sorter.column = ['io_read', 'io_write'];
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.t:
|
|
||||||
// t => Sort processes by time
|
|
||||||
vm.sorter.column = "timemillis";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.d:
|
|
||||||
// d => Show/hide disk I/O stats
|
|
||||||
vm.arguments.disable_diskio = !vm.arguments.disable_diskio;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.Q:
|
|
||||||
// Q => Show/hide IRQ
|
|
||||||
vm.arguments.enable_irq = !vm.arguments.enable_irq;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.f:
|
|
||||||
// f => Show/hide filesystem stats
|
|
||||||
vm.arguments.disable_fs = !vm.arguments.disable_fs;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.n:
|
|
||||||
// n => Show/hide network stats
|
|
||||||
vm.arguments.disable_network = !vm.arguments.disable_network;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.s:
|
|
||||||
// s => Show/hide sensors stats
|
|
||||||
vm.arguments.disable_sensors = !vm.arguments.disable_sensors;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.TWO:
|
|
||||||
// 2 => Show/hide left sidebar
|
|
||||||
vm.arguments.disable_left_sidebar = !vm.arguments.disable_left_sidebar;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.z:
|
|
||||||
// z => Enable/disable processes stats
|
|
||||||
vm.arguments.disable_process = !vm.arguments.disable_process;
|
|
||||||
break;
|
|
||||||
case $event.keyCode == keycodes.SLASH:
|
|
||||||
// SLASH => Enable/disable short processes name
|
|
||||||
vm.arguments.process_short_name = !vm.arguments.process_short_name;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.D:
|
|
||||||
// D => Enable/disable Docker stats
|
|
||||||
vm.arguments.disable_docker = !vm.arguments.disable_docker;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.b:
|
|
||||||
// b => Bytes or bits for network I/O
|
|
||||||
vm.arguments.byte = !vm.arguments.byte;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.b:
|
|
||||||
// 'B' => Switch between bit/s and IO/s for Disk IO
|
|
||||||
vm.arguments.diskio_iops = !vm.arguments.diskio_iops;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.l:
|
|
||||||
// l => Show/hide alert logs
|
|
||||||
vm.arguments.disable_alert = !vm.arguments.disable_alert;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.ONE:
|
|
||||||
// 1 => Global CPU or per-CPU stats
|
|
||||||
vm.arguments.percpu = !vm.arguments.percpu;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.h:
|
|
||||||
// h => Show/hide this help screen
|
|
||||||
vm.arguments.help_tag = !vm.arguments.help_tag;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.T:
|
|
||||||
// T => View network I/O as combination
|
|
||||||
vm.arguments.network_sum = !vm.arguments.network_sum;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.u:
|
|
||||||
// U => View cumulative network I/O
|
|
||||||
vm.arguments.network_cumul = !vm.arguments.network_cumul;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.f:
|
|
||||||
// F => Show filesystem free space
|
|
||||||
vm.arguments.fs_free_space = !vm.arguments.fs_free_space;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.THREE:
|
|
||||||
// 3 => Enable/disable quick look plugin
|
|
||||||
vm.arguments.disable_quicklook = !vm.arguments.disable_quicklook;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.SIX:
|
|
||||||
// 6 => Enable/disable mean gpu
|
|
||||||
vm.arguments.meangpu = !vm.arguments.meangpu;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.g:
|
|
||||||
// G => Enable/disable gpu
|
|
||||||
vm.arguments.disable_gpu = !vm.arguments.disable_gpu;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.FIVE:
|
|
||||||
vm.arguments.disable_quicklook = !vm.arguments.disable_quicklook;
|
|
||||||
vm.arguments.disable_cpu = !vm.arguments.disable_cpu;
|
|
||||||
vm.arguments.disable_mem = !vm.arguments.disable_mem;
|
|
||||||
vm.arguments.disable_memswap = !vm.arguments.disable_memswap;
|
|
||||||
vm.arguments.disable_load = !vm.arguments.disable_load;
|
|
||||||
vm.arguments.disable_gpu = !vm.arguments.disable_gpu;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.i:
|
|
||||||
// I => Show/hide IP module
|
|
||||||
vm.arguments.disable_ip = !vm.arguments.disable_ip;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.p:
|
|
||||||
// I => Enable/disable ports module
|
|
||||||
vm.arguments.disable_ports = !vm.arguments.disable_ports;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.w:
|
|
||||||
// 'W' > Enable/Disable Wifi plugin
|
|
||||||
vm.arguments.disable_wifi = !vm.arguments.disable_wifi;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
<div ng-keydown="vm.onKeyDown($event)" tabindex="0">
|
<div ng-keydown="vm.onKeyDown($event)" tabindex="0">
|
||||||
<div ng-show="!vm.dataLoaded" class="container-fluid" id="loading-page">
|
<div ng-if="!vm.dataLoaded" class="container-fluid" id="loading-page">
|
||||||
<div class="glances-logo"></div>
|
<div class="glances-logo"></div>
|
||||||
<div class="loader">Loading...</div>
|
<div class="loader">Loading...</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<glances-help help="vm.help" ng-show="vm.vm.argumentshelp_tag"></glances-help>
|
<glances-help help="vm.help" ng-if="vm.arguments.help_tag"></glances-help>
|
||||||
|
|
||||||
<div ng-show="vm.dataLoaded && !vm.vm.argumentshelp_tag" class="container-fluid">
|
<div ng-if="vm.dataLoaded && !vm.arguments.help_tag" class="container-fluid">
|
||||||
<div class="top-plugin">
|
<div class="top-plugin">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-24">
|
<div class="col-sm-24">
|
||||||
@ -31,17 +31,16 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="hidden-xs hidden-sm hidden-md col-lg-6" ng-if="!vm.argumentsdisable_quicklook">
|
<div class="hidden-xs hidden-sm hidden-md col-lg-6" ng-if="!vm.arguments.disable_quicklook">
|
||||||
<glances-plugin-quicklook stats="vm.stats" arguments="vm.arguments"></glances-plugin-quicklook>
|
<glances-plugin-quicklook stats="vm.stats" arguments="vm.arguments"></glances-plugin-quicklook>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6 col-md-8 col-lg-6" ng-if="!vm.argumentsdisable_cpu && !vm.argumentspercpu">
|
<div class="col-sm-6 col-md-8 col-lg-6" ng-if="!vm.arguments.disable_cpu && !vm.arguments.percpu">
|
||||||
<glances-plugin-cpu stats="vm.stats"></glances-plugin-cpu>
|
<glances-plugin-cpu stats="vm.stats"></glances-plugin-cpu>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-12 col-md-8 col-lg-6" ng-if="!vm.argumentsdisable_cpu && vm.argumentspercpu">
|
<div class="col-sm-12 col-md-8 col-lg-6" ng-if="!vm.arguments.disable_cpu && vm.arguments.percpu">
|
||||||
<glances-plugin-percpu stats="vm.stats"></glances-plugin-percpu>
|
<glances-plugin-percpu stats="vm.stats"></glances-plugin-percpu>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3"
|
<div class="hidden-xs hidden-sm col-md-4 col-lg-3" ng-if="!vm.arguments.disable_gpu && statsGpu.gpus.length > 0">
|
||||||
ng-if="!vm.argumentsdisable_gpu && statsGpu.gpus.length > 0">
|
|
||||||
<glances-plugin-gpu stats="vm.stats"></glances-plugin-gpu>
|
<glances-plugin-gpu stats="vm.stats"></glances-plugin-gpu>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!vm.argumentsdisable_mem">
|
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!vm.argumentsdisable_mem">
|
||||||
@ -59,13 +58,30 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6 sidebar" ng-show="!vm.arguments.disable_left_sidebar">
|
<div class="col-sm-6 sidebar" ng-if="!vm.arguments.disable_left_sidebar">
|
||||||
<div class="table">
|
<div class="table">
|
||||||
<glances-plugin-network stats="vm.stats" ng-show="!vm.arguments.disable_network"></glances-plugin-network>
|
<glances-plugin-network stats="vm.stats" arguments="vm.arguments" ng-if="!vm.arguments.disable_network"></glances-plugin-network>
|
||||||
|
<glances-plugin-wifi stats="vm.stats" ng-if="!vm.arguments.disable_wifi"></glances-plugin-wifi>
|
||||||
|
<glances-plugin-ports stats="vm.stats" ng-if="!vm.arguments.disable_ports"></glances-plugin-ports>
|
||||||
|
<glances-plugin-diskio stats="vm.stats" arguments="vm.arguments" ng-if="!vm.arguments.disable_diskio"></glances-plugin-diskio>
|
||||||
|
<glances-plugin-fs stats="vm.stats" arguments="vm.arguments" ng-if="!vm.arguments.disable_fs"></glances-plugin-fs>
|
||||||
|
<glances-plugin-irq stats="vm.stats" arguments="vm.arguments" ng-if="vm.arguments.enable_irq"></glances-plugin-irq>
|
||||||
|
<glances-plugin-folders stats="vm.stats" arguments="vm.arguments" ng-if="!vm.arguments.disable_fs"></glances-plugin-folders>
|
||||||
|
<glances-plugin-raid stats="vm.stats" arguments="vm.arguments"></glances-plugin-raid>
|
||||||
|
<glances-plugin-sensors stats="vm.stats" arguments="vm.arguments" ng-if="!vm.arguments.disable_sensors"></glances-plugin-sensors>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-18">
|
<div class="col-sm-18">
|
||||||
|
<glances-plugin-docker stats="vm.stats" arguments="vm.arguments" ng-if="!vm.arguments.disable_docker"></glances-plugin-docker>
|
||||||
|
<glances-plugin-alert stats="vm.stats" ng-if="!vm.arguments.disable_alert"></glances-plugin-alert>
|
||||||
|
|
||||||
|
<div ng-show="!vm.arguments.disable_process">
|
||||||
|
<glances-plugin-processcount stats="vm.stats"></glances-plugin-processcount>
|
||||||
|
<glances-plugin-amps stats="vm.stats" arguments="vm.arguments" ng-if="!arguments.disable_amps"></glances-plugin-amps>
|
||||||
|
<glances-plugin-processlist stats="vm.stats" arguments="vm.arguments"></glances-plugin-processlist>
|
||||||
|
</div>
|
||||||
|
<div ng-show="vm.arguments.disable_process">PROCESSES DISABLED (press 'z' to display)</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -4,7 +4,7 @@ glancesApp.component('glancesHelp', {
|
|||||||
controller: GlancesHelpController,
|
controller: GlancesHelpController,
|
||||||
controllerAs: 'vm',
|
controllerAs: 'vm',
|
||||||
bindings: {
|
bindings: {
|
||||||
help: '<',
|
help: '<'
|
||||||
},
|
},
|
||||||
templateUrl: 'components/help/view.html'
|
templateUrl: 'components/help/view.html'
|
||||||
});
|
});
|
||||||
|
|||||||
@ -0,0 +1,10 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginAlert', {
|
||||||
|
controller: GlancesPluginAlertController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-alert/view.html'
|
||||||
|
});
|
||||||
@ -0,0 +1,73 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginAlertController(favicoService) {
|
||||||
|
var vm = this;
|
||||||
|
var _alerts = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['alert'];
|
||||||
|
_alerts = [];
|
||||||
|
|
||||||
|
if(!_.isArray(data)) {
|
||||||
|
data = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var alertData = data[i];
|
||||||
|
var alert = {};
|
||||||
|
|
||||||
|
alert.name = alertData[3];
|
||||||
|
alert.level = alertData[2];
|
||||||
|
alert.begin = alertData[0] * 1000;
|
||||||
|
alert.end = alertData[1] * 1000;
|
||||||
|
alert.ongoing = alertData[1] == -1;
|
||||||
|
alert.min = alertData[6];
|
||||||
|
alert.mean = alertData[5];
|
||||||
|
alert.max = alertData[4];
|
||||||
|
|
||||||
|
if (!alert.ongoing) {
|
||||||
|
var duration = alert.end - alert.begin;
|
||||||
|
var seconds = parseInt((duration / 1000) % 60)
|
||||||
|
, minutes = parseInt((duration / (1000 * 60)) % 60)
|
||||||
|
, hours = parseInt((duration / (1000 * 60 * 60)) % 24);
|
||||||
|
|
||||||
|
alert.duration = _.padStart(hours, 2, '0') + ":" + _.padStart(minutes, 2, '0') + ":" + _.padStart(seconds, 2, '0');
|
||||||
|
}
|
||||||
|
|
||||||
|
_alerts.push(alert);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (vm.hasOngoingAlerts()) {
|
||||||
|
favicoService.badge(vm.countOngoingAlerts());
|
||||||
|
} else {
|
||||||
|
favicoService.reset();
|
||||||
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.hasAlerts = function () {
|
||||||
|
return _alerts.length > 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getAlerts = function () {
|
||||||
|
return _alerts;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.count = function () {
|
||||||
|
return _alerts.length;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.hasOngoingAlerts = function () {
|
||||||
|
return _.filter(_alerts, { 'ongoing': true }).length > 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.countOngoingAlerts = function () {
|
||||||
|
return _.filter(_alerts, { 'ongoing': true }).length;
|
||||||
|
}
|
||||||
|
}
|
||||||
13
glances/outputs/static/js/components/plugin-alert/view.html
Normal file
13
glances/outputs/static/js/components/plugin-alert/view.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<section id="alerts">
|
||||||
|
<span class="title" ng-if="!vm.hasAlerts()">No warning or critical alert detected</span>
|
||||||
|
<span class="title" ng-if="vm.hasAlerts()">Warning or critical alerts (lasts {{vm.count()}} entries)</span>
|
||||||
|
</section>
|
||||||
|
<section id="alert" class="plugin">
|
||||||
|
<div class="table">
|
||||||
|
<div class="table-row" ng-repeat="alert in vm.getAlerts()">
|
||||||
|
<div class="table-cell text-left">
|
||||||
|
{{alert.begin | date : 'yyyy-MM-dd H:mm:ss'}} ({{ alert.ongoing ? 'ongoing' : alert.duration }}) - <span ng-hide="alert.ongoing">{{alert.level}} on</span> <span class="{{ alert.level | lowercase }}">{{alert.name}}</span>({{alert.max}})
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -18,5 +18,7 @@ function GlancesPluginCloudController() {
|
|||||||
vm.provider = 'AWS EC2';
|
vm.provider = 'AWS EC2';
|
||||||
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@ -50,6 +50,8 @@ function GlancesPluginCpuController() {
|
|||||||
if (data.syscalls) {
|
if (data.syscalls) {
|
||||||
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function (value) {
|
this.getDecoration = function (value) {
|
||||||
|
|||||||
@ -0,0 +1,11 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginDiskio', {
|
||||||
|
controller: GlancesPluginDiskioController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<',
|
||||||
|
arguments: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-diskio/view.html'
|
||||||
|
});
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginDiskioController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
|
||||||
|
vm.disks = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['diskio'];
|
||||||
|
|
||||||
|
data = $filter('orderBy')(data,'disk_name');
|
||||||
|
|
||||||
|
vm.disks = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var diskioData = data[i];
|
||||||
|
var timeSinceUpdate = diskioData['time_since_update'];
|
||||||
|
|
||||||
|
vm.disks.push({
|
||||||
|
'name': diskioData['disk_name'],
|
||||||
|
'bitrate': {
|
||||||
|
'txps': $filter('bytes')(diskioData['read_bytes'] / timeSinceUpdate),
|
||||||
|
'rxps': $filter('bytes')(diskioData['write_bytes'] / timeSinceUpdate)
|
||||||
|
},
|
||||||
|
'count': {
|
||||||
|
'txps': $filter('bytes')(diskioData['read_count'] / timeSinceUpdate),
|
||||||
|
'rxps': $filter('bytes')(diskioData['write_count'] / timeSinceUpdate)
|
||||||
|
},
|
||||||
|
'alias': diskioData['alias'] !== undefined ? diskioData['alias'] : null
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
}
|
||||||
18
glances/outputs/static/js/components/plugin-diskio/view.html
Normal file
18
glances/outputs/static/js/components/plugin-diskio/view.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<section id="diskio" class="plugin table-row-group" ng-show="vm.disks.length > 0">
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left title">DISK I/O</div>
|
||||||
|
<div class="table-cell" ng-show="!vm.arguments.diskio_iops">R/s</div>
|
||||||
|
<div class="table-cell" ng-show="!vm.arguments.diskio_iops">W/s</div>
|
||||||
|
|
||||||
|
<div class="table-cell" ng-show="vm.arguments.diskio_iops">IOR/s</div>
|
||||||
|
<div class="table-cell" ng-show="vm.arguments.diskio_iops">IOW/s</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-row" ng-repeat="disk in vm.disks">
|
||||||
|
<div class="table-cell text-left">{{(disk.alias ? disk.alias : disk.name) | min_size}}</div>
|
||||||
|
<div class="table-cell" ng-show="!vm.arguments.diskio_iops">{{disk.bitrate.txps }}</div>
|
||||||
|
<div class="table-cell" ng-show="!vm.arguments.diskio_iops">{{disk.bitrate.rxps }}</div>
|
||||||
|
|
||||||
|
<div class="table-cell" ng-show="vm.arguments.diskio_iops">{{disk.count.txps }}</div>
|
||||||
|
<div class="table-cell" ng-show="vm.arguments.diskio_iops">{{disk.count.rxps }}</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
11
glances/outputs/static/js/components/plugin-fs/component.js
Normal file
11
glances/outputs/static/js/components/plugin-fs/component.js
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginFs', {
|
||||||
|
controller: GlancesPluginFsController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<',
|
||||||
|
arguments: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-fs/view.html'
|
||||||
|
});
|
||||||
50
glances/outputs/static/js/components/plugin-fs/controller.js
Normal file
50
glances/outputs/static/js/components/plugin-fs/controller.js
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginFsController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
var _view = {};
|
||||||
|
|
||||||
|
vm.fileSystems = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['fs'];
|
||||||
|
_view = stats.view['fs'];
|
||||||
|
|
||||||
|
vm.fileSystems = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var fsData = data[i];
|
||||||
|
|
||||||
|
var shortMountPoint = fsData['mnt_point'];
|
||||||
|
if (shortMountPoint.length > 9) {
|
||||||
|
shortMountPoint = '_' + fsData['mnt_point'].slice(-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.fileSystems.push(fs = {
|
||||||
|
'name': fsData['device_name'],
|
||||||
|
'mountPoint': fsData['mnt_point'],
|
||||||
|
'shortMountPoint': shortMountPoint,
|
||||||
|
'percent': fsData['percent'],
|
||||||
|
'size': fsData['size'],
|
||||||
|
'used': fsData['used'],
|
||||||
|
'free': fsData['free']
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.fileSystems = $filter('orderBy')(vm.fileSystems,'mnt_point');
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getDecoration = function(mountPoint, field) {
|
||||||
|
if(_view[mountPoint][field] == undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
return _view[mountPoint][field].decoration.toLowerCase();
|
||||||
|
};
|
||||||
|
}
|
||||||
18
glances/outputs/static/js/components/plugin-fs/view.html
Normal file
18
glances/outputs/static/js/components/plugin-fs/view.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<section id="fs" class="plugin table-row-group">
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left title">FILE SYS</div>
|
||||||
|
<div class="table-cell">
|
||||||
|
<span ng-show="!vm.arguments.fs_free_space">Used</span>
|
||||||
|
<span ng-show="vm.arguments.fs_free_space">Free</span>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell">Total</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-row" ng-repeat="fs in vm.fileSystems">
|
||||||
|
<div class="table-cell text-left">{{ fs.shortMountPoint }} <span class="visible-lg-inline" ng-show="fs.name.length <= 20">({{ fs.name }})<span></div>
|
||||||
|
<div class="table-cell" ng-class="vm.getDecoration(fs.mountPoint, 'used')">
|
||||||
|
<span ng-show="!vm.arguments.fs_free_space">{{ fs.used | bytes }}</span>
|
||||||
|
<span ng-show="vm.arguments.fs_free_space">{{ fs.free | bytes }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell">{{ fs.size | bytes }}</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -22,5 +22,7 @@ function GlancesPluginIpController() {
|
|||||||
vm.mask = data.mask;
|
vm.mask = data.mask;
|
||||||
vm.maskCidr = data.mask_cidr;
|
vm.maskCidr = data.mask_cidr;
|
||||||
vm.publicAddress = data.public_address
|
vm.publicAddress = data.public_address
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,6 +22,8 @@ function GlancesPluginLoadController() {
|
|||||||
vm.min1 = data['min1'];
|
vm.min1 = data['min1'];
|
||||||
vm.min5 = data['min5'];
|
vm.min5 = data['min5'];
|
||||||
vm.min15 = data['min15'];
|
vm.min15 = data['min15'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function(value) {
|
this.getDecoration = function(value) {
|
||||||
|
|||||||
@ -20,5 +20,7 @@ function GlancesPluginMemMoreController() {
|
|||||||
vm.inactive = data['inactive'];
|
vm.inactive = data['inactive'];
|
||||||
vm.buffers = data['buffers'];
|
vm.buffers = data['buffers'];
|
||||||
vm.cached = data['cached'];
|
vm.cached = data['cached'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,6 +22,8 @@ function GlancesPluginMemController() {
|
|||||||
vm.total = data['total'];
|
vm.total = data['total'];
|
||||||
vm.used = data['used'];
|
vm.used = data['used'];
|
||||||
vm.free = data['free'];
|
vm.free = data['free'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function (value) {
|
this.getDecoration = function (value) {
|
||||||
|
|||||||
@ -0,0 +1,10 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginMemswap', {
|
||||||
|
controller: GlancesPluginMemswapController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-memswap/view.html'
|
||||||
|
});
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginMemswapController() {
|
||||||
|
var vm = this;
|
||||||
|
var _view = {};
|
||||||
|
|
||||||
|
vm.percent = null;
|
||||||
|
vm.total = null;
|
||||||
|
vm.used = null;
|
||||||
|
vm.free = null;
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['memswap'];
|
||||||
|
_view = stats.view['memswap'];
|
||||||
|
|
||||||
|
vm.percent = data['percent'];
|
||||||
|
vm.total = data['total'];
|
||||||
|
vm.used = data['used'];
|
||||||
|
vm.free = data['free'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.getDecoration = function (value) {
|
||||||
|
if (_view[value] === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
return _view[value].decoration.toLowerCase();
|
||||||
|
};
|
||||||
|
}
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
<section id="memswap" class="plugin">
|
||||||
|
<div class="table">
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left title">SWAP</div>
|
||||||
|
<div class="table-cell">{{ vm.percent }}%</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left">total:</div>
|
||||||
|
<div class="table-cell">{{ vm.total | bytes }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left">used:</div>
|
||||||
|
<div class="table-cell" ng-class="vm.getDecoration('used')">
|
||||||
|
{{ vm.used | bytes }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left">free:</div>
|
||||||
|
<div class="table-cell">{{ vm.free | bytes }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -32,5 +32,7 @@ function GlancesPluginNetworkController($filter) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
vm.networks = $filter('orderBy')(vm.networks, 'interfaceName');
|
vm.networks = $filter('orderBy')(vm.networks, 'interfaceName');
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@ -26,6 +26,8 @@ function GlancesPluginPercpuController(GlancesPluginHelper) {
|
|||||||
'steal': cpuData.steal
|
'steal': cpuData.steal
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
vm.getUserAlert = function(cpu) {
|
vm.getUserAlert = function(cpu) {
|
||||||
|
|||||||
@ -0,0 +1,10 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginPorts', {
|
||||||
|
controller: GlancesPluginPortsController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-ports/view.html'
|
||||||
|
});
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginPortsController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
|
||||||
|
vm.ports = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['ports'];
|
||||||
|
|
||||||
|
vm.ports = [];
|
||||||
|
angular.forEach(ports, function(port) {
|
||||||
|
vm.ports.push(port);
|
||||||
|
}, this);
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getDecoration = function(port) {
|
||||||
|
if (port.status === null) {
|
||||||
|
return 'careful';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (port.status === false) {
|
||||||
|
return 'critical';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (port.rtt_warning !== null && port.status > port.rtt_warning) {
|
||||||
|
return 'warning';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'ok';
|
||||||
|
};
|
||||||
|
}
|
||||||
12
glances/outputs/static/js/components/plugin-ports/view.html
Normal file
12
glances/outputs/static/js/components/plugin-ports/view.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<section id="ports" class="plugin table-row-group">
|
||||||
|
<div class="table-row" ng-repeat="port in vm.ports">
|
||||||
|
<div class="table-cell text-left">{{(port.description ? port.description : port.host + ' ' + port.port) | min_size: 20}}</div>
|
||||||
|
<div class="table-cell"></div>
|
||||||
|
<div ng-switch="port.status" ng-class="vm.getDecoration(port)" class="table-cell">
|
||||||
|
<span ng-switch-when="null">Scanning</span>
|
||||||
|
<span ng-switch-when="false">Timeout</span>
|
||||||
|
<span ng-switch-when="true">Open</span>
|
||||||
|
<span ng-switch-default>{{port.status * 1000.0 | number:0}}ms</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginProcesscount', {
|
||||||
|
controller: GlancesPluginProcesscountController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-processcount/view.html'
|
||||||
|
});
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginProcesscountController() {
|
||||||
|
var vm = this;
|
||||||
|
|
||||||
|
vm.total = null;
|
||||||
|
vm.running = null;
|
||||||
|
vm.sleeping = null;
|
||||||
|
vm.stopped = null;
|
||||||
|
vm.thread = null;
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['processcount'];
|
||||||
|
|
||||||
|
vm.total = data['total'] || 0;
|
||||||
|
vm.running = data['running'] || 0;
|
||||||
|
vm.sleeping = data['sleeping'] || 0;
|
||||||
|
vm.stopped = data['stopped'] || 0;
|
||||||
|
vm.thread = data['thread'] || 0;
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
}
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
<section id="processcount" class="plugin">
|
||||||
|
<span class="title">TASKS</span>
|
||||||
|
<span>{{ vm.total }} ({{ vm.thread }} thr),</span>
|
||||||
|
<span>{{ vm.running }} run,</span>
|
||||||
|
<span>{{ vm.sleeping }} slp,</span>
|
||||||
|
<span>{{ vm.stopped }} oth</span>
|
||||||
|
<span> sorted {{ sorter.auto ? 'automatically' : '' }} by {{ sorter.getColumnLabel(sorter.column) }}, flat view</span>
|
||||||
|
</section>
|
||||||
@ -35,6 +35,8 @@ function GlancesPluginQuicklookController() {
|
|||||||
'total': cpu.total
|
'total': cpu.total
|
||||||
});
|
});
|
||||||
}, this);
|
}, this);
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function (value) {
|
this.getDecoration = function (value) {
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
function GlancesPluginSystemController() {
|
function GlancesPluginSystemController() {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
|
||||||
vm.hostname = null;
|
vm.hostname = null;
|
||||||
vm.platform = null;
|
vm.platform = null;
|
||||||
vm.humanReadableName = null;
|
vm.humanReadableName = null;
|
||||||
vm.os = {
|
vm.os = {
|
||||||
@ -12,17 +12,19 @@ function GlancesPluginSystemController() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
vm.$onChanges = function (changes) {
|
vm.$onChanges = function (changes) {
|
||||||
var stats = changes.stats.currentValue;
|
var stats = changes.stats.currentValue;
|
||||||
if (stats === undefined || stats.stats === undefined) {
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var data = stats.stats['system'];
|
var data = stats.stats['system'];
|
||||||
|
|
||||||
vm.hostname = data['hostname'];
|
vm.hostname = data['hostname'];
|
||||||
vm.platform = data['platform'];
|
vm.platform = data['platform'];
|
||||||
vm.os.name = data['os_name'];
|
vm.os.name = data['os_name'];
|
||||||
vm.os.version = data['os_version'];
|
vm.os.version = data['os_version'];
|
||||||
vm.humanReadableName = data['hr_name'];
|
vm.humanReadableName = data['hr_name'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,14 +3,14 @@
|
|||||||
function GlancesPluginUptimeController() {
|
function GlancesPluginUptimeController() {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
|
||||||
this.value = null
|
vm.value = null;
|
||||||
|
|
||||||
vm.$onChanges = function (changes) {
|
vm.$onChanges = function (changes) {
|
||||||
var stats = changes.stats.currentValue;
|
var stats = changes.stats.currentValue;
|
||||||
if (stats === undefined || stats.stats === undefined) {
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
vm.value = stats.stats['uptime'];
|
vm.value = stats.stats['uptime'];
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,10 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginWifi', {
|
||||||
|
controller: GlancesPluginWifiController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-wifi/view.html'
|
||||||
|
});
|
||||||
@ -0,0 +1,46 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginWifiController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
var _view = {};
|
||||||
|
|
||||||
|
vm.hotspots = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['wifi'];
|
||||||
|
_view = stats.view['wifi'];
|
||||||
|
|
||||||
|
vm.hotspots = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var hotspotData = data[i];
|
||||||
|
|
||||||
|
if (hotspotData['ssid'] === '') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.hotspots.push({
|
||||||
|
'ssid': hotspotData['ssid'],
|
||||||
|
'encrypted': hotspotData['encrypted'],
|
||||||
|
'signal': hotspotData['signal'],
|
||||||
|
'encryption_type': hotspotData['encryption_type']
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.hotspots = $filter('orderBy')(vm.hotspots, 'ssid');
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getDecoration = function(hotpost, field) {
|
||||||
|
if(_view[hotpost.ssid][field] == undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
return _view[hotpost.ssid][field].decoration.toLowerCase();
|
||||||
|
};
|
||||||
|
}
|
||||||
12
glances/outputs/static/js/components/plugin-wifi/view.html
Normal file
12
glances/outputs/static/js/components/plugin-wifi/view.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<section id="wifi" class="plugin table-row-group" ng-if="vm.hotspots.length > 0">
|
||||||
|
<div class="table-row">
|
||||||
|
<div class="table-cell text-left title">WIFI</div>
|
||||||
|
<div class="table-cell"></div>
|
||||||
|
<div class="table-cell">dBm</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-row" ng-repeat="hotspot in vm.hotspots">
|
||||||
|
<div class="table-cell text-left">{{ hotspot.ssid|limitTo:20 }} <span ng-if="hotspot.encrypted">{{ hotspot.encryption_type }}</span></div>
|
||||||
|
<div class="table-cell"></div>
|
||||||
|
<div class="table-cell" ng-class="vm.getDecoration(hotspot, 'signal')">{{ hotspot.signal }}</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -1,2 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
@ -1,5 +1,4 @@
|
|||||||
glancesApp.service('GlancesStats', function($http, $q, GlancesPluginHelper) {
|
glancesApp.service('GlancesStats', function($http, $q, GlancesPluginHelper) {
|
||||||
var _stats = [], _views = [], _limits = [], _config = {};
|
|
||||||
|
|
||||||
this.getData = function() {
|
this.getData = function() {
|
||||||
return $q.all([
|
return $q.all([
|
||||||
@ -15,24 +14,18 @@ glancesApp.service('GlancesStats', function($http, $q, GlancesPluginHelper) {
|
|||||||
|
|
||||||
this.getAllStats = function() {
|
this.getAllStats = function() {
|
||||||
return $http.get('/api/2/all').then(function (response) {
|
return $http.get('/api/2/all').then(function (response) {
|
||||||
_stats = response.data;
|
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getAllLimits = function() {
|
this.getAllLimits = function() {
|
||||||
return $http.get('/api/2/all/limits').then(function (response) {
|
return $http.get('/api/2/all/limits').then(function (response) {
|
||||||
_limits = response.data;
|
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getAllViews = function() {
|
this.getAllViews = function() {
|
||||||
return $http.get('/api/2/all/views').then(function (response) {
|
return $http.get('/api/2/all/views').then(function (response) {
|
||||||
_views = response.data;
|
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@ -45,9 +38,7 @@ glancesApp.service('GlancesStats', function($http, $q, GlancesPluginHelper) {
|
|||||||
|
|
||||||
this.getConfig = function() {
|
this.getConfig = function() {
|
||||||
return $http.get('/api/2/config').then(function (response) {
|
return $http.get('/api/2/config').then(function (response) {
|
||||||
_config = response.data;
|
return response.data;
|
||||||
|
|
||||||
return _config;
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -1,35 +0,0 @@
|
|||||||
var keycodes = {
|
|
||||||
'a' : '65',
|
|
||||||
'c' : '67',
|
|
||||||
'm' : '77',
|
|
||||||
'p' : '80',
|
|
||||||
'i' : '73',
|
|
||||||
't' : '84',
|
|
||||||
'u' : '85',
|
|
||||||
'd' : '68',
|
|
||||||
'f' : '70',
|
|
||||||
'n' : '78',
|
|
||||||
's' : '83',
|
|
||||||
'z' : '90',
|
|
||||||
'e' : '69',
|
|
||||||
'SLASH': '191',
|
|
||||||
'D' : '68',
|
|
||||||
'b' : '66',
|
|
||||||
'l' : '76',
|
|
||||||
'w' : '87',
|
|
||||||
'x' : '88',
|
|
||||||
'ONE': '49',
|
|
||||||
'TWO': '50',
|
|
||||||
'THREE': '51',
|
|
||||||
'FOUR': '52',
|
|
||||||
'FIVE': '53',
|
|
||||||
'SIX': '54',
|
|
||||||
'h' : '72',
|
|
||||||
'T' : '84',
|
|
||||||
'F' : '70',
|
|
||||||
'g' : '71',
|
|
||||||
'r' : '82',
|
|
||||||
'q' : '81',
|
|
||||||
'A' : '65',
|
|
||||||
'Q' : '81'
|
|
||||||
}
|
|
||||||
670
glances/outputs/static/public/js/main.min.js
vendored
670
glances/outputs/static/public/js/main.min.js
vendored
@ -186,45 +186,6 @@ glancesApp.filter('timedelta', ["$filter", function($filter) {
|
|||||||
}
|
}
|
||||||
}]);
|
}]);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var keycodes = {
|
|
||||||
'a' : '65',
|
|
||||||
'c' : '67',
|
|
||||||
'm' : '77',
|
|
||||||
'p' : '80',
|
|
||||||
'i' : '73',
|
|
||||||
't' : '84',
|
|
||||||
'u' : '85',
|
|
||||||
'd' : '68',
|
|
||||||
'f' : '70',
|
|
||||||
'n' : '78',
|
|
||||||
's' : '83',
|
|
||||||
'z' : '90',
|
|
||||||
'e' : '69',
|
|
||||||
'SLASH': '191',
|
|
||||||
'D' : '68',
|
|
||||||
'b' : '66',
|
|
||||||
'l' : '76',
|
|
||||||
'w' : '87',
|
|
||||||
'x' : '88',
|
|
||||||
'ONE': '49',
|
|
||||||
'TWO': '50',
|
|
||||||
'THREE': '51',
|
|
||||||
'FOUR': '52',
|
|
||||||
'FIVE': '53',
|
|
||||||
'SIX': '54',
|
|
||||||
'h' : '72',
|
|
||||||
'T' : '84',
|
|
||||||
'F' : '70',
|
|
||||||
'g' : '71',
|
|
||||||
'r' : '82',
|
|
||||||
'q' : '81',
|
|
||||||
'A' : '65',
|
|
||||||
'Q' : '81'
|
|
||||||
}
|
|
||||||
|
|
||||||
glancesApp.service('favicoService', function() {
|
glancesApp.service('favicoService', function() {
|
||||||
|
|
||||||
var favico = new Favico({
|
var favico = new Favico({
|
||||||
@ -284,7 +245,6 @@ glancesApp.service('GlancesPluginHelper', function () {
|
|||||||
});
|
});
|
||||||
|
|
||||||
glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", function($http, $q, GlancesPluginHelper) {
|
glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", function($http, $q, GlancesPluginHelper) {
|
||||||
var _stats = [], _views = [], _limits = [], _config = {};
|
|
||||||
|
|
||||||
this.getData = function() {
|
this.getData = function() {
|
||||||
return $q.all([
|
return $q.all([
|
||||||
@ -300,24 +260,18 @@ glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", functi
|
|||||||
|
|
||||||
this.getAllStats = function() {
|
this.getAllStats = function() {
|
||||||
return $http.get('/api/2/all').then(function (response) {
|
return $http.get('/api/2/all').then(function (response) {
|
||||||
_stats = response.data;
|
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getAllLimits = function() {
|
this.getAllLimits = function() {
|
||||||
return $http.get('/api/2/all/limits').then(function (response) {
|
return $http.get('/api/2/all/limits').then(function (response) {
|
||||||
_limits = response.data;
|
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getAllViews = function() {
|
this.getAllViews = function() {
|
||||||
return $http.get('/api/2/all/views').then(function (response) {
|
return $http.get('/api/2/all/views').then(function (response) {
|
||||||
_views = response.data;
|
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@ -330,9 +284,7 @@ glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", functi
|
|||||||
|
|
||||||
this.getConfig = function() {
|
this.getConfig = function() {
|
||||||
return $http.get('/api/2/config').then(function (response) {
|
return $http.get('/api/2/config').then(function (response) {
|
||||||
_config = response.data;
|
return response.data;
|
||||||
|
|
||||||
return _config;
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -350,6 +302,23 @@ glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", functi
|
|||||||
}]);
|
}]);
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesHelp', {
|
||||||
|
controller: GlancesHelpController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
help: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/help/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesHelpController() {
|
||||||
|
var vm = this;
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
glancesApp.component('glances', {
|
glancesApp.component('glances', {
|
||||||
controller: GlancesController,
|
controller: GlancesController,
|
||||||
bindings: {
|
bindings: {
|
||||||
@ -366,21 +335,6 @@ glancesApp.component('glances', {
|
|||||||
function GlancesController($interval, GlancesStats) {
|
function GlancesController($interval, GlancesStats) {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
|
||||||
vm.sorter = {
|
|
||||||
column: "cpu_percent",
|
|
||||||
auto: true,
|
|
||||||
isReverseColumn: function (column) {
|
|
||||||
return !(column == 'username' || column == 'name');
|
|
||||||
},
|
|
||||||
getColumnLabel: function (column) {
|
|
||||||
if (_.isEqual(column, ['io_read', 'io_write'])) {
|
|
||||||
return 'io_counters';
|
|
||||||
} else {
|
|
||||||
return column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
vm.dataLoaded = false;
|
vm.dataLoaded = false;
|
||||||
vm.stats = {};
|
vm.stats = {};
|
||||||
vm.refreshData = function () {
|
vm.refreshData = function () {
|
||||||
@ -404,167 +358,91 @@ function GlancesController($interval, GlancesStats) {
|
|||||||
$interval(function () {
|
$interval(function () {
|
||||||
vm.refreshData();
|
vm.refreshData();
|
||||||
}, refreshTime * 1000); // in milliseconds
|
}, refreshTime * 1000); // in milliseconds
|
||||||
|
|
||||||
vm.onKeyDown = function ($event) {
|
|
||||||
switch (true) {
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.a:
|
|
||||||
// a => Sort processes automatically
|
|
||||||
vm.sorter.column = "cpu_percent";
|
|
||||||
vm.sorter.auto = true;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.A:
|
|
||||||
// A => Enable/disable AMPs
|
|
||||||
vm.arguments.disable_amps = !vm.arguments.disable_amps;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.c:
|
|
||||||
// c => Sort processes by CPU%
|
|
||||||
vm.sorter.column = "cpu_percent";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.m:
|
|
||||||
// m => Sort processes by MEM%
|
|
||||||
vm.sorter.column = "memory_percent";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.u:
|
|
||||||
// u => Sort processes by user
|
|
||||||
vm.sorter.column = "username";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.p:
|
|
||||||
// p => Sort processes by name
|
|
||||||
vm.sorter.column = "name";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.i:
|
|
||||||
// i => Sort processes by I/O rate
|
|
||||||
vm.sorter.column = ['io_read', 'io_write'];
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.t:
|
|
||||||
// t => Sort processes by time
|
|
||||||
vm.sorter.column = "timemillis";
|
|
||||||
vm.sorter.auto = false;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.d:
|
|
||||||
// d => Show/hide disk I/O stats
|
|
||||||
vm.arguments.disable_diskio = !vm.arguments.disable_diskio;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.Q:
|
|
||||||
// Q => Show/hide IRQ
|
|
||||||
vm.arguments.enable_irq = !vm.arguments.enable_irq;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.f:
|
|
||||||
// f => Show/hide filesystem stats
|
|
||||||
vm.arguments.disable_fs = !vm.arguments.disable_fs;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.n:
|
|
||||||
// n => Show/hide network stats
|
|
||||||
vm.arguments.disable_network = !vm.arguments.disable_network;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.s:
|
|
||||||
// s => Show/hide sensors stats
|
|
||||||
vm.arguments.disable_sensors = !vm.arguments.disable_sensors;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.TWO:
|
|
||||||
// 2 => Show/hide left sidebar
|
|
||||||
vm.arguments.disable_left_sidebar = !vm.arguments.disable_left_sidebar;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.z:
|
|
||||||
// z => Enable/disable processes stats
|
|
||||||
vm.arguments.disable_process = !vm.arguments.disable_process;
|
|
||||||
break;
|
|
||||||
case $event.keyCode == keycodes.SLASH:
|
|
||||||
// SLASH => Enable/disable short processes name
|
|
||||||
vm.arguments.process_short_name = !vm.arguments.process_short_name;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.D:
|
|
||||||
// D => Enable/disable Docker stats
|
|
||||||
vm.arguments.disable_docker = !vm.arguments.disable_docker;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.b:
|
|
||||||
// b => Bytes or bits for network I/O
|
|
||||||
vm.arguments.byte = !vm.arguments.byte;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.b:
|
|
||||||
// 'B' => Switch between bit/s and IO/s for Disk IO
|
|
||||||
vm.arguments.diskio_iops = !vm.arguments.diskio_iops;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.l:
|
|
||||||
// l => Show/hide alert logs
|
|
||||||
vm.arguments.disable_alert = !vm.arguments.disable_alert;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.ONE:
|
|
||||||
// 1 => Global CPU or per-CPU stats
|
|
||||||
vm.arguments.percpu = !vm.arguments.percpu;
|
|
||||||
break;
|
|
||||||
case !$event.shiftKey && $event.keyCode == keycodes.h:
|
|
||||||
// h => Show/hide this help screen
|
|
||||||
vm.arguments.help_tag = !vm.arguments.help_tag;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.T:
|
|
||||||
// T => View network I/O as combination
|
|
||||||
vm.arguments.network_sum = !vm.arguments.network_sum;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.u:
|
|
||||||
// U => View cumulative network I/O
|
|
||||||
vm.arguments.network_cumul = !vm.arguments.network_cumul;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.f:
|
|
||||||
// F => Show filesystem free space
|
|
||||||
vm.arguments.fs_free_space = !vm.arguments.fs_free_space;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.THREE:
|
|
||||||
// 3 => Enable/disable quick look plugin
|
|
||||||
vm.arguments.disable_quicklook = !vm.arguments.disable_quicklook;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.SIX:
|
|
||||||
// 6 => Enable/disable mean gpu
|
|
||||||
vm.arguments.meangpu = !vm.arguments.meangpu;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.g:
|
|
||||||
// G => Enable/disable gpu
|
|
||||||
vm.arguments.disable_gpu = !vm.arguments.disable_gpu;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.FIVE:
|
|
||||||
vm.arguments.disable_quicklook = !vm.arguments.disable_quicklook;
|
|
||||||
vm.arguments.disable_cpu = !vm.arguments.disable_cpu;
|
|
||||||
vm.arguments.disable_mem = !vm.arguments.disable_mem;
|
|
||||||
vm.arguments.disable_memswap = !vm.arguments.disable_memswap;
|
|
||||||
vm.arguments.disable_load = !vm.arguments.disable_load;
|
|
||||||
vm.arguments.disable_gpu = !vm.arguments.disable_gpu;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.i:
|
|
||||||
// I => Show/hide IP module
|
|
||||||
vm.arguments.disable_ip = !vm.arguments.disable_ip;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.p:
|
|
||||||
// I => Enable/disable ports module
|
|
||||||
vm.arguments.disable_ports = !vm.arguments.disable_ports;
|
|
||||||
break;
|
|
||||||
case $event.shiftKey && $event.keyCode == keycodes.w:
|
|
||||||
// 'W' > Enable/Disable Wifi plugin
|
|
||||||
vm.arguments.disable_wifi = !vm.arguments.disable_wifi;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
glancesApp.component('glancesHelp', {
|
glancesApp.component('glancesPluginAlert', {
|
||||||
controller: GlancesHelpController,
|
controller: GlancesPluginAlertController,
|
||||||
controllerAs: 'vm',
|
controllerAs: 'vm',
|
||||||
bindings: {
|
bindings: {
|
||||||
help: '<',
|
stats: '<'
|
||||||
},
|
},
|
||||||
templateUrl: 'components/help/view.html'
|
templateUrl: 'components/plugin-alert/view.html'
|
||||||
});
|
});
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
function GlancesHelpController() {
|
function GlancesPluginAlertController(favicoService) {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
var _alerts = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['alert'];
|
||||||
|
_alerts = [];
|
||||||
|
|
||||||
|
if(!_.isArray(data)) {
|
||||||
|
data = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var alertData = data[i];
|
||||||
|
var alert = {};
|
||||||
|
|
||||||
|
alert.name = alertData[3];
|
||||||
|
alert.level = alertData[2];
|
||||||
|
alert.begin = alertData[0] * 1000;
|
||||||
|
alert.end = alertData[1] * 1000;
|
||||||
|
alert.ongoing = alertData[1] == -1;
|
||||||
|
alert.min = alertData[6];
|
||||||
|
alert.mean = alertData[5];
|
||||||
|
alert.max = alertData[4];
|
||||||
|
|
||||||
|
if (!alert.ongoing) {
|
||||||
|
var duration = alert.end - alert.begin;
|
||||||
|
var seconds = parseInt((duration / 1000) % 60)
|
||||||
|
, minutes = parseInt((duration / (1000 * 60)) % 60)
|
||||||
|
, hours = parseInt((duration / (1000 * 60 * 60)) % 24);
|
||||||
|
|
||||||
|
alert.duration = _.padStart(hours, 2, '0') + ":" + _.padStart(minutes, 2, '0') + ":" + _.padStart(seconds, 2, '0');
|
||||||
|
}
|
||||||
|
|
||||||
|
_alerts.push(alert);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (vm.hasOngoingAlerts()) {
|
||||||
|
favicoService.badge(vm.countOngoingAlerts());
|
||||||
|
} else {
|
||||||
|
favicoService.reset();
|
||||||
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.hasAlerts = function () {
|
||||||
|
return _alerts.length > 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getAlerts = function () {
|
||||||
|
return _alerts;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.count = function () {
|
||||||
|
return _alerts.length;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.hasOngoingAlerts = function () {
|
||||||
|
return _.filter(_alerts, { 'ongoing': true }).length > 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.countOngoingAlerts = function () {
|
||||||
|
return _.filter(_alerts, { 'ongoing': true }).length;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
@ -598,6 +476,8 @@ function GlancesPluginCloudController() {
|
|||||||
vm.provider = 'AWS EC2';
|
vm.provider = 'AWS EC2';
|
||||||
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -664,6 +544,8 @@ function GlancesPluginCpuController() {
|
|||||||
if (data.syscalls) {
|
if (data.syscalls) {
|
||||||
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function (value) {
|
this.getDecoration = function (value) {
|
||||||
@ -677,6 +559,121 @@ function GlancesPluginCpuController() {
|
|||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginDiskio', {
|
||||||
|
controller: GlancesPluginDiskioController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<',
|
||||||
|
arguments: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-diskio/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginDiskioController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
|
||||||
|
vm.disks = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['diskio'];
|
||||||
|
|
||||||
|
data = $filter('orderBy')(data,'disk_name');
|
||||||
|
|
||||||
|
vm.disks = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var diskioData = data[i];
|
||||||
|
var timeSinceUpdate = diskioData['time_since_update'];
|
||||||
|
|
||||||
|
vm.disks.push({
|
||||||
|
'name': diskioData['disk_name'],
|
||||||
|
'bitrate': {
|
||||||
|
'txps': $filter('bytes')(diskioData['read_bytes'] / timeSinceUpdate),
|
||||||
|
'rxps': $filter('bytes')(diskioData['write_bytes'] / timeSinceUpdate)
|
||||||
|
},
|
||||||
|
'count': {
|
||||||
|
'txps': $filter('bytes')(diskioData['read_count'] / timeSinceUpdate),
|
||||||
|
'rxps': $filter('bytes')(diskioData['write_count'] / timeSinceUpdate)
|
||||||
|
},
|
||||||
|
'alias': diskioData['alias'] !== undefined ? diskioData['alias'] : null
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginFs', {
|
||||||
|
controller: GlancesPluginFsController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<',
|
||||||
|
arguments: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-fs/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginFsController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
var _view = {};
|
||||||
|
|
||||||
|
vm.fileSystems = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['fs'];
|
||||||
|
_view = stats.view['fs'];
|
||||||
|
|
||||||
|
vm.fileSystems = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var fsData = data[i];
|
||||||
|
|
||||||
|
var shortMountPoint = fsData['mnt_point'];
|
||||||
|
if (shortMountPoint.length > 9) {
|
||||||
|
shortMountPoint = '_' + fsData['mnt_point'].slice(-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.fileSystems.push(fs = {
|
||||||
|
'name': fsData['device_name'],
|
||||||
|
'mountPoint': fsData['mnt_point'],
|
||||||
|
'shortMountPoint': shortMountPoint,
|
||||||
|
'percent': fsData['percent'],
|
||||||
|
'size': fsData['size'],
|
||||||
|
'used': fsData['used'],
|
||||||
|
'free': fsData['free']
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.fileSystems = $filter('orderBy')(vm.fileSystems,'mnt_point');
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getDecoration = function(mountPoint, field) {
|
||||||
|
if(_view[mountPoint][field] == undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
return _view[mountPoint][field].decoration.toLowerCase();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
glancesApp.component('glancesPluginIp', {
|
glancesApp.component('glancesPluginIp', {
|
||||||
controller: GlancesPluginIpController,
|
controller: GlancesPluginIpController,
|
||||||
controllerAs: 'vm',
|
controllerAs: 'vm',
|
||||||
@ -711,6 +708,8 @@ function GlancesPluginIpController() {
|
|||||||
vm.mask = data.mask;
|
vm.mask = data.mask;
|
||||||
vm.maskCidr = data.mask_cidr;
|
vm.maskCidr = data.mask_cidr;
|
||||||
vm.publicAddress = data.public_address
|
vm.publicAddress = data.public_address
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -749,6 +748,8 @@ function GlancesPluginLoadController() {
|
|||||||
vm.min1 = data['min1'];
|
vm.min1 = data['min1'];
|
||||||
vm.min5 = data['min5'];
|
vm.min5 = data['min5'];
|
||||||
vm.min15 = data['min15'];
|
vm.min15 = data['min15'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function(value) {
|
this.getDecoration = function(value) {
|
||||||
@ -795,6 +796,8 @@ function GlancesPluginMemController() {
|
|||||||
vm.total = data['total'];
|
vm.total = data['total'];
|
||||||
vm.used = data['used'];
|
vm.used = data['used'];
|
||||||
vm.free = data['free'];
|
vm.free = data['free'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function (value) {
|
this.getDecoration = function (value) {
|
||||||
@ -839,6 +842,56 @@ function GlancesPluginMemMoreController() {
|
|||||||
vm.inactive = data['inactive'];
|
vm.inactive = data['inactive'];
|
||||||
vm.buffers = data['buffers'];
|
vm.buffers = data['buffers'];
|
||||||
vm.cached = data['cached'];
|
vm.cached = data['cached'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginMemswap', {
|
||||||
|
controller: GlancesPluginMemswapController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-memswap/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginMemswapController() {
|
||||||
|
var vm = this;
|
||||||
|
var _view = {};
|
||||||
|
|
||||||
|
vm.percent = null;
|
||||||
|
vm.total = null;
|
||||||
|
vm.used = null;
|
||||||
|
vm.free = null;
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['memswap'];
|
||||||
|
_view = stats.view['memswap'];
|
||||||
|
|
||||||
|
vm.percent = data['percent'];
|
||||||
|
vm.total = data['total'];
|
||||||
|
vm.used = data['used'];
|
||||||
|
vm.free = data['free'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.getDecoration = function (value) {
|
||||||
|
if (_view[value] === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
return _view[value].decoration.toLowerCase();
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -888,6 +941,8 @@ function GlancesPluginNetworkController($filter) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
vm.networks = $filter('orderBy')(vm.networks, 'interfaceName');
|
vm.networks = $filter('orderBy')(vm.networks, 'interfaceName');
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -930,6 +985,8 @@ function GlancesPluginPercpuController(GlancesPluginHelper) {
|
|||||||
'steal': cpuData.steal
|
'steal': cpuData.steal
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
vm.getUserAlert = function(cpu) {
|
vm.getUserAlert = function(cpu) {
|
||||||
@ -943,6 +1000,97 @@ function GlancesPluginPercpuController(GlancesPluginHelper) {
|
|||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginPorts', {
|
||||||
|
controller: GlancesPluginPortsController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-ports/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginPortsController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
|
||||||
|
vm.ports = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['ports'];
|
||||||
|
|
||||||
|
vm.ports = [];
|
||||||
|
angular.forEach(ports, function(port) {
|
||||||
|
vm.ports.push(port);
|
||||||
|
}, this);
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getDecoration = function(port) {
|
||||||
|
if (port.status === null) {
|
||||||
|
return 'careful';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (port.status === false) {
|
||||||
|
return 'critical';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (port.rtt_warning !== null && port.status > port.rtt_warning) {
|
||||||
|
return 'warning';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'ok';
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginProcesscount', {
|
||||||
|
controller: GlancesPluginProcesscountController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-processcount/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginProcesscountController() {
|
||||||
|
var vm = this;
|
||||||
|
|
||||||
|
vm.total = null;
|
||||||
|
vm.running = null;
|
||||||
|
vm.sleeping = null;
|
||||||
|
vm.stopped = null;
|
||||||
|
vm.thread = null;
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['processcount'];
|
||||||
|
|
||||||
|
vm.total = data['total'] || 0;
|
||||||
|
vm.running = data['running'] || 0;
|
||||||
|
vm.sleeping = data['sleeping'] || 0;
|
||||||
|
vm.stopped = data['stopped'] || 0;
|
||||||
|
vm.thread = data['thread'] || 0;
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
glancesApp.component('glancesPluginQuicklook', {
|
glancesApp.component('glancesPluginQuicklook', {
|
||||||
controller: GlancesPluginQuicklookController,
|
controller: GlancesPluginQuicklookController,
|
||||||
controllerAs: 'vm',
|
controllerAs: 'vm',
|
||||||
@ -990,6 +1138,8 @@ function GlancesPluginQuicklookController() {
|
|||||||
'total': cpu.total
|
'total': cpu.total
|
||||||
});
|
});
|
||||||
}, this);
|
}, this);
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.getDecoration = function (value) {
|
this.getDecoration = function (value) {
|
||||||
@ -1018,7 +1168,7 @@ glancesApp.component('glancesPluginSystem', {
|
|||||||
function GlancesPluginSystemController() {
|
function GlancesPluginSystemController() {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
|
||||||
vm.hostname = null;
|
vm.hostname = null;
|
||||||
vm.platform = null;
|
vm.platform = null;
|
||||||
vm.humanReadableName = null;
|
vm.humanReadableName = null;
|
||||||
vm.os = {
|
vm.os = {
|
||||||
@ -1027,18 +1177,20 @@ function GlancesPluginSystemController() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
vm.$onChanges = function (changes) {
|
vm.$onChanges = function (changes) {
|
||||||
var stats = changes.stats.currentValue;
|
var stats = changes.stats.currentValue;
|
||||||
if (stats === undefined || stats.stats === undefined) {
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var data = stats.stats['system'];
|
var data = stats.stats['system'];
|
||||||
|
|
||||||
vm.hostname = data['hostname'];
|
vm.hostname = data['hostname'];
|
||||||
vm.platform = data['platform'];
|
vm.platform = data['platform'];
|
||||||
vm.os.name = data['os_name'];
|
vm.os.name = data['os_name'];
|
||||||
vm.os.version = data['os_version'];
|
vm.os.version = data['os_version'];
|
||||||
vm.humanReadableName = data['hr_name'];
|
vm.humanReadableName = data['hr_name'];
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1058,15 +1210,73 @@ glancesApp.component('glancesPluginUptime', {
|
|||||||
function GlancesPluginUptimeController() {
|
function GlancesPluginUptimeController() {
|
||||||
var vm = this;
|
var vm = this;
|
||||||
|
|
||||||
this.value = null
|
vm.value = null;
|
||||||
|
|
||||||
vm.$onChanges = function (changes) {
|
vm.$onChanges = function (changes) {
|
||||||
var stats = changes.stats.currentValue;
|
var stats = changes.stats.currentValue;
|
||||||
if (stats === undefined || stats.stats === undefined) {
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
vm.value = stats.stats['uptime'];
|
vm.value = stats.stats['uptime'];
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
glancesApp.component('glancesPluginWifi', {
|
||||||
|
controller: GlancesPluginWifiController,
|
||||||
|
controllerAs: 'vm',
|
||||||
|
bindings: {
|
||||||
|
stats: '<'
|
||||||
|
},
|
||||||
|
templateUrl: 'components/plugin-wifi/view.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
function GlancesPluginWifiController($filter) {
|
||||||
|
var vm = this;
|
||||||
|
var _view = {};
|
||||||
|
|
||||||
|
vm.hotspots = [];
|
||||||
|
|
||||||
|
vm.$onChanges = function (changes) {
|
||||||
|
var stats = changes.stats.currentValue;
|
||||||
|
if (stats === undefined || stats.stats === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = stats.stats['wifi'];
|
||||||
|
_view = stats.view['wifi'];
|
||||||
|
|
||||||
|
vm.hotspots = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var hotspotData = data[i];
|
||||||
|
|
||||||
|
if (hotspotData['ssid'] === '') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.hotspots.push({
|
||||||
|
'ssid': hotspotData['ssid'],
|
||||||
|
'encrypted': hotspotData['encrypted'],
|
||||||
|
'signal': hotspotData['signal'],
|
||||||
|
'encryption_type': hotspotData['encryption_type']
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
vm.hotspots = $filter('orderBy')(vm.hotspots, 'ssid');
|
||||||
|
|
||||||
|
data = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
vm.getDecoration = function(hotpost, field) {
|
||||||
|
if(_view[hotpost.ssid][field] == undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
return _view[hotpost.ssid][field].decoration.toLowerCase();
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user