diff options
Diffstat (limited to 'glances/outputs/static/js/components')
6 files changed, 71 insertions, 0 deletions
diff --git a/glances/outputs/static/js/components/glances/controller.js b/glances/outputs/static/js/components/glances/controller.js index 503fad25..f5b0aa17 100644 --- a/glances/outputs/static/js/components/glances/controller.js +++ b/glances/outputs/static/js/components/glances/controller.js @@ -45,6 +45,14 @@ export default function GlancesController($scope, GlancesStats, hotkeys, ARGUMEN } }); + // k => Show/hide connections stats + hotkeys.add({ + combo: 'k', + callback: function () { + ARGUMENTS.disable_connections = !ARGUMENTS.disable_connections; + } + }); + // n => Show/hide network stats hotkeys.add({ combo: 'n', diff --git a/glances/outputs/static/js/components/glances/view.html b/glances/outputs/static/js/components/glances/view.html index 0a52e83c..edbaa649 100644 --- a/glances/outputs/static/js/components/glances/view.html +++ b/glances/outputs/static/js/components/glances/view.html @@ -61,6 +61,7 @@ <div class="col-sm-6 sidebar" ng-if="!vm.arguments.disable_left_sidebar"> <div class="table"> <glances-plugin-network id="plugin-network" class="plugin table-row-group" ng-if="!vm.arguments.disable_network"></glances-plugin-network> + <glances-plugin-connections id="plugin-connections" class="plugin table-row-group" ng-if="!vm.arguments.disable_connections"></glances-plugin-connections> <glances-plugin-wifi id="plugin-wifi" class="plugin table-row-group" ng-if="!vm.arguments.disable_wifi"></glances-plugin-wifi> <glances-plugin-ports id="plugin-ports" class="plugin table-row-group" ng-if="!vm.arguments.disable_ports"></glances-plugin-ports> <glances-plugin-diskio id="plugin-diskio" class="plugin table-row-group" ng-if="!vm.arguments.disable_diskio"></glances-plugin-diskio> diff --git a/glances/outputs/static/js/components/index.js b/glances/outputs/static/js/components/index.js index e7c4752d..314a6216 100644 --- a/glances/outputs/static/js/components/index.js +++ b/glances/outputs/static/js/components/index.js @@ -6,6 +6,7 @@ import "./help/component"; import "./plugin-alert/component"; import "./plugin-amps/component"; import "./plugin-cloud/component"; +import "./plugin-connections/component"; import "./plugin-cpu/component"; import "./plugin-diskio/component"; import "./plugin-docker/component"; diff --git a/glances/outputs/static/js/components/plugin-connections/component.js b/glances/outputs/static/js/components/plugin-connections/component.js new file mode 100644 index 00000000..86c26bd3 --- /dev/null +++ b/glances/outputs/static/js/components/plugin-connections/component.js @@ -0,0 +1,11 @@ + +import angular from "angular"; + +import GlancesPluginConnectionsController from "./controller"; +import template from "./view.html"; + +export default angular.module("glancesApp").component("glancesPluginConnections", { + controller: GlancesPluginConnectionsController, + controllerAs: "vm", + templateUrl: template, +}); diff --git a/glances/outputs/static/js/components/plugin-connections/controller.js b/glances/outputs/static/js/components/plugin-connections/controller.js new file mode 100644 index 00000000..dc041f32 --- /dev/null +++ b/glances/outputs/static/js/components/plugin-connections/controller.js @@ -0,0 +1,40 @@ + +export default function GlancesPluginConnectionsController($scope, GlancesStats) { + var vm = this; + var _view = {}; + + vm.listen = null; + vm.initiated = null; + vm.established = null; + vm.terminated = null; + vm.tracked = null; + + vm.$onInit = function () { + loadData(GlancesStats.getData()); + }; + + $scope.$on('data_refreshed', function (event, data) { + loadData(data); + }); + + var loadData = function (data) { + var stats = data.stats['connections']; + _view = data.views['connections']; + + vm.isLinux = data.isLinux; + + vm.listen = stats.listen; + vm.initiated = stats.initiated; + vm.established = stats.established; + vm.terminated = stats.terminated; + //vm.tracked = null; + } + + vm.getDecoration = function (value) { + if (_view[value] === undefined) { + return; + } + + return _view[value].decoration.toLowerCase(); + }; +} diff --git a/glances/outputs/static/js/components/plugin-connections/view.html b/glances/outputs/static/js/components/plugin-connections/view.html new file mode 100644 index 00000000..a9399aa9 --- /dev/null +++ b/glances/outputs/static/js/components/plugin-connections/view.html @@ -0,0 +1,10 @@ +<div class="table-row" ng-if="vm.irqs.length > 0"> + <div class="table-cell text-left title">IRQ</div> + <div class="table-cell"></div> + <div class="table-cell">Rate/s</div> +</div> +<div class="table-row" ng-repeat="irq in vm.irqs"> + <div class="table-cell text-left">{{irq.irq_line}}</div> + <div class="table-cell"></div> + <div class="table-cell"><span>{{irq.irq_rate}}</span></div> +</div> |