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:
parent
98d7a0b18e
commit
f084bf5d4a
@ -3,21 +3,6 @@
|
||||
function GlancesController($interval, GlancesStats) {
|
||||
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.stats = {};
|
||||
vm.refreshData = function () {
|
||||
@ -41,148 +26,4 @@ function GlancesController($interval, GlancesStats) {
|
||||
$interval(function () {
|
||||
vm.refreshData();
|
||||
}, 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-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="loader">Loading...</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="row">
|
||||
<div class="col-sm-24">
|
||||
@ -31,17 +31,16 @@
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3"
|
||||
ng-if="!vm.argumentsdisable_gpu && statsGpu.gpus.length > 0">
|
||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3" ng-if="!vm.arguments.disable_gpu && statsGpu.gpus.length > 0">
|
||||
<glances-plugin-gpu stats="vm.stats"></glances-plugin-gpu>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!vm.argumentsdisable_mem">
|
||||
@ -59,13 +58,30 @@
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
<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 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>
|
||||
|
@ -4,7 +4,7 @@ glancesApp.component('glancesHelp', {
|
||||
controller: GlancesHelpController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
help: '<',
|
||||
help: '<'
|
||||
},
|
||||
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.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
||||
}
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
@ -50,6 +50,8 @@ function GlancesPluginCpuController() {
|
||||
if (data.syscalls) {
|
||||
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
||||
}
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
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.maskCidr = data.mask_cidr;
|
||||
vm.publicAddress = data.public_address
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
@ -22,6 +22,8 @@ function GlancesPluginLoadController() {
|
||||
vm.min1 = data['min1'];
|
||||
vm.min5 = data['min5'];
|
||||
vm.min15 = data['min15'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
this.getDecoration = function(value) {
|
||||
|
@ -20,5 +20,7 @@ function GlancesPluginMemMoreController() {
|
||||
vm.inactive = data['inactive'];
|
||||
vm.buffers = data['buffers'];
|
||||
vm.cached = data['cached'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
@ -22,6 +22,8 @@ function GlancesPluginMemController() {
|
||||
vm.total = data['total'];
|
||||
vm.used = data['used'];
|
||||
vm.free = data['free'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
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');
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
@ -26,6 +26,8 @@ function GlancesPluginPercpuController(GlancesPluginHelper) {
|
||||
'steal': cpuData.steal
|
||||
});
|
||||
}
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
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
|
||||
});
|
||||
}, this);
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
this.getDecoration = function (value) {
|
||||
|
@ -3,7 +3,7 @@
|
||||
function GlancesPluginSystemController() {
|
||||
var vm = this;
|
||||
|
||||
vm.hostname = null;
|
||||
vm.hostname = null;
|
||||
vm.platform = null;
|
||||
vm.humanReadableName = null;
|
||||
vm.os = {
|
||||
@ -12,17 +12,19 @@ function GlancesPluginSystemController() {
|
||||
};
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['system'];
|
||||
var data = stats.stats['system'];
|
||||
|
||||
vm.hostname = data['hostname'];
|
||||
vm.platform = data['platform'];
|
||||
vm.os.name = data['os_name'];
|
||||
vm.os.version = data['os_version'];
|
||||
vm.humanReadableName = data['hr_name'];
|
||||
vm.hostname = data['hostname'];
|
||||
vm.platform = data['platform'];
|
||||
vm.os.name = data['os_name'];
|
||||
vm.os.version = data['os_version'];
|
||||
vm.humanReadableName = data['hr_name'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
@ -3,14 +3,14 @@
|
||||
function GlancesPluginUptimeController() {
|
||||
var vm = this;
|
||||
|
||||
this.value = null
|
||||
vm.value = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
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) {
|
||||
var _stats = [], _views = [], _limits = [], _config = {};
|
||||
|
||||
this.getData = function() {
|
||||
return $q.all([
|
||||
@ -15,24 +14,18 @@ glancesApp.service('GlancesStats', function($http, $q, GlancesPluginHelper) {
|
||||
|
||||
this.getAllStats = function() {
|
||||
return $http.get('/api/2/all').then(function (response) {
|
||||
_stats = response.data;
|
||||
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
|
||||
this.getAllLimits = function() {
|
||||
return $http.get('/api/2/all/limits').then(function (response) {
|
||||
_limits = response.data;
|
||||
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
|
||||
this.getAllViews = function() {
|
||||
return $http.get('/api/2/all/views').then(function (response) {
|
||||
_views = response.data;
|
||||
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
@ -45,9 +38,7 @@ glancesApp.service('GlancesStats', function($http, $q, GlancesPluginHelper) {
|
||||
|
||||
this.getConfig = function() {
|
||||
return $http.get('/api/2/config').then(function (response) {
|
||||
_config = response.data;
|
||||
|
||||
return _config;
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
|
||||
|
@ -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() {
|
||||
|
||||
var favico = new Favico({
|
||||
@ -284,7 +245,6 @@ glancesApp.service('GlancesPluginHelper', function () {
|
||||
});
|
||||
|
||||
glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", function($http, $q, GlancesPluginHelper) {
|
||||
var _stats = [], _views = [], _limits = [], _config = {};
|
||||
|
||||
this.getData = function() {
|
||||
return $q.all([
|
||||
@ -300,24 +260,18 @@ glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", functi
|
||||
|
||||
this.getAllStats = function() {
|
||||
return $http.get('/api/2/all').then(function (response) {
|
||||
_stats = response.data;
|
||||
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
|
||||
this.getAllLimits = function() {
|
||||
return $http.get('/api/2/all/limits').then(function (response) {
|
||||
_limits = response.data;
|
||||
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
|
||||
this.getAllViews = function() {
|
||||
return $http.get('/api/2/all/views').then(function (response) {
|
||||
_views = response.data;
|
||||
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
@ -330,9 +284,7 @@ glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", functi
|
||||
|
||||
this.getConfig = function() {
|
||||
return $http.get('/api/2/config').then(function (response) {
|
||||
_config = response.data;
|
||||
|
||||
return _config;
|
||||
return response.data;
|
||||
});
|
||||
};
|
||||
|
||||
@ -350,6 +302,23 @@ glancesApp.service('GlancesStats', ["$http", "$q", "GlancesPluginHelper", functi
|
||||
}]);
|
||||
'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', {
|
||||
controller: GlancesController,
|
||||
bindings: {
|
||||
@ -366,21 +335,6 @@ glancesApp.component('glances', {
|
||||
function GlancesController($interval, GlancesStats) {
|
||||
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.stats = {};
|
||||
vm.refreshData = function () {
|
||||
@ -404,167 +358,91 @@ function GlancesController($interval, GlancesStats) {
|
||||
$interval(function () {
|
||||
vm.refreshData();
|
||||
}, 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';
|
||||
|
||||
glancesApp.component('glancesHelp', {
|
||||
controller: GlancesHelpController,
|
||||
glancesApp.component('glancesPluginAlert', {
|
||||
controller: GlancesPluginAlertController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
help: '<',
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/help/view.html'
|
||||
templateUrl: 'components/plugin-alert/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesHelpController() {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
'use strict';
|
||||
@ -598,6 +476,8 @@ function GlancesPluginCloudController() {
|
||||
vm.provider = 'AWS EC2';
|
||||
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
||||
}
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
||||
@ -664,6 +544,8 @@ function GlancesPluginCpuController() {
|
||||
if (data.syscalls) {
|
||||
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
||||
}
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
this.getDecoration = function (value) {
|
||||
@ -677,6 +559,121 @@ function GlancesPluginCpuController() {
|
||||
|
||||
'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', {
|
||||
controller: GlancesPluginIpController,
|
||||
controllerAs: 'vm',
|
||||
@ -711,6 +708,8 @@ function GlancesPluginIpController() {
|
||||
vm.mask = data.mask;
|
||||
vm.maskCidr = data.mask_cidr;
|
||||
vm.publicAddress = data.public_address
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
||||
@ -749,6 +748,8 @@ function GlancesPluginLoadController() {
|
||||
vm.min1 = data['min1'];
|
||||
vm.min5 = data['min5'];
|
||||
vm.min15 = data['min15'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
this.getDecoration = function(value) {
|
||||
@ -795,6 +796,8 @@ function GlancesPluginMemController() {
|
||||
vm.total = data['total'];
|
||||
vm.used = data['used'];
|
||||
vm.free = data['free'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
this.getDecoration = function (value) {
|
||||
@ -839,6 +842,56 @@ function GlancesPluginMemMoreController() {
|
||||
vm.inactive = data['inactive'];
|
||||
vm.buffers = data['buffers'];
|
||||
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');
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
||||
@ -930,6 +985,8 @@ function GlancesPluginPercpuController(GlancesPluginHelper) {
|
||||
'steal': cpuData.steal
|
||||
});
|
||||
}
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
vm.getUserAlert = function(cpu) {
|
||||
@ -943,6 +1000,97 @@ function GlancesPluginPercpuController(GlancesPluginHelper) {
|
||||
|
||||
'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', {
|
||||
controller: GlancesPluginQuicklookController,
|
||||
controllerAs: 'vm',
|
||||
@ -990,6 +1138,8 @@ function GlancesPluginQuicklookController() {
|
||||
'total': cpu.total
|
||||
});
|
||||
}, this);
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
|
||||
this.getDecoration = function (value) {
|
||||
@ -1018,7 +1168,7 @@ glancesApp.component('glancesPluginSystem', {
|
||||
function GlancesPluginSystemController() {
|
||||
var vm = this;
|
||||
|
||||
vm.hostname = null;
|
||||
vm.hostname = null;
|
||||
vm.platform = null;
|
||||
vm.humanReadableName = null;
|
||||
vm.os = {
|
||||
@ -1027,18 +1177,20 @@ function GlancesPluginSystemController() {
|
||||
};
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['system'];
|
||||
var data = stats.stats['system'];
|
||||
|
||||
vm.hostname = data['hostname'];
|
||||
vm.platform = data['platform'];
|
||||
vm.os.name = data['os_name'];
|
||||
vm.os.version = data['os_version'];
|
||||
vm.humanReadableName = data['hr_name'];
|
||||
vm.hostname = data['hostname'];
|
||||
vm.platform = data['platform'];
|
||||
vm.os.name = data['os_name'];
|
||||
vm.os.version = data['os_version'];
|
||||
vm.humanReadableName = data['hr_name'];
|
||||
|
||||
data = undefined;
|
||||
};
|
||||
}
|
||||
|
||||
@ -1058,15 +1210,73 @@ glancesApp.component('glancesPluginUptime', {
|
||||
function GlancesPluginUptimeController() {
|
||||
var vm = this;
|
||||
|
||||
this.value = null
|
||||
vm.value = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
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