From bac728e77c70df84fae6d3ef0d94074ebed89eeb Mon Sep 17 00:00:00 2001
From: Floran Brutel <f.brutel@hexanet.fr>
Date: Sun, 11 Oct 2015 14:40:24 +0200
Subject: [PATCH] WebUI : hide io R/S if value is not present

---
 glances/outputs/static/html/plugins/processlist.html      | 8 ++++----
 .../static/js/services/plugins/glances_processlist.js     | 8 ++++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/glances/outputs/static/html/plugins/processlist.html b/glances/outputs/static/html/plugins/processlist.html
index 5e8aeed6..239bacbe 100644
--- a/glances/outputs/static/html/plugins/processlist.html
+++ b/glances/outputs/static/html/plugins/processlist.html
@@ -9,8 +9,8 @@
         <div class="table-cell">NI</div>
         <div class="table-cell">S</div>
         <div sortable-th sorter="sorter" column="timemillis" class="table-cell hidden-xs hidden-sm">TIME+</div>
-        <div sortable-th sorter="sorter" column="io_read" class="table-cell hidden-xs hidden-sm">IOR/s</div>
-        <div sortable-th sorter="sorter" column="io_write" class="table-cell hidden-xs hidden-sm">IOW/s</div>
+        <div sortable-th sorter="sorter" column="io_read" class="table-cell hidden-xs hidden-sm" ng-show="statsProcessList.ioReadWritePresent">IOR/s</div>
+        <div sortable-th sorter="sorter" column="io_write" class="table-cell hidden-xs hidden-sm" ng-show="statsProcessList.ioReadWritePresent">IOW/s</div>
         <div sortable-th sorter="sorter" column="name" class="table-cell text-left">Command</div>
     </div>
     <div class="table-row" ng-repeat="process in statsProcessList.processes | orderBy:sorter.column:sorter.isReverseColumn(sorter.column)">
@@ -25,8 +25,8 @@
         <div class="table-cell hidden-xs hidden-sm">
             <span ng-show="process.timeplus.hours > 0" class="highlight">{{ process.timeplus.hours }}h</span>{{ process.timeplus.minutes | leftPad:2:'0' }}:{{ process.timeplus.seconds | leftPad:2:'0' }}<span ng-show="process.timeplus.hours <= 0">.{{ process.timeplus.milliseconds | leftPad:2:'0' }}</span>
         </div>
-        <div class="table-cell hidden-xs hidden-sm">{{process.ioRead}}</div>
-        <div class="table-cell hidden-xs hidden-sm">{{process.ioWrite}}</div>
+        <div class="table-cell hidden-xs hidden-sm" ng-show="process.ioRead">{{process.ioRead}}</div>
+        <div class="table-cell hidden-xs hidden-sm" ng-show="process.ioWrite">{{process.ioWrite}}</div>
         <div class="table-cell text-left" ng-show="show.short_process_name">{{process.name}}</div>
         <div class="table-cell text-left" ng-show="!show.short_process_name">{{process.cmdline}}</div>
     </div>
diff --git a/glances/outputs/static/js/services/plugins/glances_processlist.js b/glances/outputs/static/js/services/plugins/glances_processlist.js
index 7a510812..701bc996 100644
--- a/glances/outputs/static/js/services/plugins/glances_processlist.js
+++ b/glances/outputs/static/js/services/plugins/glances_processlist.js
@@ -1,9 +1,11 @@
 glancesApp.service('GlancesPluginProcessList', function($filter, GlancesPlugin) {
     var _pluginName = "processlist";
+    var _ioReadWritePresent = false;
     this.processes = [];
 
     this.setData = function(data, views) {
         this.processes = [];
+        this.ioReadWritePresent = false;
 
         for (var i = 0; i < data[_pluginName].length; i++) {
             var process = data[_pluginName][i];
@@ -13,10 +15,12 @@ glancesApp.service('GlancesPluginProcessList', function($filter, GlancesPlugin)
             process.timeplus = $filter('timedelta')(process.cpu_times);
             process.timemillis = $filter('timemillis')(process.cpu_times);
 
-            process.ioRead = '?';
-            process.ioWrite = '?';
+            process.ioRead = null;
+            process.ioWrite = null;
 
             if (process.io_counters) {
+                this.ioReadWritePresent = true;
+
                 process.ioRead  = (process.io_counters[0] - process.io_counters[2]) / process.time_since_update;
 
                 if (process.ioRead != 0) {