[FLINK-2903][web-dashboard] Format numeric values of received/sent counters.

Author: sachingoel0101

flink-runtime-web/web-dashboard/app/partials/jobs/job.plan.node-list.overview.jade

@@ -39,10 +39,10 @@ table.table.table-body-hover.table-clickable.table-activable
         span(ng-if="v.duration > -1") {{ v.duration }} ms
 
       td.td-long {{ v.name | humanizeText }}
-      td {{ v.metrics['read-bytes'] }}
-      td {{ v.metrics['read-records'] }}
-      td {{ v.metrics['write-bytes'] }}
-      td {{ v.metrics['write-records'] }}
+      td {{ v.metrics['read-bytes'] | number }}
+      td {{ v.metrics['read-records'] | number }}
+      td {{ v.metrics['write-bytes'] | number }}
+      td {{ v.metrics['write-records'] | number }}
       td
         .label-group
           bs-label(status="{{status}}" ng-repeat="(index, status) in stateList") {{v.tasks[status]}}

flink-runtime-web/web-dashboard/app/partials/jobs/job.plan.node.subtasks.jade

@@ -43,13 +43,13 @@ table.table.table-hover.table-clickable.table-activable.table-inner(ng-if="subta
         span(ng-if="subtask.duration > -1") {{ subtask.duration }} ms
 
       td
-        span(ng-if="subtask.metrics['read-bytes'] > -1") {{ subtask.metrics['read-bytes'] }}
+        span(ng-if="subtask.metrics['read-bytes'] > -1") {{ subtask.metrics['read-bytes'] | number }}
       td
-        span(ng-if="subtask.metrics['read-records'] > -1") {{ subtask.metrics['read-records'] }}
+        span(ng-if="subtask.metrics['read-records'] > -1") {{ subtask.metrics['read-records'] | number }}
       td
-        span(ng-if="subtask.metrics['write-bytes'] > -1") {{ subtask.metrics['write-bytes'] }}
+        span(ng-if="subtask.metrics['write-bytes'] > -1") {{ subtask.metrics['write-bytes'] | number }}
       td
-        span(ng-if="subtask.metrics['write-records'] > -1") {{ subtask.metrics['write-records'] }}
+        span(ng-if="subtask.metrics['write-records'] > -1") {{ subtask.metrics['write-records'] | number }}
 
       td {{ subtask.attempt + 1 }}
       td {{ subtask.host }}

flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node-list.overview.html

@@ -38,10 +38,10 @@
       <td><span ng-if="v['end-time'] &gt; -1">{{ v['end-time'] | amDateFormat:'YYYY-MM-DD, H:mm:ss' }}</span></td>
       <td><span ng-if="v.duration &gt; -1">{{ v.duration }} ms</span></td>
       <td class="td-long">{{ v.name | humanizeText }}</td>
-      <td>{{ v.metrics['read-bytes'] }}</td>
-      <td>{{ v.metrics['read-records'] }}</td>
-      <td>{{ v.metrics['write-bytes'] }}</td>
-      <td>{{ v.metrics['write-records'] }}</td>
+      <td>{{ v.metrics['read-bytes'] | number }}</td>
+      <td>{{ v.metrics['read-records'] | number }}</td>
+      <td>{{ v.metrics['write-bytes'] | number }}</td>
+      <td>{{ v.metrics['write-records'] | number }}</td>
       <td>
         <div class="label-group">
           <bs-label status="{{status}}" ng-repeat="(index, status) in stateList">{{v.tasks[status]}}</bs-label>

flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node.subtasks.html

@@ -38,10 +38,10 @@
       <td><span ng-if="subtask['start-time'] &gt; -1">{{ subtask['start-time'] | amDateFormat:'YYYY-MM-DD, H:mm:ss' }}</span></td>
       <td><span ng-if="subtask['end-time'] &gt; -1">{{ subtask['end-time'] | amDateFormat:'YYYY-MM-DD, H:mm:ss' }}</span></td>
       <td><span ng-if="subtask.duration &gt; -1">{{ subtask.duration }} ms</span></td>
-      <td><span ng-if="subtask.metrics['read-bytes'] &gt; -1">{{ subtask.metrics['read-bytes'] }}</span></td>
-      <td><span ng-if="subtask.metrics['read-records'] &gt; -1">{{ subtask.metrics['read-records'] }}</span></td>
-      <td><span ng-if="subtask.metrics['write-bytes'] &gt; -1">{{ subtask.metrics['write-bytes'] }}</span></td>
-      <td><span ng-if="subtask.metrics['write-records'] &gt; -1">{{ subtask.metrics['write-records'] }}</span></td>
+      <td><span ng-if="subtask.metrics['read-bytes'] &gt; -1">{{ subtask.metrics['read-bytes'] | number }}</span></td>
+      <td><span ng-if="subtask.metrics['read-records'] &gt; -1">{{ subtask.metrics['read-records'] | number }}</span></td>
+      <td><span ng-if="subtask.metrics['write-bytes'] &gt; -1">{{ subtask.metrics['write-bytes'] | number }}</span></td>
+      <td><span ng-if="subtask.metrics['write-records'] &gt; -1">{{ subtask.metrics['write-records'] | number }}</span></td>
       <td>{{ subtask.attempt + 1 }}</td>
       <td>{{ subtask.host }}</td>
       <td>