Make service-view programmatically switch views

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

Index: runtime/bin/vmservice/client/lib/src/elements/service_view.html
diff --git a/runtime/bin/vmservice/client/lib/src/elements/service_view.html b/runtime/bin/vmservice/client/lib/src/elements/service_view.html
index ecc79542d6b980162dda74a8c476fe34f7e0d8cc..2df08c45f4028a18209ea6c484dc8d51a755dc03 100644
--- a/runtime/bin/vmservice/client/lib/src/elements/service_view.html
+++ b/runtime/bin/vmservice/client/lib/src/elements/service_view.html
@@ -15,70 +15,5 @@
   <link rel="import" href="stack_trace.html">
 </head>
 <polymer-element name="service-view" extends="observatory-element">
-  <!--
-    This is a big switch statement which instantiates the custom element
-    designated to display the service object type.
-  -->
-  <template>
-  	<!-- If the message type is an IsolateList -->
-    <template if="{{ object.serviceType == 'IsolateList' }}">
-      <isolate-list isolates="{{ object }}"></isolate-list>
-    </template>
-    <template if="{{ object.serviceType == 'Error' }}">
-      <error-view error="{{ object }}"></error-view>
-    </template>
-    <template if="{{ object.serviceType == 'Script' }}">
-      <script-view script="{{ object }}"></script-view>
-    </template>
-    <template if="{{ object.serviceType == 'StackTrace' }}">
-      <stack-trace trace="{{ object }}"></stack-trace>
-    </template>
-    <template if="{{ object.serviceType == 'Library' }}">
-      <library-view library="{{ object }}"></library-view>
-    </template>
-    <template if="{{ object.serviceType == 'Class' }}">
-      <class-view cls="{{ object }}"></class-view>
-    </template>
-    <template if="{{ object.serviceType == 'Function' }}">
-      <function-view function="{{ object }}"></function-view>
-    </template>
-    <template if="{{ object.serviceType == 'Field' }}">
-      <field-view field="{{ object }}"></field-view>
-    </template>
-    <template if="{{ object.serviceType == 'AllocationProfile' }}">
-      <heap-profile profile="{{ object }}"></heap-profile>
-    </template>
-    <template if="{{ object.serviceType == 'BreakpointList' }}">
-      <breakpoint-list msg="{{ object }}"></breakpoint-list>
-    </template>
-    <template if="{{ object.serviceType == 'Closure' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'Instance' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'Array' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'GrowableObjectArray' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'String' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'Bool' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'Smi' }}">
-      <instance-view instance="{{ object }}"></instance-view>
-    </template>
-    <template if="{{ object.serviceType == 'Code' }}">
-      <code-view code="{{ object }}"></code-view>
-    </template>
-    <template if="{{ object.serviceType == 'Profile' }}">
-      <isolate-profile profile="{{ object }}"></isolate-profile>
-    </template>
-    <!-- Add new views and service object types in the future here. -->
-  </template>
   <script type="application/dart" src="service_view.dart"></script>
 </polymer-element>