Merge pull request #3422 from rabbitmq/management_ui-add-counters_3416

Add counters on detail pages

Author: HoloRin

deps/rabbitmq_management/priv/www/js/tmpl/channel.ejs

@@ -74,7 +74,7 @@
 </div>
 
 <div class="section">
-  <h2>Consumers</h2>
+  <h2 class="updatable" >Consumers (<%=(channel.consumer_details.length)%>) </h2>
   <div class="hider updatable">
 <%= format('consumers', {'mode': 'channel', 'consumers': channel.consumer_details}) %>
   </div>

deps/rabbitmq_management/priv/www/js/tmpl/connection.ejs

@@ -76,7 +76,7 @@
 </div>
 
 <div class="section">
-  <h2>Channels</h2>
+  <h2 class="updatable" >Channels (<%=(channels.length)%>) </h2>
   <div class="hider updatable">
     <%= format('channels-list', {'channels': channels, 'mode': 'connection'}) %>
   </div>

deps/rabbitmq_management/priv/www/js/tmpl/queue.ejs

@@ -273,15 +273,15 @@
 
 <% if(!disable_stats) { %>
 <div class="section-hidden">
-  <h2>Consumers</h2>
+  <h2 class="updatable">Consumers (<%=(queue.consumer_details.length)%>) </h2>
   <div class="hider updatable">
 <%= format('consumers', {'mode': 'queue', 'consumers': queue.consumer_details}) %>
   </div>
 </div>
 <% } %>
 
 <div class="section-hidden">
-  <h2>Bindings</h2>
+  <h2 class="updatable">Bindings (<%=(bindings.length)%>) </h2>
   <div class="hider">
     <div class="bindings-wrapper">
       <%= format('bindings', {'mode': 'queue', 'bindings': bindings}) %>

deps/rabbitmq_stream_management/priv/www/js/stream.js

@@ -20,7 +20,7 @@ dispatcher_add(function(sammy) {
         if (is_stream(queue)) {
             var publishers = extraContent['extra_stream_publishers'];
             if (publishers !== undefined) {
-                return '<div class="section-hidden"><h2>Stream publishers</h2><div class="hider updatable">' +
+                return '<div class="section-hidden"><h2 class="updatable">Stream publishers (' + Object.keys(publishers).length +')</h2><div class="hider updatable">' +
                     format('streamPublishersList', {'publishers': publishers, 'mode': 'queue'}) +
                     '</div></div>';
             } else {

deps/rabbitmq_stream_management/priv/www/js/tmpl/streamConnection.ejs

@@ -116,14 +116,14 @@
 <% } %>
 
 <div class="section">
-  <h2>Publishers</h2>
+  <h2 class="updatable">Publishers (<%=(publishers.length)%>) </h2>
   <div class="hider updatable">
     <%= format('streamPublishersList', {'publishers': publishers, 'mode' : 'connection'}) %>
   </div>
 </div>
 
 <div class="section">
-  <h2>Consumers</h2>
+  <h2 class="updatable" >Consumers (<%=(consumers.length)%>)</h2>
   <div class="hider updatable">
     <%= format('streamConsumersList', {'consumers': consumers}) %>
   </div>