Allow users to see more elements of a list/map in Observatory.

runtime/observatory/lib/src/elements/instance_ref.html

Index: runtime/observatory/lib/src/elements/instance_ref.html
diff --git a/runtime/observatory/lib/src/elements/instance_ref.html b/runtime/observatory/lib/src/elements/instance_ref.html
index 385727b0051f58de72caf2005cbb0a3263e1c86d..311732bb305858451d0644e308ba1d8e6a7b3cd2 100644
--- a/runtime/observatory/lib/src/elements/instance_ref.html
+++ b/runtime/observatory/lib/src/elements/instance_ref.html
@@ -88,7 +88,11 @@
               </any-service-ref><br>
             </template>
             <template if="{{ ref.length != ref.elements.length }}">
-              <div><em>{{ ref.length - ref.elements.length }} omitted elements</em></div>
+              <div>
+                <action-link callback="{{ showMore }}"
+                             label="show next {{ref.elements.length}}">
+                </action-link>
+              </div>
             </template>
           </div>
         </curly-block>
@@ -107,7 +111,9 @@
               </any-service-ref><br>
             </template>
             <template if="{{ ref.length != ref.associations.length }}">
-              <div><em>{{ ref.length - ref.associations.length }} omitted associations</em></div>
+              <action-link callback="{{ showMore }}"
+                           label="show next {{ref.associations.length}}">
+              </action-link>
             </template>
           </div>
         </curly-block>
@@ -122,7 +128,9 @@
               {{ ref.typedElements[index].toString() }}<br>
             </template>
             <template if="{{ ref.length != ref.typedElements.length }}">
-              <div><em>{{ ref.length - ref.typedElements.length }} omitted elements</em></div>
+              <action-link callback="{{ showMore }}"
+                           label="show next {{ref.typedElements.length}}">
+              </action-link>
             </template>
           </div>
         </curly-block>