mirror of
https://github.com/nicolargo/glances.git
synced 2025-01-03 15:15:02 +03:00
WebUi : Create components for help / cpu and cloud
This commit is contained in:
Floran Brutel
parent
014a653417
commit
e4324eb84c
@ -1,76 +0,0 @@
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-24">{{help.version}} {{help.psutil_version}}</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-24">{{help.configuration_file}}</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_auto}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_network}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_cpu}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_alert}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_mem}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.percpu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_user}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_ip}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_proc}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_docker}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_io}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.view_network_io_combination}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_cpu_times}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.view_cumulative_network}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_diskio}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_filesytem_freespace}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_filesystem}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_help}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_network}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.diskio_iops}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_sensors}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_top_menu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_left_sidebar}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_amp}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_process_stats}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_irq}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_gpu}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_mean_gpu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_quick_look}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_short_processname}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_ports}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
@ -17,7 +17,7 @@
|
||||
<script type="text/javascript" src="js/templates.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body ng-view="" ng-keydown="onKeyDown($event)">
|
||||
<body ng-view="">
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
'use strict';
|
||||
|
||||
function GlancesController($interval, GlancesStats, favicoService) {
|
||||
function GlancesController($interval, GlancesStats) {
|
||||
var vm = this;
|
||||
|
||||
vm.sorter = {
|
||||
@ -22,6 +22,12 @@ function GlancesController($interval, GlancesStats, favicoService) {
|
||||
vm.stats = {};
|
||||
vm.refreshData = function () {
|
||||
GlancesStats.getData().then(function (data) {
|
||||
|
||||
data.isBsd = data.stats['system']['os_name'] === 'FreeBSD';
|
||||
data.isLinux = data.stats['system']['os_name'] === 'Linux';
|
||||
data.isMac = data.stats['system']['os_name'] === 'Darwin';
|
||||
data.isWindows = data.stats['system']['os_name'] === 'Windows';
|
||||
|
||||
vm.stats = data;
|
||||
vm.is_disconnected = false;
|
||||
vm.dataLoaded = true;
|
||||
@ -37,7 +43,6 @@ function GlancesController($interval, GlancesStats, favicoService) {
|
||||
}, refreshTime * 1000); // in milliseconds
|
||||
|
||||
vm.onKeyDown = function ($event) {
|
||||
|
||||
switch (true) {
|
||||
case !$event.shiftKey && $event.keyCode == keycodes.a:
|
||||
// a => Sort processes automatically
|
||||
|
||||
@ -1,66 +1,72 @@
|
||||
<div ng-show="!vm.dataLoaded" class="container-fluid" id="loading-page">
|
||||
<div class="glances-logo"></div>
|
||||
<div class="loader">Loading...</div>
|
||||
</div>
|
||||
<div ng-keydown="vm.onKeyDown($event)" tabindex="0">
|
||||
<div ng-show="!vm.dataLoaded" class="container-fluid" id="loading-page">
|
||||
<div class="glances-logo"></div>
|
||||
<div class="loader">Loading...</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="vm.arguments.help_tag" class="container-fluid" ng-include src="'help.html'"></div>
|
||||
<glances-help help="vm.help" ng-show="vm.arguments.help_tag"></glances-help>
|
||||
|
||||
<div ng-show="vm.dataLoaded && !vm.arguments.help_tag" class="container-fluid">
|
||||
<div class="top-plugin">
|
||||
<div class="row">
|
||||
<div class="col-sm-24">
|
||||
<div class="pull-left">
|
||||
<glances-plugin-system stats="vm.stats"></glances-plugin-system>
|
||||
</div>
|
||||
<div class="pull-left">
|
||||
<glances-plugin-ip stats="vm.stats" arguments="vm.arguments"></glances-plugin-ip>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<glances-plugin-uptime stats="vm.stats"></glances-plugin-uptime>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-24">
|
||||
<div class="pull-left">
|
||||
<glances-plugin-cloud stats="vm.stats"></glances-plugin-cloud>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="vm.dataLoaded && !vm.arguments.help_tag" class="container-fluid">
|
||||
<div class="top-plugin">
|
||||
<div class="row">
|
||||
<div class="col-sm-24">
|
||||
<div class="pull-left">
|
||||
<glances-plugin-system stats="vm.stats"></glances-plugin-system>
|
||||
</div>
|
||||
<div class="pull-left">
|
||||
<glances-plugin-ip stats="vm.stats" arguments="vm.arguments"></glances-plugin-ip>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<glances-plugin-uptime stats="vm.stats"></glances-plugin-uptime>
|
||||
<div class="hidden-xs hidden-sm hidden-md col-lg-6" ng-if="!arguments.disable_quicklook">
|
||||
<glances-plugin-quicklook></glances-plugin-quicklook>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && !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="!arguments.disable_cpu && arguments.percpu">
|
||||
<glances-plugin-per-cpu></glances-plugin-per-cpu>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3"
|
||||
ng-if="!arguments.disable_gpu && statsGpu.gpus.length > 0">
|
||||
<glances-plugin-gpu></glances-plugin-gpu>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_mem">
|
||||
<glances-plugin-mem></glances-plugin-mem>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3"
|
||||
ng-if="!arguments.disable_mem && !(!arguments.disable_gpu && statsGpu.gpus.length > 0)">
|
||||
<glances-plugin-mem-more></glances-plugin-mem-more>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_memswap">
|
||||
<glances-plugin-memswap></glances-plugin-memswap>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_load">
|
||||
<glances-plugin-load stats="vm.stats"></glances-plugin-load>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" ng-if="statsCloud.getProvider()">
|
||||
<div class="col-sm-24">
|
||||
<div class="pull-left">
|
||||
<glances-plugin-cloud></glances-plugin-cloud>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 sidebar" ng-show="!arguments.disable_left_sidebar">
|
||||
<div class="table">
|
||||
<glances-plugin-network></glances-plugin-network ng-show="!arguments.disable_network">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="hidden-xs hidden-sm hidden-md col-lg-6" ng-if="!arguments.disable_quicklook">
|
||||
<glances-plugin-quicklook></glances-plugin-quicklook>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && !arguments.percpu">
|
||||
<glances-plugin-cpu></glances-plugin-cpu>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && arguments.percpu">
|
||||
<glances-plugin-per-cpu></glances-plugin-per-cpu>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3" ng-if="!arguments.disable_gpu && statsGpu.gpus.length > 0">
|
||||
<glances-plugin-gpu></glances-plugin-gpu>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_mem">
|
||||
<glances-plugin-mem></glances-plugin-mem>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm col-md-4 col-lg-3" ng-if="!arguments.disable_mem && !(!arguments.disable_gpu && statsGpu.gpus.length > 0)">
|
||||
<glances-plugin-mem-more></glances-plugin-mem-more>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_memswap">
|
||||
<glances-plugin-memswap></glances-plugin-memswap>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_load">
|
||||
<glances-plugin-load stats="vm.stats"></glances-plugin-load>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 sidebar" ng-show="!arguments.disable_left_sidebar">
|
||||
<div class="table">
|
||||
<glances-plugin-network></glances-plugin-network ng-show="!arguments.disable_network">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-18">
|
||||
<div class="col-sm-18">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
10
glances/outputs/static/js/components/help/component.js
Normal file
10
glances/outputs/static/js/components/help/component.js
Normal file
@ -0,0 +1,10 @@
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesHelp', {
|
||||
controller: GlancesHelpController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
help: '<',
|
||||
},
|
||||
templateUrl: 'components/help/view.html'
|
||||
});
|
||||
5
glances/outputs/static/js/components/help/controller.js
Normal file
5
glances/outputs/static/js/components/help/controller.js
Normal file
@ -0,0 +1,5 @@
|
||||
'use strict';
|
||||
|
||||
function GlancesHelpController() {
|
||||
var vm = this;
|
||||
}
|
||||
79
glances/outputs/static/js/components/help/view.html
Normal file
79
glances/outputs/static/js/components/help/view.html
Normal file
@ -0,0 +1,79 @@
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-24">{{vm.help.version}} {{vm.help.psutil_version}}</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-24">{{vm.help.configuration_file}}</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_auto}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_network}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_cpu}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_alert}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_mem}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.percpu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_user}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_ip}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_proc}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_docker}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_io}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.view_network_io_combination}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.sort_cpu_times}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.view_cumulative_network}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_diskio}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_filesytem_freespace}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_filesystem}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_vm.help}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_network}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.diskio_iops}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_sensors}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_top_menu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_left_sidebar}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_amp}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_process_stats}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.show_hide_irq}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_gpu}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_mean_gpu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_quick_look}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_short_processname}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_ports}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -0,0 +1,10 @@
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginCloud', {
|
||||
controller: GlancesPluginCloudController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-cloud/view.html'
|
||||
});
|
||||
@ -0,0 +1,22 @@
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginCloudController() {
|
||||
var vm = this;
|
||||
|
||||
vm.provider = null;
|
||||
vm.instance = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['cloud'];
|
||||
|
||||
if (data['ami-id'] !== undefined) {
|
||||
vm.provider = 'AWS EC2';
|
||||
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
||||
}
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<section id="cloud">
|
||||
<span class="title">{{ vm.provider }}</span> {{ vm.instance }}
|
||||
</section>
|
||||
10
glances/outputs/static/js/components/plugin-cpu/component.js
Normal file
10
glances/outputs/static/js/components/plugin-cpu/component.js
Normal file
@ -0,0 +1,10 @@
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginCpu', {
|
||||
controller: GlancesPluginCpuController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-cpu/view.html'
|
||||
});
|
||||
@ -0,0 +1,62 @@
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginCpuController() {
|
||||
var vm = this;
|
||||
var _view = {};
|
||||
|
||||
vm.total = null;
|
||||
vm.user = null;
|
||||
vm.system = null;
|
||||
vm.idle = null;
|
||||
vm.nice = null;
|
||||
vm.irq = null;
|
||||
vm.iowait = null;
|
||||
vm.steal = null;
|
||||
vm.ctx_switches = null;
|
||||
vm.interrupts = null;
|
||||
vm.soft_interrupts = null;
|
||||
vm.syscalls = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['cpu'];
|
||||
_view = stats.view['cpu'];
|
||||
|
||||
vm.total = data.total;
|
||||
vm.user = data.user;
|
||||
vm.system = data.system;
|
||||
vm.idle = data.idle;
|
||||
vm.nice = data.nice;
|
||||
vm.irq = data.irq;
|
||||
vm.iowait = data.iowait;
|
||||
vm.steal = data.steal;
|
||||
|
||||
if (data.ctx_switches) {
|
||||
vm.ctx_switches = Math.floor(data.ctx_switches / data.time_since_update);
|
||||
}
|
||||
|
||||
if (data.interrupts) {
|
||||
vm.interrupts = Math.floor(data.interrupts / data.time_since_update);
|
||||
}
|
||||
|
||||
if (data.soft_interrupts) {
|
||||
vm.soft_interrupts = Math.floor(data.soft_interrupts / data.time_since_update);
|
||||
}
|
||||
|
||||
if (data.syscalls) {
|
||||
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
||||
}
|
||||
};
|
||||
|
||||
this.getDecoration = function (value) {
|
||||
if (_view[value] === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
return _view[value].decoration.toLowerCase();
|
||||
};
|
||||
}
|
||||
84
glances/outputs/static/js/components/plugin-cpu/view.html
Normal file
84
glances/outputs/static/js/components/plugin-cpu/view.html
Normal file
@ -0,0 +1,84 @@
|
||||
<section id="cpu" class="plugin">
|
||||
<div class="row">
|
||||
<div class="col-sm-24 col-md-12 col-lg-8">
|
||||
<div class="table">
|
||||
<div class="table-row">
|
||||
<div class="table-cell text-left title">CPU</div>
|
||||
<div class="table-cell">{{ vm.total }}%</div>
|
||||
</div>
|
||||
<div class="table-row">
|
||||
<div class="table-cell text-left">user:</div>
|
||||
<div class="table-cell" ng-class="vm.getDecoration('user')">
|
||||
{{ vm.user }}%
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row">
|
||||
<div class="table-cell text-left">system:</div>
|
||||
<div class="table-cell" ng-class="vm.getDecoration('system')">
|
||||
{{ vm.system }}%
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row">
|
||||
<div class="table-cell text-left">idle:</div>
|
||||
<div class="table-cell">{{ vm.idle }}%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm col-md-12 col-lg-8">
|
||||
<div class="table">
|
||||
<div class="table-row">
|
||||
<div class="table-cell text-left">nice:</div>
|
||||
<div class="table-cell">
|
||||
{{ vm.nice }}%
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row" ng-show="vm.irq != undefined">
|
||||
<div class="table-cell text-left">irq:</div>
|
||||
<div class="table-cell">
|
||||
{{ vm.irq }}%
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row" ng-show="vm.iowait != undefined">
|
||||
<div class="table-cell text-left">iowait:</div>
|
||||
<div class="table-cell" ng-class="vm.getDecoration('iowait')">
|
||||
{{ vm.iowait }}%
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row" ng-show="vm.steal != undefined">
|
||||
<div class="table-cell text-left">steal:</div>
|
||||
<div class="table-cell" ng-class="vm.getDecoration('steal')">
|
||||
{{ vm.steal }}%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hidden-xs hidden-sm hidden-md col-lg-8">
|
||||
<div class="table">
|
||||
<div class="table-row" ng-if="vm.ctx_switches">
|
||||
<div class="table-cell text-left">ctx_sw:</div>
|
||||
<div class="table-cell" ng-class="vm.getDecoration('ctx_switches')">
|
||||
{{ vm.ctx_switches }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row" ng-if="vm.interrupts">
|
||||
<div class="table-cell text-left">inter:</div>
|
||||
<div class="table-cell">
|
||||
{{ vm.interrupts }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row" ng-if="vm.soft_interrupts">
|
||||
<div class="table-cell text-left">sw_int:</div>
|
||||
<div class="table-cell">
|
||||
{{ vm.soft_interrupts }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-row" ng-if="!statsSystem.isLinux() && vm.syscalls">
|
||||
<div class="table-cell text-left">syscal:</div>
|
||||
<div class="table-cell">
|
||||
{{ vm.syscalls }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -4,7 +4,7 @@ glancesApp.component('glancesPluginIp', {
|
||||
controller: GlancesPluginIpController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-ip/view.html'
|
||||
});
|
||||
|
||||
@ -4,7 +4,7 @@ glancesApp.component('glancesPluginLoad', {
|
||||
controller: GlancesPluginLoadController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-load/view.html'
|
||||
});
|
||||
|
||||
@ -4,10 +4,10 @@ function GlancesPluginLoadController() {
|
||||
var vm = this;
|
||||
var _view = {};
|
||||
|
||||
this.cpucore = null;
|
||||
this.min1 = null;
|
||||
this.min5 = null;
|
||||
this.min15 = null;
|
||||
vm.cpucore = null;
|
||||
vm.min1 = null;
|
||||
vm.min5 = null;
|
||||
vm.min15 = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
@ -25,7 +25,7 @@ function GlancesPluginLoadController() {
|
||||
};
|
||||
|
||||
this.getDecoration = function(value) {
|
||||
if(_view[value] == undefined) {
|
||||
if(_view[value] === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
@ -4,8 +4,8 @@ glancesApp.component('glancesPluginSystem', {
|
||||
controller: GlancesPluginSystemController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
isDisconnected: '<'
|
||||
stats: '<',
|
||||
isDisconnected: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-system/view.html'
|
||||
});
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
|
||||
function GlancesPluginSystemController() {
|
||||
var vm = this;
|
||||
var _pluginName = "system";
|
||||
|
||||
vm.hostname = null;
|
||||
vm.platform = null;
|
||||
@ -18,7 +17,7 @@ function GlancesPluginSystemController() {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats[_pluginName];
|
||||
var data = stats.stats['system'];
|
||||
|
||||
vm.hostname = data['hostname'];
|
||||
vm.platform = data['platform'];
|
||||
@ -26,20 +25,4 @@ function GlancesPluginSystemController() {
|
||||
vm.os.version = data['os_version'];
|
||||
vm.humanReadableName = data['hr_name'];
|
||||
};
|
||||
|
||||
vm.isBsd = function() {
|
||||
return this.os.name === 'FreeBSD';
|
||||
};
|
||||
|
||||
vm.isLinux = function() {
|
||||
return this.os.name === 'Linux';
|
||||
};
|
||||
|
||||
vm.isMac = function() {
|
||||
return this.os.name === 'Darwin';
|
||||
};
|
||||
|
||||
vm.isWindows = function() {
|
||||
return this.os.name === 'Windows';
|
||||
};
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<section id="system">
|
||||
<span ng-if="vm.isDisconnected" class="critical">Disconnected from</span>
|
||||
<span class="title">{{ vm.hostname }}</span>
|
||||
<span ng-show="vm.isLinux()" class="hidden-xs hidden-sm">({{ vm.humanReadableName }} / {{ vm.os.name }} {{ vm.os.version }})</span>
|
||||
<span ng-show="!vm.isLinux()" class="hidden-xs hidden-sm">({{ vm.os.name }} {{ vm.os.version }} {{ vm.platform }})</span>
|
||||
<span ng-show="vm.stats.isLinux" class="hidden-xs hidden-sm">({{ vm.humanReadableName }} / {{ vm.os.name }} {{ vm.os.version }})</span>
|
||||
<span ng-show="!vm.stats.isLinux" class="hidden-xs hidden-sm">({{ vm.os.name }} {{ vm.os.version }} {{ vm.platform }})</span>
|
||||
</section>
|
||||
|
||||
@ -4,7 +4,7 @@ glancesApp.component('glancesPluginUptime', {
|
||||
controller: GlancesPluginUptimeController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-uptime/view.html'
|
||||
});
|
||||
|
||||
76
glances/outputs/static/public/help.html
vendored
76
glances/outputs/static/public/help.html
vendored
@ -1,76 +0,0 @@
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-24">{{help.version}} {{help.psutil_version}}</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-24">{{help.configuration_file}}</div>
|
||||
</div>
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_auto}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_network}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_cpu}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_alert}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_mem}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.percpu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_user}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_ip}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_proc}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_docker}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_io}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.view_network_io_combination}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.sort_cpu_times}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.view_cumulative_network}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_diskio}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_filesytem_freespace}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_filesystem}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_help}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_network}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.diskio_iops}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_sensors}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_top_menu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_left_sidebar}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_amp}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_process_stats}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.show_hide_irq}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_gpu}}</div>
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_mean_gpu}}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_quick_look}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_short_processname}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-6">{{help.enable_disable_ports}}</div>
|
||||
<div class="col-sm-12 col-lg-6"></div>
|
||||
</div>
|
||||
2
glances/outputs/static/public/index.html
vendored
2
glances/outputs/static/public/index.html
vendored
@ -17,7 +17,7 @@
|
||||
<script type="text/javascript" src="js/templates.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body ng-view="" ng-keydown="onKeyDown($event)">
|
||||
<body ng-view="">
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
403
glances/outputs/static/public/js/main.min.js
vendored
403
glances/outputs/static/public/js/main.min.js
vendored
@ -300,148 +300,6 @@ var keycodes = {
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginIp', {
|
||||
controller: GlancesPluginIpController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
},
|
||||
templateUrl: 'components/plugin-ip/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginIpController() {
|
||||
var vm = this;
|
||||
|
||||
this.address = null;
|
||||
this.gateway = null;
|
||||
this.mask = null;
|
||||
this.maskCidr = null;
|
||||
this.publicAddress = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['ip'];
|
||||
|
||||
vm.address = data.address;
|
||||
vm.gateway = data.gateway;
|
||||
vm.mask = data.mask;
|
||||
vm.maskCidr = data.mask_cidr;
|
||||
vm.publicAddress = data.public_address
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginLoad', {
|
||||
controller: GlancesPluginLoadController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
},
|
||||
templateUrl: 'components/plugin-load/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginLoadController() {
|
||||
var vm = this;
|
||||
var _view = {};
|
||||
|
||||
this.cpucore = null;
|
||||
this.min1 = null;
|
||||
this.min5 = null;
|
||||
this.min15 = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['load'];
|
||||
_view = stats.view['load'];
|
||||
|
||||
vm.cpucore = data['cpucore'];
|
||||
vm.min1 = data['min1'];
|
||||
vm.min5 = data['min5'];
|
||||
vm.min15 = data['min15'];
|
||||
};
|
||||
|
||||
this.getDecoration = function(value) {
|
||||
if(_view[value] == undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
return _view[value].decoration.toLowerCase();
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginSystem', {
|
||||
controller: GlancesPluginSystemController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
isDisconnected: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-system/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginSystemController() {
|
||||
var vm = this;
|
||||
var _pluginName = "system";
|
||||
|
||||
vm.hostname = null;
|
||||
vm.platform = null;
|
||||
vm.humanReadableName = null;
|
||||
vm.os = {
|
||||
'name': null,
|
||||
'version': null
|
||||
};
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats[_pluginName];
|
||||
|
||||
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.isBsd = function() {
|
||||
return this.os.name === 'FreeBSD';
|
||||
};
|
||||
|
||||
vm.isLinux = function() {
|
||||
return this.os.name === 'Linux';
|
||||
};
|
||||
|
||||
vm.isMac = function() {
|
||||
return this.os.name === 'Darwin';
|
||||
};
|
||||
|
||||
vm.isWindows = function() {
|
||||
return this.os.name === 'Windows';
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glances', {
|
||||
controller: GlancesController,
|
||||
bindings: {
|
||||
@ -455,7 +313,7 @@ glancesApp.component('glances', {
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesController($interval, GlancesStats, favicoService) {
|
||||
function GlancesController($interval, GlancesStats) {
|
||||
var vm = this;
|
||||
|
||||
vm.sorter = {
|
||||
@ -477,6 +335,12 @@ function GlancesController($interval, GlancesStats, favicoService) {
|
||||
vm.stats = {};
|
||||
vm.refreshData = function () {
|
||||
GlancesStats.getData().then(function (data) {
|
||||
|
||||
data.isBsd = data.stats['system']['os_name'] === 'FreeBSD';
|
||||
data.isLinux = data.stats['system']['os_name'] === 'Linux';
|
||||
data.isMac = data.stats['system']['os_name'] === 'Darwin';
|
||||
data.isWindows = data.stats['system']['os_name'] === 'Windows';
|
||||
|
||||
vm.stats = data;
|
||||
vm.is_disconnected = false;
|
||||
vm.dataLoaded = true;
|
||||
@ -492,7 +356,6 @@ function GlancesController($interval, GlancesStats, favicoService) {
|
||||
}, refreshTime * 1000); // in milliseconds
|
||||
|
||||
vm.onKeyDown = function ($event) {
|
||||
|
||||
switch (true) {
|
||||
case !$event.shiftKey && $event.keyCode == keycodes.a:
|
||||
// a => Sort processes automatically
|
||||
@ -639,11 +502,261 @@ function GlancesController($interval, GlancesStats, favicoService) {
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginCloud', {
|
||||
controller: GlancesPluginCloudController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-cloud/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginCloudController() {
|
||||
var vm = this;
|
||||
|
||||
vm.provider = null;
|
||||
vm.instance = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['cloud'];
|
||||
|
||||
if (data['ami-id'] !== undefined) {
|
||||
vm.provider = 'AWS EC2';
|
||||
vm.instance = data['instance-type'] + ' instance ' + data['instance-id'] + ' (' + data['region'] + ')';
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
'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('glancesPluginCpu', {
|
||||
controller: GlancesPluginCpuController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-cpu/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginCpuController() {
|
||||
var vm = this;
|
||||
var _view = {};
|
||||
|
||||
vm.total = null;
|
||||
vm.user = null;
|
||||
vm.system = null;
|
||||
vm.idle = null;
|
||||
vm.nice = null;
|
||||
vm.irq = null;
|
||||
vm.iowait = null;
|
||||
vm.steal = null;
|
||||
vm.ctx_switches = null;
|
||||
vm.interrupts = null;
|
||||
vm.soft_interrupts = null;
|
||||
vm.syscalls = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['cpu'];
|
||||
_view = stats.view['cpu'];
|
||||
|
||||
vm.total = data.total;
|
||||
vm.user = data.user;
|
||||
vm.system = data.system;
|
||||
vm.idle = data.idle;
|
||||
vm.nice = data.nice;
|
||||
vm.irq = data.irq;
|
||||
vm.iowait = data.iowait;
|
||||
vm.steal = data.steal;
|
||||
|
||||
if (data.ctx_switches) {
|
||||
vm.ctx_switches = Math.floor(data.ctx_switches / data.time_since_update);
|
||||
}
|
||||
|
||||
if (data.interrupts) {
|
||||
vm.interrupts = Math.floor(data.interrupts / data.time_since_update);
|
||||
}
|
||||
|
||||
if (data.soft_interrupts) {
|
||||
vm.soft_interrupts = Math.floor(data.soft_interrupts / data.time_since_update);
|
||||
}
|
||||
|
||||
if (data.syscalls) {
|
||||
vm.syscalls = Math.floor(data.syscalls / data.time_since_update);
|
||||
}
|
||||
};
|
||||
|
||||
this.getDecoration = function (value) {
|
||||
if (_view[value] === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
return _view[value].decoration.toLowerCase();
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginLoad', {
|
||||
controller: GlancesPluginLoadController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-load/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginLoadController() {
|
||||
var vm = this;
|
||||
var _view = {};
|
||||
|
||||
vm.cpucore = null;
|
||||
vm.min1 = null;
|
||||
vm.min5 = null;
|
||||
vm.min15 = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['load'];
|
||||
_view = stats.view['load'];
|
||||
|
||||
vm.cpucore = data['cpucore'];
|
||||
vm.min1 = data['min1'];
|
||||
vm.min5 = data['min5'];
|
||||
vm.min15 = data['min15'];
|
||||
};
|
||||
|
||||
this.getDecoration = function(value) {
|
||||
if(_view[value] === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
return _view[value].decoration.toLowerCase();
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginSystem', {
|
||||
controller: GlancesPluginSystemController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
isDisconnected: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-system/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginSystemController() {
|
||||
var vm = this;
|
||||
|
||||
vm.hostname = null;
|
||||
vm.platform = null;
|
||||
vm.humanReadableName = null;
|
||||
vm.os = {
|
||||
'name': null,
|
||||
'version': null
|
||||
};
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
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'];
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginIp', {
|
||||
controller: GlancesPluginIpController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-ip/view.html'
|
||||
});
|
||||
|
||||
'use strict';
|
||||
|
||||
function GlancesPluginIpController() {
|
||||
var vm = this;
|
||||
|
||||
this.address = null;
|
||||
this.gateway = null;
|
||||
this.mask = null;
|
||||
this.maskCidr = null;
|
||||
this.publicAddress = null;
|
||||
|
||||
vm.$onChanges = function (changes) {
|
||||
var stats = changes.stats.currentValue;
|
||||
if (stats === undefined || stats.stats === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = stats.stats['ip'];
|
||||
|
||||
vm.address = data.address;
|
||||
vm.gateway = data.gateway;
|
||||
vm.mask = data.mask;
|
||||
vm.maskCidr = data.mask_cidr;
|
||||
vm.publicAddress = data.public_address
|
||||
};
|
||||
}
|
||||
|
||||
'use strict';
|
||||
|
||||
glancesApp.component('glancesPluginUptime', {
|
||||
controller: GlancesPluginUptimeController,
|
||||
controllerAs: 'vm',
|
||||
bindings: {
|
||||
stats: '<',
|
||||
stats: '<'
|
||||
},
|
||||
templateUrl: 'components/plugin-uptime/view.html'
|
||||
});
|
||||
|
||||
@ -1,5 +1,8 @@
|
||||
angular.module('glancesApp').run(['$templateCache', function($templateCache) {$templateCache.put('components/plugin-ip/view.html','<section id="ip" ng-if="vm.address != undefined && !vm.arguments.disable_ip">\n - <span class="title">IP</span> <span>{{ vm.address }}/{{ vm.maskCidr }}</span> <span ng-if="vm.publicAddress" class="title">Pub</span> <span>{{ vm.publicAddress }}</span>\n</section>\n');
|
||||
angular.module('glancesApp').run(['$templateCache', function($templateCache) {$templateCache.put('components/glances/view.html','<div ng-keydown="vm.onKeyDown($event)" tabindex="0">\n <div ng-show="!vm.dataLoaded" class="container-fluid" id="loading-page">\n <div class="glances-logo"></div>\n <div class="loader">Loading...</div>\n </div>\n\n <glances-help help="vm.help" ng-show="vm.arguments.help_tag"></glances-help>\n\n <div ng-show="vm.dataLoaded && !vm.arguments.help_tag" class="container-fluid">\n <div class="top-plugin">\n <div class="row">\n <div class="col-sm-24">\n <div class="pull-left">\n <glances-plugin-system stats="vm.stats"></glances-plugin-system>\n </div>\n <div class="pull-left">\n <glances-plugin-ip stats="vm.stats" arguments="vm.arguments"></glances-plugin-ip>\n </div>\n <div class="pull-right">\n <glances-plugin-uptime stats="vm.stats"></glances-plugin-uptime>\n </div>\n </div>\n <div class="row">\n <div class="col-sm-24">\n <div class="pull-left">\n <glances-plugin-cloud stats="vm.stats"></glances-plugin-cloud>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class="row">\n <div class="hidden-xs hidden-sm hidden-md col-lg-6" ng-if="!arguments.disable_quicklook">\n <glances-plugin-quicklook></glances-plugin-quicklook>\n </div>\n <div class="col-sm-6 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && !arguments.percpu">\n <glances-plugin-cpu stats="vm.stats"></glances-plugin-cpu>\n </div>\n <div class="col-sm-12 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && arguments.percpu">\n <glances-plugin-per-cpu></glances-plugin-per-cpu>\n </div>\n <div class="hidden-xs hidden-sm col-md-4 col-lg-3"\n ng-if="!arguments.disable_gpu && statsGpu.gpus.length > 0">\n <glances-plugin-gpu></glances-plugin-gpu>\n </div>\n <div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_mem">\n <glances-plugin-mem></glances-plugin-mem>\n </div>\n <div class="hidden-xs hidden-sm col-md-4 col-lg-3"\n ng-if="!arguments.disable_mem && !(!arguments.disable_gpu && statsGpu.gpus.length > 0)">\n <glances-plugin-mem-more></glances-plugin-mem-more>\n </div>\n <div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_memswap">\n <glances-plugin-memswap></glances-plugin-memswap>\n </div>\n <div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_load">\n <glances-plugin-load stats="vm.stats"></glances-plugin-load>\n </div>\n </div>\n <div class="row">\n <div class="col-sm-6 sidebar" ng-show="!arguments.disable_left_sidebar">\n <div class="table">\n <glances-plugin-network></glances-plugin-network ng-show="!arguments.disable_network">\n </div>\n </div>\n <div class="col-sm-18">\n\n </div>\n </div>\n </div>\n</div>\n');
|
||||
$templateCache.put('components/plugin-cloud/view.html','<section id="cloud">\n <span class="title">{{ vm.provider }}</span> {{ vm.instance }}\n</section>\n');
|
||||
$templateCache.put('components/help/view.html',' <div class="container-fluid">\n <div class="row">\n <div class="col-sm-12 col-lg-24">{{vm.help.version}} {{vm.help.psutil_version}}</div>\n </div>\n <div class="row"> </div>\n <div class="row">\n <div class="col-sm-12 col-lg-24">{{vm.help.configuration_file}}</div>\n </div>\n <div class="row"> </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_auto}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_network}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_cpu}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_alert}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_mem}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.percpu}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_user}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_ip}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_proc}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_docker}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_io}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.view_network_io_combination}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.sort_cpu_times}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.view_cumulative_network}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_diskio}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_filesytem_freespace}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_filesystem}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_vm.help}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_network}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.diskio_iops}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_sensors}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_top_menu}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_left_sidebar}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_amp}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_process_stats}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.show_hide_irq}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_gpu}}</div>\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_mean_gpu}}</div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_quick_look}}</div>\n <div class="col-sm-12 col-lg-6"></div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_short_processname}}</div>\n <div class="col-sm-12 col-lg-6"></div>\n </div>\n <div class="row">\n <div class="col-sm-12 col-lg-6">{{vm.help.enable_disable_ports}}</div>\n <div class="col-sm-12 col-lg-6"></div>\n </div>\n\n </div>\n');
|
||||
$templateCache.put('components/plugin-cpu/view.html','<section id="cpu" class="plugin">\n <div class="row">\n <div class="col-sm-24 col-md-12 col-lg-8">\n <div class="table">\n <div class="table-row">\n <div class="table-cell text-left title">CPU</div>\n <div class="table-cell">{{ vm.total }}%</div>\n </div>\n <div class="table-row">\n <div class="table-cell text-left">user:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'user\')">\n {{ vm.user }}%\n </div>\n </div>\n <div class="table-row">\n <div class="table-cell text-left">system:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'system\')">\n {{ vm.system }}%\n </div>\n </div>\n <div class="table-row">\n <div class="table-cell text-left">idle:</div>\n <div class="table-cell">{{ vm.idle }}%</div>\n </div>\n </div>\n </div>\n <div class="hidden-xs hidden-sm col-md-12 col-lg-8">\n <div class="table">\n <div class="table-row">\n <div class="table-cell text-left">nice:</div>\n <div class="table-cell">\n {{ vm.nice }}%\n </div>\n </div>\n <div class="table-row" ng-show="vm.irq != undefined">\n <div class="table-cell text-left">irq:</div>\n <div class="table-cell">\n {{ vm.irq }}%\n </div>\n </div>\n <div class="table-row" ng-show="vm.iowait != undefined">\n <div class="table-cell text-left">iowait:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'iowait\')">\n {{ vm.iowait }}%\n </div>\n </div>\n <div class="table-row" ng-show="vm.steal != undefined">\n <div class="table-cell text-left">steal:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'steal\')">\n {{ vm.steal }}%\n </div>\n </div>\n </div>\n </div>\n <div class="hidden-xs hidden-sm hidden-md col-lg-8">\n <div class="table">\n <div class="table-row" ng-if="vm.ctx_switches">\n <div class="table-cell text-left">ctx_sw:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'ctx_switches\')">\n {{ vm.ctx_switches }}\n </div>\n </div>\n <div class="table-row" ng-if="vm.interrupts">\n <div class="table-cell text-left">inter:</div>\n <div class="table-cell">\n {{ vm.interrupts }}\n </div>\n </div>\n <div class="table-row" ng-if="vm.soft_interrupts">\n <div class="table-cell text-left">sw_int:</div>\n <div class="table-cell">\n {{ vm.soft_interrupts }}\n </div>\n </div>\n <div class="table-row" ng-if="!statsSystem.isLinux() && vm.syscalls">\n <div class="table-cell text-left">syscal:</div>\n <div class="table-cell">\n {{ vm.syscalls }}\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n');
|
||||
$templateCache.put('components/plugin-load/view.html','<section id="load" class="plugin" ng-if="vm.cpucore != undefined">\n <div class="table">\n <div class="table-row">\n <div class="table-cell text-left title">LOAD</div>\n <div class="table-cell">{{ vm.cpucore }}-core</div>\n </div>\n <div class="table-row">\n <div class="table-cell text-left">1 min:</div>\n <div class="table-cell">\n {{ vm.min1 | number : 2}}\n </div>\n </div>\n <div class="table-row">\n <div class="table-cell text-left">5 min:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'min5\')">\n {{ vm.min5 | number : 2}}\n </div>\n </div>\n <div class="table-row">\n <div class="table-cell text-left">15 min:</div>\n <div class="table-cell" ng-class="vm.getDecoration(\'min15\')">\n {{ vm.min15 | number : 2}}\n </div>\n </div>\n </div>\n</section>\n');
|
||||
$templateCache.put('components/plugin-system/view.html','<section id="system">\n <span ng-if="vm.isDisconnected" class="critical">Disconnected from</span>\n <span class="title">{{ vm.hostname }}</span>\n <span ng-show="vm.isLinux()" class="hidden-xs hidden-sm">({{ vm.humanReadableName }} / {{ vm.os.name }} {{ vm.os.version }})</span>\n <span ng-show="!vm.isLinux()" class="hidden-xs hidden-sm">({{ vm.os.name }} {{ vm.os.version }} {{ vm.platform }})</span>\n</section>\n');
|
||||
$templateCache.put('components/glances/view.html','<div ng-show="!vm.dataLoaded" class="container-fluid" id="loading-page">\n <div class="glances-logo"></div>\n <div class="loader">Loading...</div>\n</div>\n\n<div ng-show="vm.arguments.help_tag" class="container-fluid" ng-include src="\'help.html\'"></div>\n\n<div ng-show="vm.dataLoaded && !vm.arguments.help_tag" class="container-fluid">\n <div class="top-plugin">\n <div class="row">\n <div class="col-sm-24">\n <div class="pull-left">\n <glances-plugin-system stats="vm.stats"></glances-plugin-system>\n </div>\n <div class="pull-left">\n <glances-plugin-ip stats="vm.stats" arguments="vm.arguments"></glances-plugin-ip>\n </div>\n <div class="pull-right">\n <glances-plugin-uptime stats="vm.stats"></glances-plugin-uptime>\n </div>\n </div>\n <div class="row" ng-if="statsCloud.getProvider()">\n <div class="col-sm-24">\n <div class="pull-left">\n <glances-plugin-cloud></glances-plugin-cloud>\n </div>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="hidden-xs hidden-sm hidden-md col-lg-6" ng-if="!arguments.disable_quicklook">\n <glances-plugin-quicklook></glances-plugin-quicklook>\n </div>\n <div class="col-sm-6 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && !arguments.percpu">\n <glances-plugin-cpu></glances-plugin-cpu>\n </div>\n <div class="col-sm-12 col-md-8 col-lg-6" ng-if="!arguments.disable_cpu && arguments.percpu">\n <glances-plugin-per-cpu></glances-plugin-per-cpu>\n </div>\n <div class="hidden-xs hidden-sm col-md-4 col-lg-3" ng-if="!arguments.disable_gpu && statsGpu.gpus.length > 0">\n <glances-plugin-gpu></glances-plugin-gpu>\n </div>\n <div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_mem">\n <glances-plugin-mem></glances-plugin-mem>\n </div>\n <div class="hidden-xs hidden-sm col-md-4 col-lg-3" ng-if="!arguments.disable_mem && !(!arguments.disable_gpu && statsGpu.gpus.length > 0)">\n <glances-plugin-mem-more></glances-plugin-mem-more>\n </div>\n <div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_memswap">\n <glances-plugin-memswap></glances-plugin-memswap>\n </div>\n <div class="col-sm-6 col-md-4 col-lg-3" ng-if="!arguments.disable_load">\n <glances-plugin-load stats="vm.stats"></glances-plugin-load>\n </div>\n </div>\n <div class="row">\n <div class="col-sm-6 sidebar" ng-show="!arguments.disable_left_sidebar">\n <div class="table">\n <glances-plugin-network></glances-plugin-network ng-show="!arguments.disable_network">\n </div>\n </div>\n <div class="col-sm-18">\n\n </div>\n </div>\n</div>\n');
|
||||
$templateCache.put('components/plugin-system/view.html','<section id="system">\n <span ng-if="vm.isDisconnected" class="critical">Disconnected from</span>\n <span class="title">{{ vm.hostname }}</span>\n <span ng-show="vm.stats.isLinux" class="hidden-xs hidden-sm">({{ vm.humanReadableName }} / {{ vm.os.name }} {{ vm.os.version }})</span>\n <span ng-show="!vm.stats.isLinux" class="hidden-xs hidden-sm">({{ vm.os.name }} {{ vm.os.version }} {{ vm.platform }})</span>\n</section>\n');
|
||||
$templateCache.put('components/plugin-ip/view.html','<section id="ip" ng-if="vm.address != undefined && !vm.arguments.disable_ip">\n - <span class="title">IP</span> <span>{{ vm.address }}/{{ vm.maskCidr }}</span> <span ng-if="vm.publicAddress" class="title">Pub</span> <span>{{ vm.publicAddress }}</span>\n</section>\n');
|
||||
$templateCache.put('components/plugin-uptime/view.html','<section id="uptime">\n <span>Uptime: {{ vm.value }}</span>\n</section>\n');}]);
|
||||
Loading…
Reference in New Issue
Block a user