Initial isolate reload support

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="observatory_element.html">
 
 <polymer-element name="nav-bar" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       nav {
         position: fixed;
@@ skipping 280 matching lines @@
         padding-right: 25px;
         width: 250px;
         color: #ddd;
         background: rgba(0,0,0,.6);
         border: solid 2px white;
         box-shadow: 0 0 5px black;
         border-radius: 5px;
         animation: fadein 1s;
       }
 
+      .wide-item {
+        width: 50vw;
+      }
+
       @keyframes fadein {
         from { opacity: 0; }
         to   { opacity: 1; }
       }
 
       a.link {
         color: white;
         text-decoration: none;
       }
       a.link:hover {
@@ skipping 10 matching lines @@
         line-height: 16px;
         border-radius: 9px;
         color: white;
         font-size: 18px;
         cursor: pointer;
         text-align: center;
       }
       a.boxclose:hover {
         background: rgba(255,255,255,0.5);
       }
+      .error {
+        white-space: pre;
+      }
     </style>
     <template if="{{ event != null }}">
       <template if="{{ notifyOnPause && event.isPauseEvent }}">
         <div class="item">
           Isolate
           <a class="link" on-click="{{ goto }}"
              _href="{{ gotoLink('/inspect', event.isolate) }}">{{ event.isolate.name }}</a>
           is paused
           <template if="{{ event.kind == 'PauseStart' }}">
             at isolate start
@@ skipping 24 matching lines @@
           <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
         </div>
       </template>
       <template if="{{ event.kind == 'Inspect' }}">
         <div class="item">
           Inspect <any-service-ref ref="{{ event.inspectee }}"></any-service-ref>
           <br><br>
           <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>
 
 
 <polymer-element name="nav-notify-exception" extends="observatory-element">
   <template>
     <style>
       .item {
         position: relative;
@@ skipping 70 matching lines @@
         [<a class="link" on-click="{{ goto }}"
             _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>]
         <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
     </div>
     </template>
   </template>
 </polymer-element>
 
 
 <script type="application/dart" src="nav_bar.dart"></script>