Converted Observatory logging-page element

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

Index: runtime/observatory/lib/src/elements/logging.html
diff --git a/runtime/observatory/lib/src/elements/logging.html b/runtime/observatory/lib/src/elements/logging.html
deleted file mode 100644
index fc74304d09e1815f8d27e964c144be18ef0e5131..0000000000000000000000000000000000000000
--- a/runtime/observatory/lib/src/elements/logging.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<link rel="import" href="../../../../packages/polymer/polymer.html">
-
-<polymer-element name="logging-page">
-  <template>
-    <link rel="stylesheet" href="css/shared.css">
-    <style>
-    .outlined {
-      -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
-      -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
-      box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
-      margin: 4px;
-    }
-    .logItem {
-      font: normal 14px consolas, courier, monospace;
-      white-space: pre;
-      line-height: 125%;
-      width: 100%;
-    }
-    .FINEST {
-      background-color: #FAFAFA;
-    }
-    .FINER {
-      background-color: #ECEFF1;
-    }
-    .FINE {
-      background-color: #EFEBE9;
-    }
-    .CONFIG {
-      background-color: #FFF3E0;
-    }
-    .INFO {
-      background-color: #F1F8E9;
-    }
-    .WARNING {
-      background-color: #FFE0B2;
-    }
-    .SEVERE {
-      background-color: #FFCCBC;
-    }
-    .SHOUT {
-      background-color: #FFCDD2;
-    }
-    #log {
-      height: 100%;
-      width: 100%;
-      overflow-y: auto;
-      padding: 8px;
-    }
-    .fill {
-      height: 80%;
-      width: 100%;
-    }
-    </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('/logging', isolate) }}" anchor="logging" last="{{ true }}"></nav-menu>
-      <nav-refresh callback="{{ clear }}" label="Clear"></nav-refresh>
-      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
-    </nav-bar>
-    <div id="page" class="content-centered-big">
-      <span>Show messages with severity <select id="severityLevelSelector" value="{{ severityLevel }}"></select> and higher</span>
-      <hr>
-      <div class="flex-row fill">
-        <div id="log" class="outlined"></div>
-      </div>
-    </div>
-  </template>
-</polymer-element>
-
-<script type="application/dart" src="logging.dart"></script>