Refactoring of nav-notify

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="service_ref.html">
 
 <polymer-element name="io-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>dart:io</h1>
 
       <br>
 
       <ul class="list-group">
         <li class="list-group-item">
           <a on-click="{{ goto }}" _href="{{gotoLink('io/http/servers', isolate)}}">HTTP Servers</a>
@@ skipping 59 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-http-server-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>HttpServers</h1>
 
       <br>
 
       <ul class="list-group">
         <template repeat="{{ httpServer in list['members'] }}">
           <li class="list-group-item">
@@ skipping 14 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-http-server-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>HttpServer</h1>
 
       <br>
 
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">Socket</div>
@@ skipping 41 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-http-server-connection-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>HttpConnection</h1>
 
       <br>
 
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">Socket</div>
@@ skipping 21 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-socket-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>Sockets</h1>
 
       <br>
 
       <ul class="list-group">
         <template repeat="{{ socket in list['members'] }}">
           <li class="list-group-item">
@@ skipping 110 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-web-socket-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>WebSockets</h1>
 
       <br>
 
       <ul class="list-group">
         <template repeat="{{ webSocket in list['members'] }}">
           <li class="list-group-item">
             <io-web-socket-ref ref="{{ webSocket }}"></io-web-socket-ref>
           </li>
         </template>
       </ul>
     </div>
     <br>
     <hr>
   </template>
 </polymer-element>
 
 <polymer-element name="io-web-socket-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>WebSocket</h1>
 
       <br>
 
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">Socket</div>
@@ skipping 13 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-random-access-file-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>Random Access Files</h1>
 
       <br>
 
       <ul class="list-group">
         <template repeat="{{ file in list['members'] }}">
           <li class="list-group-item">
             <io-random-access-file-ref ref="{{ file }}"></io-random-access-file-ref>
           </li>
         </template>
       </ul>
     </div>
     <br>
     <hr>
   </template>
 </polymer-element>
 
 <polymer-element name="io-random-access-file-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>Random Access File</h1>
 
       <br>
 
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">Path</div>
@@ skipping 14 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-process-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>Processes</h1>
 
       <br>
 
       <ul class="list-group">
         <template repeat="{{ process in list['members'] }}">
           <li class="list-group-item">
@@ skipping 19 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="io-process-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
       <top-nav-menu last="{{ true }}"></top-nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
 
     <div class="content">
       <h1>Process</h1>
 
       <br>
 
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">Path</div>
@@ skipping 52 matching lines @@
           </template>
         </div>
       </div>
     </div>
     <br>
     <hr>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="io_view.dart"></script>