Refactoring of nav-notify

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
 
 <polymer-element name="metrics-page" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       ul li:hover:not(.selected) {
         background-color: #FFF3E3;
       }
       .selected {
         background-color: #0489c3;
       }
       .graph {
         min-height: 600px;
       }
     </style>
     <nav-bar>
       <top-nav-menu></top-nav-menu>
       <vm-nav-menu vm="{{ isolate.vm }}"></vm-nav-menu>
       <isolate-nav-menu isolate="{{ isolate }}"></isolate-nav-menu>
       <nav-menu link="{{ makeLink('/metrics', isolate) }}" anchor="metrics" last="{{ true }}"></nav-menu>
 
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
+      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
     </nav-bar>
     <div class="flex-row">
       <div class="flex-item-20-percent">
         <ul>
           <template repeat="{{ metric in isolate.dartMetrics.values }}">
             <template if="{{ metric == selectedMetric }}">
               <li class="selected">
                 {{ metric.name }}
               </li>
             </template>
@@ skipping 103 matching lines @@
     </style>
     <div class="chart-wrapper" id="metric-chart">
         <div class="chart-host-wrapper">
             <div class="chart-host" dir="ltr"></div>
         </div>
     </div>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="metrics.dart"></script>