Merge pull request #1907 from nicolargo/webui-network-name

[WebUI] Better truncate of network name

6 files changed, 75 insertions, 42 deletions

diff --git a/glances/outputs/static/js/components/plugin-fs/view.html b/glances/outputs/static/js/components/plugin-fs/view.html
index 46ce1cfa..0ca9bd3f 100644
--- a/glances/outputs/static/js/components/plugin-fs/view.html
+++ b/glances/outputs/static/js/components/plugin-fs/view.html
@@ -8,7 +8,7 @@
 </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>
+            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>
diff --git a/glances/outputs/static/js/components/plugin-network/controller.js b/glances/outputs/static/js/components/plugin-network/controller.js
index 1e2bba26..9165f1f0 100644
--- a/glances/outputs/static/js/components/plugin-network/controller.js
+++ b/glances/outputs/static/js/components/plugin-network/controller.js
@@ -18,9 +18,11 @@ export default function GlancesPluginNetworkController($scope, $filter, GlancesS
         vm.networks = [];
         for (var i = 0; i < networkStats.length; i++) {
             var networkData = networkStats[i];
+            var alias = networkData['alias'] !== undefined ? networkData['alias'] : null
 
             var network = {
                 'interfaceName': networkData['interface_name'],
+                'ifname': alias ? alias : networkData['interface_name'],
                 'rx': networkData['rx'],
                 'tx': networkData['tx'],
                 'cx': networkData['cx'],
@@ -28,7 +30,6 @@ export default function GlancesPluginNetworkController($scope, $filter, GlancesS
                 'cumulativeRx': networkData['cumulative_rx'],
                 'cumulativeTx': networkData['cumulative_tx'],
                 'cumulativeCx': networkData['cumulative_cx'],
-                'alias': networkData['alias'] !== undefined ? networkData['alias'] : null
             };
 
             vm.networks.push(network);
diff --git a/glances/outputs/static/js/components/plugin-network/view.html b/glances/outputs/static/js/components/plugin-network/view.html
index f81ffddc..0755f39f 100644
--- a/glances/outputs/static/js/components/plugin-network/view.html
+++ b/glances/outputs/static/js/components/plugin-network/view.html
@@ -13,7 +13,10 @@
     <div class="table-cell" ng-show="vm.arguments.network_cumul && vm.arguments.network_sum">Rx+Tx</div>
 </div>
 <div class="table-row" ng-repeat="network in vm.networks track by network.interfaceName">
-    <div class="table-cell text-left">{{ (network.alias ? network.alias : network.interfaceName) | min_size }}</div>
+    <div class="table-cell text-left">
+        <span class="visible-lg-inline">{{ network.ifname }}</span>
+        <span class="hidden-lg">{{ network.ifname | min_size }}</span>
+    </div>
     <div class="table-cell" ng-show="!vm.arguments.network_cumul && !vm.arguments.network_sum">{{ vm.arguments.byte ?
         (network.rx / network.time_since_update | bytes) : (network.rx / network.time_since_update | bits) }}
     </div>
diff --git a/glances/outputs/static/package-lock.json b/glances/outputs/static/package-lock.json
index de8661c8..670f8f80 100644
--- a/glances/outputs/static/package-lock.json
+++ b/glances/outputs/static/package-lock.json
@@ -433,6 +433,16 @@
       "dev": true,
       "optional": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "block-stream": {
       "version": "0.0.9",
       "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
@@ -712,7 +722,7 @@
     },
     "chalk": {
       "version": "1.1.3",
-      "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
       "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
       "dev": true,
       "requires": {
@@ -1900,6 +1910,13 @@
         }
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -1980,7 +1997,7 @@
       "dependencies": {
         "combined-stream": {
           "version": "1.0.6",
-          "resolved": "http://registry.npmjs.org/combined-stream/-/combined-stream-1.0.6.tgz",
+          "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.6.tgz",
           "integrity": "sha1-cj599ugBrFYTETp+RFqbactjKBg=",
           "dev": true,
           "requires": {
@@ -2978,7 +2995,7 @@
     },
     "load-json-file": {
       "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
       "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
       "dev": true,
       "requires": {
@@ -3436,6 +3453,13 @@
       "dev": true,
       "optional": true
     },
+    "nan": {
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz",
+      "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==",
+      "dev": true,
+      "optional": true
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -3782,7 +3806,7 @@
     },
     "os-locale": {
       "version": "1.4.0",
-      "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
       "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
       "dev": true,
       "requires": {
@@ -6175,7 +6199,11 @@
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
         },
         "glob-parent": {
           "version": "3.1.0",
diff --git a/glances/outputs/static/public/glances.js b/glances/outputs/static/public/glances.js
index d6b0bcaa..96472838 100644
--- a/glances/outputs/static/public/glances.js
+++ b/glances/outputs/static/public/glances.js
@@ -57617,7 +57617,7 @@ function GlancesController($scope, GlancesStats, hotkeys, ARGUMENTS) {
 /* 23 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/glances/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/glances/view.html';
 var html = "<div>\n    <div ng-if=\"!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 ng-if=\"vm.arguments.help_tag\"></glances-help>\n\n    <div ng-if=\"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></glances-plugin-system>\n                    </div>\n                    <div class=\"pull-left\">\n                        <glances-plugin-ip></glances-plugin-ip>\n                    </div>\n                    <div class=\"pull-right\">\n                        <glances-plugin-uptime></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></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=\"!vm.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=\"!vm.arguments.disable_cpu && !vm.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=\"!vm.arguments.disable_cpu && vm.arguments.percpu\">\n                <glances-plugin-percpu></glances-plugin-percpu>\n            </div>\n            <div class=\"col-sm-6 col-md-4 col-lg-3\" ng-if=\"!vm.arguments.disable_gpu && vm.hasGpu\">\n                <glances-plugin-gpu></glances-plugin-gpu>\n            </div>\n            <div class=\"col-sm-6 col-md-4 col-lg-3\" ng-if=\"!vm.arguments.disable_mem\">\n                <glances-plugin-mem></glances-plugin-mem>\n            </div>\n            <div class=\"col-sm-6 col-md-4 col-lg-3\"\n                 ng-if=\"!vm.arguments.disable_mem && !(!vm.arguments.disable_gpu && vm.hasGpu)\">\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=\"!vm.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=\"!vm.arguments.disable_load\">\n                <glances-plugin-load></glances-plugin-load>\n            </div>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-sm-6 sidebar\" ng-if=\"!vm.arguments.disable_left_sidebar\">\n                <div class=\"table\">\n                    <glances-plugin-network id=\"plugin-network\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_network\"></glances-plugin-network>\n                    <glances-plugin-connections id=\"plugin-connections\" class=\"plugin table-row-group\" ng-if=\"vm.isLinux && !vm.arguments.disable_connections\"></glances-plugin-connections>\n                    <glances-plugin-wifi id=\"plugin-wifi\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_wifi\"></glances-plugin-wifi>\n                    <glances-plugin-ports id=\"plugin-ports\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_ports\"></glances-plugin-ports>\n                    <glances-plugin-diskio id=\"plugin-diskio\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_diskio\"></glances-plugin-diskio>\n                    <glances-plugin-fs id=\"plugin-fs\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_fs\"></glances-plugin-fs>\n                    <glances-plugin-irq id=\"plugin-irq\" class=\"plugin table-row-group\" ng-if=\"vm.arguments.enable_irq\"></glances-plugin-irq>\n                    <glances-plugin-folders id=\"plugin-folders\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_folders\"></glances-plugin-folders>\n                    <glances-plugin-raid id=\"plugin-raid\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.raid\"></glances-plugin-raid>\n                    <glances-plugin-sensors id=\"plugin-sensors\" class=\"plugin table-row-group\" ng-if=\"!vm.arguments.disable_sensors\"></glances-plugin-sensors>\n                </div>\n            </div>\n            <div class=\"col-sm-18\">\n                <glances-plugin-docker ng-if=\"!vm.arguments.disable_docker\"></glances-plugin-docker>\n                <glances-plugin-alert ng-if=\"!vm.arguments.disable_alert\"></glances-plugin-alert>\n                <glances-plugin-process></glances-plugin-process>\n            </div>\n        </div>\n    </div>\n</div>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -57665,7 +57665,7 @@ function GlancesHelpController($http) {
 /* 26 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/help/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/help/view.html';
 var 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\">&nbsp;</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\">&nbsp;</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";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -57769,7 +57769,7 @@ function GlancesPluginAlertController($scope, favicoService) {
 /* 29 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-alert/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-alert/view.html';
 var html = "<section id=\"alerts\">\n    <span class=\"title\" ng-if=\"!vm.hasAlerts()\">No warning or critical alert detected</span>\n    <span class=\"title\" ng-if=\"vm.hasAlerts()\">Warning or critical alerts (last {{vm.count()}} entries)</span>\n</section>\n<section id=\"alert\" class=\"plugin\">\n    <div class=\"table\">\n        <div class=\"table-row\" ng-repeat=\"alert in vm.getAlerts()\">\n            <div class=\"table-cell text-left\">\n                {{alert.begin | date : 'yyyy-MM-dd H:mm:ss'}} ({{ alert.ongoing ? 'ongoing' : alert.duration }}) - <span\n                    ng-hide=\"alert.ongoing\">{{alert.level}} on</span> <span class=\"{{ alert.level | lowercase }}\">{{alert.name}}</span>\n                ({{alert.max| number:1 }})\n            </div>\n        </div>\n    </div>\n</section>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -57852,7 +57852,7 @@ function GlancesPluginAmpsController($scope, GlancesStats, favicoService) {
 /* 32 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-amps/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-amps/view.html';
 var html = "<section id=\"amps\" class=\"plugin\">\n    <div class=\"table\">\n        <div class=\"table-row\" ng-repeat=\"process in vm.processes\">\n            <div class=\"table-cell text-left\" ng-class=\"vm.getNameDecoration(process)\">{{ process.name }}</div>\n            <div class=\"table-cell text-left\" ng-if=\"process.regex\">{{ process.count }}</div>\n            <div class=\"table-cell text-left process-result\" ng-bind-html=\"process.result|nl2br\"></div>\n        </div>\n    </div>\n</section>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -57916,7 +57916,7 @@ function GlancesPluginCloudController($scope, GlancesStats) {
 /* 35 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-cloud/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-cloud/view.html';
 var html = "<section id=\"cloud\">\n    <span class=\"title\">{{ vm.provider }}</span> {{ vm.instance }}\n</section>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -57997,7 +57997,7 @@ function GlancesPluginConnectionsController($scope, GlancesStats) {
 /* 38 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-connections/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-connections/view.html';
 var html = "<div class=\"table-row\">\n    <div class=\"table-cell text-left title\">TCP CONNECTIONS</div>\n    <div class=\"table-cell\"></div>\n</div>\n<div class=\"table-row\">\n    <div class=\"table-cell text-left\">Listen</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\">{{vm.listen}}</div>\n</div>\n<div class=\"table-row\">\n    <div class=\"table-cell text-left\">Initiated</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\">{{vm.initiated}}</div>\n</div>\n<div class=\"table-row\">\n    <div class=\"table-cell text-left\">Established</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\">{{vm.established}}</div>\n</div>\n<div class=\"table-row\">\n    <div class=\"table-cell text-left\">Terminated</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\">{{vm.terminated}}</div>\n</div>\n<div class=\"table-row\">\n    <div class=\"table-cell text-left\">Tracked</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\" ng-class=\"vm.getDecoration('nf_conntrack_percent')\">{{vm.tracked.count}}/{{vm.tracked.max}}</div>\n</div>\n\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58103,7 +58103,7 @@ function GlancesPluginCpuController($scope, GlancesStats) {
 /* 41 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-cpu/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-cpu/view.html';
 var 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\" ng-show=\"vm.nice != undefined\">\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=\"!vm.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";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58179,7 +58179,7 @@ function GlancesPluginDiskioController($scope, $filter, GlancesStats, ARGUMENTS)
 /* 44 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-diskio/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-diskio/view.html';
 var html = "<div class=\"table-row\" ng-if=\"vm.disks.length > 0\">\n    <div class=\"table-cell text-left title\">DISK I/O</div>\n    <div class=\"table-cell\" ng-show=\"!vm.arguments.diskio_iops\">R/s</div>\n    <div class=\"table-cell\" ng-show=\"!vm.arguments.diskio_iops\">W/s</div>\n\n    <div class=\"table-cell\" ng-show=\"vm.arguments.diskio_iops\">IOR/s</div>\n    <div class=\"table-cell\" ng-show=\"vm.arguments.diskio_iops\">IOW/s</div>\n</div>\n<div class=\"table-row\" ng-repeat=\"disk in vm.disks\">\n    <div class=\"table-cell text-left\">{{(disk.alias ? disk.alias : disk.name) | min_size:9}}</div>\n    <div class=\"table-cell\" ng-show=\"!vm.arguments.diskio_iops\">{{disk.bitrate.txps }}</div>\n    <div class=\"table-cell\" ng-show=\"!vm.arguments.diskio_iops\">{{disk.bitrate.rxps }}</div>\n\n    <div class=\"table-cell\" ng-show=\"vm.arguments.diskio_iops\">{{disk.count.txps }}</div>\n    <div class=\"table-cell\" ng-show=\"vm.arguments.diskio_iops\">{{disk.count.rxps }}</div>\n</div>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58263,7 +58263,7 @@ function GlancesPluginDockerController($scope, GlancesStats) {
 /* 47 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-docker/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-docker/view.html';
 var html = "<section id=\"containers-plugin\" class=\"plugin\" ng-if=\"vm.containers.length\">\n    <span class=\"title\">CONTAINERS</span> {{ vm.containers.length }} (served by Docker {{ vm.version }})\n\n    <div class=\"table\">\n        <div class=\"table-row\">\n            <div class=\"table-cell text-left\">Name</div>\n            <div class=\"table-cell\">Status</div>\n            <div class=\"table-cell\">CPU%</div>\n            <div class=\"table-cell\">MEM</div>\n            <div class=\"table-cell\">RSS</div>\n            <div class=\"table-cell\">IOR/s</div>\n            <div class=\"table-cell\">IOW/s</div>\n            <div class=\"table-cell\">RX/s</div>\n            <div class=\"table-cell\">TX/s</div>\n            <div class=\"table-cell text-left\">Command</div>\n        </div>\n        <div class=\"table-row\" ng-repeat=\"container in vm.containers track by container.id\">\n            <div class=\"table-cell text-left\">{{ container.name }}</div>\n            <div class=\"table-cell\" ng-class=\"container.status == 'Paused' ? 'careful' : 'ok'\">{{ container.status }}\n            </div>\n            <div class=\"table-cell\">{{ container.cpu | number:1 }}</div>\n            <div class=\"table-cell\">{{ container.memory | bytes }}</div>\n            <div class=\"table-cell\">{{ container.rss | bytes }}</div>\n            <div class=\"table-cell\">{{ container.ior / container.io_time_since_update | bits }}</div>\n            <div class=\"table-cell\">{{ container.iow / container.io_time_since_update | bits }}</div>\n            <div class=\"table-cell\">{{ container.rx / container.net_time_since_update | bits }}</div>\n            <div class=\"table-cell\">{{ container.tx / container.net_time_since_update | bits }}</div>\n            <div class=\"table-cell text-left\">{{ container.command }}</div>\n        </div>\n    </div>\n</section>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58352,7 +58352,7 @@ function GlancesPluginFoldersController($scope, GlancesStats) {
 /* 50 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-folders/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-folders/view.html';
 var html = "<div class=\"table-row\" ng-if=\"vm.folders.length > 0\">\n    <div class=\"table-cell text-left title\">FOLDERS</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\">Size</div>\n</div>\n<div class=\"table-row\" ng-repeat=\"folder in vm.folders\">\n    <div class=\"table-cell text-left\">{{ folder.path }}</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\" ng-class=\"vm.getDecoration(folder)\">{{ folder.size | bytes }}</div>\n</div>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58442,8 +58442,8 @@ function GlancesPluginFsController($scope, $filter, GlancesStats, ARGUMENTS) {
 /* 53 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-fs/view.html';
-var html = "<div class=\"table-row\">\n    <div class=\"table-cell text-left title\">FILE SYS</div>\n    <div class=\"table-cell\">\n        <span ng-show=\"!vm.arguments.fs_free_space\">Used</span>\n        <span ng-show=\"vm.arguments.fs_free_space\">Free</span>\n    </div>\n    <div class=\"table-cell\">Total</div>\n</div>\n<div class=\"table-row\" ng-repeat=\"fs in vm.fileSystems\">\n    <div class=\"table-cell text-left\">{{ fs.shortMountPoint }} <span class=\"visible-lg-inline\"\n                                                                     ng-show=\"fs.name.length <= 20\">({{ fs.name }})<span>\n    </div>\n    <div class=\"table-cell\" ng-class=\"vm.getDecoration(fs.mountPoint, 'used')\">\n        <span ng-show=\"!vm.arguments.fs_free_space\">{{ fs.used | bytes }}</span>\n        <span ng-show=\"vm.arguments.fs_free_space\">{{ fs.free | bytes }}</span>\n    </div>\n    <div class=\"table-cell\">{{ fs.size | bytes }}</div>\n</div>\n";
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-fs/view.html';
+var html = "<div class=\"table-row\">\n    <div class=\"table-cell text-left title\">FILE SYS</div>\n    <div class=\"table-cell\">\n        <span ng-show=\"!vm.arguments.fs_free_space\">Used</span>\n        <span ng-show=\"vm.arguments.fs_free_space\">Free</span>\n    </div>\n    <div class=\"table-cell\">Total</div>\n</div>\n<div class=\"table-row\" ng-repeat=\"fs in vm.fileSystems\">\n    <div class=\"table-cell text-left\">{{ fs.shortMountPoint }} <span class=\"visible-lg-inline\"\n            ng-show=\"fs.name.length <= 20\">({{ fs.name }})</span>\n    </div>\n    <div class=\"table-cell\" ng-class=\"vm.getDecoration(fs.mountPoint, 'used')\">\n        <span ng-show=\"!vm.arguments.fs_free_space\">{{ fs.used | bytes }}</span>\n        <span ng-show=\"vm.arguments.fs_free_space\">{{ fs.free | bytes }}</span>\n    </div>\n    <div class=\"table-cell\">{{ fs.size | bytes }}</div>\n</div>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
 
@@ -58551,7 +58551,7 @@ function GlancesPluginGpuController($scope, GlancesStats, ARGUMENTS) {
 /* 56 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-gpu/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-gpu/view.html';
 var html = "<section id=\"gpu\" class=\"plugin\">\n    <div class=\"gpu-name title\">\n        {{ vm.name }}\n    </div>\n    <div class=\"table\">\n        <div class=\"table-row\" ng-if=\"arguments.meangpu || vm.gpus.length === 1\">\n            <div class=\"table-cell text-left\">proc:</div>\n            <div class=\"table-cell\" ng-class=\"vm.getMeanDecoration('proc')\" ng-if=\"vm.mean.proc != null\">{{ vm.mean.proc |\n                number : 0 }}%\n            </div>\n            <div class=\"table-cell\" ng-if=\"vm.mean.proc == null\">N/A</div>\n        </div>\n        <div class=\"table-row\" ng-if=\"arguments.meangpu || vm.gpus.length === 1\">\n            <div class=\"table-cell text-left\">mem:</div>\n            <div class=\"table-cell\" ng-class=\"vm.getMeanDecoration('mem')\" ng-if=\"vm.mean.mem != null\">{{ vm.mean.mem | number :\n                0 }}%\n            </div>\n            <div class=\"table-cell\" ng-if=\"vm.mean.mem == null\">N/A</div>\n        </div>\n        <div class=\"table-row\" ng-if=\"arguments.meangpu || vm.gpus.length === 1\">\n            <div class=\"table-cell text-left\">temperature::</div>\n            <div class=\"table-cell\" ng-class=\"vm.getMeanDecoration('temperature')\" ng-if=\"vm.mean.temperature != null\">{{ vm.mean.temperature | number\n                :\n                0 }}%\n            </div>\n            <div class=\"table-cell\" ng-if=\"vm.mean.temperature == null\">N/A</div>\n        </div>\n        <div class=\"table-row\" ng-if=\"!arguments.meangpu && vm.gpus.length > 1\" ng-repeat=\"gpu in vm.gpus\">\n            <div class=\"table-cell text-left\">\n                {{ gpu.gpu_id }}:\n                <span ng-class=\"vm.getDecoration(gpu.gpu_id, 'proc')\" ng-if=\"gpu.proc != null\">{{ gpu.proc | number : 0 }}%</span>\n                <span ng-if=\"gpu.proc == null\">N/A</span>\n                mem:\n                <span ng-class=\"vm.getDecoration(gpu.gpu_id, 'mem')\" ng-if=\"gpu.mem != null\">{{ gpu.mem | number : 0 }}%</span>\n                <span ng-if=\"gpu.mem == null\">N/A</span>\n                temp:\n                <span ng-class=\"vm.getDecoration(gpu.gpu_id, 'temperature')\" ng-if=\"gpu.temperature != null\">{{ gpu.temperature | number : 0 }}C</span>\n                <span ng-if=\"gpu.temperature == null\">N/A</span>\n            </div>\n        </div>\n    </div>\n</section>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58620,7 +58620,7 @@ function GlancesPluginIpController($scope, GlancesStats, ARGUMENTS) {
 /* 59 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-ip/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-ip/view.html';
 var html = "<section id=\"ip\" ng-if=\"vm.address != undefined && !vm.arguments.disable_ip\">\n    &nbsp;-&nbsp;<span class=\"title\">IP</span>&nbsp;<span>{{ vm.address }}/{{ vm.maskCidr }}</span>&nbsp;<span\n        ng-if=\"vm.publicAddress\" class=\"title\">Pub</span>&nbsp;<span>{{ vm.publicAddress }}</span>\n</section>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58689,7 +58689,7 @@ function GlancesPluginIrqController($scope, GlancesStats) {
 /* 62 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-irq/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-irq/view.html';
 var html = "<div class=\"table-row\" ng-if=\"vm.irqs.length > 0\">\n    <div class=\"table-cell text-left title\">IRQ</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\">Rate/s</div>\n</div>\n<div class=\"table-row\" ng-repeat=\"irq in vm.irqs\">\n    <div class=\"table-cell text-left\">{{irq.irq_line}}</div>\n    <div class=\"table-cell\"></div>\n    <div class=\"table-cell\"><span>{{irq.irq_rate}}</span></div>\n</div>\n";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58765,7 +58765,7 @@ function GlancesPluginLoadController($scope, GlancesStats) {
 /* 65 */
 /***/ (function(module, exports) {
 
-var path = '/home/nicolargo/dev/glances/glances/outputs/static/js/components/plugin-load/view.html';
+var path = '/Users/fbrutel/dev/glances/glances/outputs/static/js/components/plugin-load/view.html';
 var 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";
 window.angular.module('ng').run(['$templateCache', function(c) { c.put(path, html) }]);
 module.exports = path;
@@ -58841,7 +58841,7 @@ function GlancesPluginMemController($scope, GlancesS