Converted Observatory persistent-hangles-page element

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

Index: runtime/observatory/lib/src/elements/persistent_handles.html
diff --git a/runtime/observatory/lib/src/elements/persistent_handles.html b/runtime/observatory/lib/src/elements/persistent_handles.html
deleted file mode 100644
index af92aa76fb9336a4e9f52301b13e37d44a1d93e1..0000000000000000000000000000000000000000
--- a/runtime/observatory/lib/src/elements/persistent_handles.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<link rel="import" href="../../../../packages/polymer/polymer.html">
-
-<polymer-element name="persistent-handles-page">
-  <template>
-    <link rel="stylesheet" href="css/shared.css">
-    <style>
-    .table {
-      border-collapse: collapse!important;
-      margin-bottom: 20px
-      table-layout: fixed;
-      width: 100%;
-    }
-    .table td:nth-of-type(1) {
-      width: 30%;
-    }
-    .th, .td {
-      padding: 8px;
-      vertical-align: top;
-    }
-    .table thead > tr > th {
-      vertical-align: bottom;
-      text-align: left;
-      border-bottom:2px solid #ddd;
-    }
-    .spacer {
-      width: 16px;
-    }
-    .left-border-spacer {
-      width: 16px;
-      border-left: 1px solid;
-    }
-    .clickable {
-      color: #0489c3;
-      text-decoration: none;
-      cursor: pointer;
-    }
-    .clickable:hover {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-    #weakPersistentHandlesTable tr:hover > td {
-      background-color: #F4C7C3;
-    }
-    .nav-option {
-      color: white;
-      float: right;
-      margin: 3px;
-      padding: 8px;
-    }
-    </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('/persistent-handles', isolate) }}" anchor="persistent handles" last="{{ true }}"></nav-menu>
-      <nav-refresh callback="{{ refresh }}"></nav-refresh>
-      <nav-notify notifications="{{ app.notifications }}"></nav-notify>
-    </nav-bar>
-    <div class="content-centered-big">
-      <template if="{{ persistentHandles.isEmpty }}">
-        <h1>Persistent Handles (0)</h1>
-        <hr>
-      </template>
-      <template if="{{ persistentHandles.isNotEmpty }}">
-        <h1>Persistent Handles ({{ persistentHandles.length }})</h1>
-        <hr>
-        <curly-block expand="{{ persistentHandles.length <= 8 }}">
-          <div class="memberList">
-            <template repeat="{{ persistentHandle in persistentHandles }}">
-              <div class="memberItem">
-                <div class="memberValue">
-                  <any-service-ref ref="{{ persistentHandle['object'] }}">
-                  </any-service-ref>
-                </div>
-              </div>
-            </template>
-          </div>
-        </curly-block><br><br>
-      </template>
-      <br><br>
-      <template if="{{ weakPersistentHandles.isEmpty }}">
-        <h1>Weak Persistent Handles (0)</h1>
-        <hr>
-      </template>
-      <template if="{{ weakPersistentHandles.isNotEmpty }}">
-        <h1>Weak Persistent Handles ({{ weakPersistentHandles.length }})</h1>
-        <hr>
-      </template>
-      <table id="weakPersistentHandlesTable" class="flex-item-100-percent table">
-        <thead id="weakPersistentHandlesTableHead">
-          <tr>
-            <th on-click="{{changeSort}}" class="clickable" title="External Size">{{ weakPersistentHandlesTable.getColumnLabel(0) }}</th>
-            <th on-click="{{changeSort}}" class="clickable" title="Peer">{{ weakPersistentHandlesTable.getColumnLabel(1) }}</th>
-            <th on-click="{{changeSort}}" class="clickable" title="Finalizer Callback">{{ weakPersistentHandlesTable.getColumnLabel(2) }}</th>
-            <th class="spacer"></th>
-            <th on-click="{{changeSort}}" class="clickable" title="Object">{{ weakPersistentHandlesTable.getColumnLabel(4) }}</th>
-          </tr>
-        </thead>
-        <tbody id="weakPersistentHandlesTableBody">
-        </tbody>
-      </table>
-      <view-footer></view-footer>
-    </div>
-  </template>
-</polymer-element>