Initial isolate reload support

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

Index: runtime/observatory/lib/src/elements/nav_bar.html
diff --git a/runtime/observatory/lib/src/elements/nav_bar.html b/runtime/observatory/lib/src/elements/nav_bar.html
index 983f8afaea2ca21833857cdf49aa534154f3ef74..c97b1d146be6bf465f2c794d4299c9a33b86d7e8 100644
--- a/runtime/observatory/lib/src/elements/nav_bar.html
+++ b/runtime/observatory/lib/src/elements/nav_bar.html
@@ -298,6 +298,10 @@
         animation: fadein 1s;
       }
 
+      .wide-item {
+        width: 50vw;
+      }
+
       @keyframes fadein {
         from { opacity: 0; }
         to   { opacity: 1; }
@@ -328,6 +332,9 @@
       a.boxclose:hover {
         background: rgba(255,255,255,0.5);
       }
+      .error {
+        white-space: pre;
+      }
     </style>
     <template if="{{ event != null }}">
       <template if="{{ notifyOnPause && event.isPauseEvent }}">
@@ -372,6 +379,21 @@
           <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
         </div>
       </template>
+      <template if="{{ event.kind == 'IsolateReload' }}">
+        <div class="wide-item item">
+          Isolate reload
+          <template if="{{ event.reloadError != null }}">
+            failed:
+            <br>
+            <br>
+            <div class="indent error">{{ event.reloadError.message.toString() }}</div><br>
+          </template>
+          <template if="{{ event.reloadError == null }}">
+            succeeded
+          </template>
+          <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
+        </div>
+      </template>
     </template>
   </template>
 </polymer-element>