Class view: list all/sample instances on request.

runtime/bin/vmservice/client/lib/src/elements/class_view.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="curly_block.html">
 <link rel="import" href="eval_box.html">
 <link rel="import" href="eval_link.html">
 <link rel="import" href="field_ref.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="instance_ref.html">
 <link rel="import" href="library_ref.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
@@ skipping 116 matching lines @@
                   <function-ref ref="{{ function }}" qualified="{{ false }}">
                   </function-ref>
                 </div>
               </div>
             </template>
           </div>
         </curly-block><br><br>
       </template>
       
       <template if="{{ !cls.hasNoAllocations }}">
-        current instances ({{ cls.newSpace.current.instances + cls.oldSpace.current.instances }})
+        instances
           <div class="memberItem">
-            <div class="memberName">shallow size</div>
+            <div class="memberName">currently allocated</div>
             <div class="memberValue">
-              {{ cls.newSpace.current.bytes + cls.oldSpace.current.bytes | formatSize }}
+              count {{ cls.newSpace.current.instances + cls.oldSpace.current.instances }}
+              (shallow size {{ cls.newSpace.current.bytes + cls.oldSpace.current.bytes | formatSize }})
+            </div>
+          </div>
+          <div class="memberItem">
+            <div class="memberName">strongly reachable</div>
+            <div class="memberValue">
+              <template if="{{ instances == null }}">
+                <eval-link callback="{{ reachable }}"
+                           label="[find]"
+                           expr="100">
+                </eval-link>
+              </template>
+              <template if="{{ instances != null }}">
+                sample
+                <instance-ref ref="{{ instances['sample'] }}"></instance-ref>
+                <template if="{{ instances['totalCount'] > instances['sampleCount'] }}">
+                  <eval-link callback="{{ reachable }}"
+                           label="[more]"
+                           expr="{{ instances['sampleCount'] * 2 }}">
+                  </eval-link>
+                </template>
+                of total {{ instances['totalCount'] }}
+              </template>
             </div>
           </div>
           <div class="memberItem">
             <div class="memberName">retained size</div>
             <div class="memberValue">
               <template if="{{ retainedBytes == null }}">
                 <eval-link callback="{{ retainedSize }}"
                            label="[calculate]">
                 </eval-link>
               </template>
               <template if="{{ retainedBytes != null }}">
                 {{ retainedBytes | formatSize }}
               </template>
             </div>
           </div>
         </template>
     </div>
 
     <hr>
 
     <div class="content">
       <eval-box callback="{{ eval }}"></eval-box>
     </div>
     <br><br><br><br>
     <br><br><br><br>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="class_view.dart"></script>