Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(90)

Side by Side Diff: runtime/observatory/lib/src/elements/class_tree.html

Issue 839633004: Improve performance of table trees by around 3x (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> 1 <link rel="import" href="../../../../packages/polymer/polymer.html">
2 <link rel="import" href="nav_bar.html"> 2 <link rel="import" href="nav_bar.html">
3 <link rel="import" href="observatory_element.html"> 3 <link rel="import" href="observatory_element.html">
4 <link rel="import" href="class_ref.html"> 4 <link rel="import" href="class_ref.html">
5 5
6 <polymer-element name="class-tree" extends="observatory-element"> 6 <polymer-element name="class-tree" extends="observatory-element">
7 <template> 7 <template>
8 <link rel="stylesheet" href="css/shared.css"> 8 <link rel="stylesheet" href="css/shared.css">
9 <style> 9 <style>
10 .table { 10 .table {
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after
90 color: #ffffff; 90 color: #ffffff;
91 } 91 }
92 </style> 92 </style>
93 <nav-bar> 93 <nav-bar>
94 <top-nav-menu last="{{ true }}"></top-nav-menu> 94 <top-nav-menu last="{{ true }}"></top-nav-menu>
95 <nav-control></nav-control> 95 <nav-control></nav-control>
96 </nav-bar> 96 </nav-bar>
97 <div class="content-centered"> 97 <div class="content-centered">
98 <h1>Class Hierarchy</h1> 98 <h1>Class Hierarchy</h1>
99 <table id="tableTree" class="table"> 99 <table id="tableTree" class="table">
100 <thead> 100 <thead id="tableTreeHeader">
101 <tr> 101 <tr>
102 <th>Class</th> 102 <th>Class</th>
103 </tr> 103 </tr>
104 </thead> 104 </thead>
105 <tbody> 105 <tbody id="tableTreeBody"></tbody>
106 <tr template repeat="{{row in tree.rows }}">
107 <td on-click="{{toggleExpanded}}"
108 class="{{ coloring(row) }}"
109 style="{{ padding(row) }}">
110 <span id="expand" style="{{ row.expanderStyle }}">{{ row.expander }}</span>
111 <class-ref ref="{{ row.cls }}"></class-ref>
112 </td>
113 </tr>
114 </tbody>
115 </table> 106 </table>
116 </div> 107 </div>
117 </template> 108 </template>
118 </polymer-element> 109 </polymer-element>
119 110
120 <script type="application/dart" src="class_tree.dart"></script> 111 <script type="application/dart" src="class_tree.dart"></script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698