| OLD | NEW |
|---|
| (Empty) | |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
| 2 <link rel="import" href="nav_bar.html"> |
| 3 <link rel="import" href="observatory_element.html"> |
| 4 |
| 5 <polymer-element name="persistent-handles-page" extends="observatory-element"> |
| 6 <template> |
| 7 <link rel="stylesheet" href="css/shared.css"> |
| 8 <style> |
| 9 .table { |
| 10 border-collapse: collapse!important; |
| 11 margin-bottom: 20px |
| 12 table-layout: fixed; |
| 13 width: 100%; |
| 14 } |
| 15 .table td:nth-of-type(1) { |
| 16 width: 30%; |
| 17 } |
| 18 .th, .td { |
| 19 padding: 8px; |
| 20 vertical-align: top; |
| 21 } |
| 22 .table thead > tr > th { |
| 23 vertical-align: bottom; |
| 24 text-align: left; |
| 25 border-bottom:2px solid #ddd; |
| 26 } |
| 27 .spacer { |
| 28 width: 16px; |
| 29 } |
| 30 .left-border-spacer { |
| 31 width: 16px; |
| 32 border-left: 1px solid; |
| 33 } |
| 34 .clickable { |
| 35 color: #0489c3; |
| 36 text-decoration: none; |
| 37 cursor: pointer; |
| 38 } |
| 39 .clickable:hover { |
| 40 text-decoration: underline; |
| 41 cursor: pointer; |
| 42 } |
| 43 #weakPersistentHandlesTable tr:hover > td { |
| 44 background-color: #F4C7C3; |
| 45 } |
| 46 .nav-option { |
| 47 color: white; |
| 48 float: right; |
| 49 margin: 3px; |
| 50 padding: 8px; |
| 51 } |
| 52 </style> |
| 53 <nav-bar> |
| 54 <top-nav-menu></top-nav-menu> |
| 55 <vm-nav-menu vm="{{ isolate.vm }}"></vm-nav-menu> |
| 56 <isolate-nav-menu isolate="{{ isolate }}"></isolate-nav-menu> |
| 57 <nav-menu link="{{ makeLink('/persistent-handles', isolate) }}" anchor="pe
rsistent handles" last="{{ true }}"></nav-menu> |
| 58 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 59 </nav-bar> |
| 60 <div class="content-centered-big"> |
| 61 <template if="{{ persistentHandles.isEmpty }}"> |
| 62 <h1>Persistent Handles (0)</h1> |
| 63 <hr> |
| 64 </template> |
| 65 <template if="{{ persistentHandles.isNotEmpty }}"> |
| 66 <h1>Persistent Handles ({{ persistentHandles.length }})</h1> |
| 67 <hr> |
| 68 <curly-block expand="{{ persistentHandles.length <= 8 }}"> |
| 69 <div class="memberList"> |
| 70 <template repeat="{{ persistentHandle in persistentHandles }}"> |
| 71 <div class="memberItem"> |
| 72 <div class="memberValue"> |
| 73 <any-service-ref ref="{{ persistentHandle['object'] }}"> |
| 74 </any-service-ref> |
| 75 </div> |
| 76 </div> |
| 77 </template> |
| 78 </div> |
| 79 </curly-block><br><br> |
| 80 </template> |
| 81 <br><br> |
| 82 <template if="{{ weakPersistentHandles.isEmpty }}"> |
| 83 <h1>Weak Persistent Handles (0)</h1> |
| 84 <hr> |
| 85 </template> |
| 86 <template if="{{ weakPersistentHandles.isNotEmpty }}"> |
| 87 <h1>Weak Persistent Handles ({{ weakPersistentHandles.length }})</h1> |
| 88 <hr> |
| 89 </template> |
| 90 <table id="weakPersistentHandlesTable" class="flex-item-100-percent table"
> |
| 91 <thead id="weakPersistentHandlesTableHead"> |
| 92 <tr> |
| 93 <th on-click="{{changeSort}}" class="clickable" title="External Size
">{{ weakPersistentHandlesTable.getColumnLabel(0) }}</th> |
| 94 <th on-click="{{changeSort}}" class="clickable" title="Peer">{{ weak
PersistentHandlesTable.getColumnLabel(1) }}</th> |
| 95 <th on-click="{{changeSort}}" class="clickable" title="Finalizer Cal
lback">{{ weakPersistentHandlesTable.getColumnLabel(2) }}</th> |
| 96 <th class="spacer"></th> |
| 97 <th on-click="{{changeSort}}" class="clickable" title="Object">{{ we
akPersistentHandlesTable.getColumnLabel(4) }}</th> |
| 98 </tr> |
| 99 </thead> |
| 100 <tbody id="weakPersistentHandlesTableBody"> |
| 101 </tbody> |
| 102 </table> |
| 103 <view-footer></view-footer> |
| 104 </div> |
| 105 </template> |
| 106 </polymer-element> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1719313002:
Add persistent handles to service protocol and Observatory UI (Closed)
Base URL: git@github.com:dart-lang/sdk.git@master