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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/isolate_profile.html

Issue 237683004: Disable applyAuthorStyles (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 8 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
« runtime/bin/vmservice/client/lib/src/app/utils.dart ('K') | « runtime/bin/vmservice/client/lib/src/elements/isolate_profile.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/isolate_ref.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <head> 1 <head>
2 <link rel="import" href="code_ref.html"> 2 <link rel="import" href="code_ref.html">
3 <link rel="import" href="nav_bar.html"> 3 <link rel="import" href="nav_bar.html">
4 <link rel="import" href="observatory_element.html"> 4 <link rel="import" href="observatory_element.html">
5 <link rel="import" href="sliding_checkbox.html"> 5 <link rel="import" href="sliding_checkbox.html">
6 </head> 6 </head>
7 <polymer-element name="isolate-profile" extends="observatory-element"> 7 <polymer-element name="isolate-profile" extends="observatory-element">
8 <template> 8 <template>
9 <link rel="stylesheet" href="css/shared.css" />
9 <nav-bar> 10 <nav-bar>
10 <top-nav-menu></top-nav-menu> 11 <top-nav-menu></top-nav-menu>
11 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 12 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
12 <nav-menu link="." anchor="cpu profile" last="{{ true }}"></nav-menu> 13 <nav-menu link="." anchor="cpu profile" last="{{ true }}"></nav-menu>
13 <nav-refresh callback="{{ refresh }}"></nav-refresh> 14 <nav-refresh callback="{{ refresh }}"></nav-refresh>
14 </nav-bar> 15 </nav-bar>
15 <style> 16 <style>
16 .content { 17 .table {
17 padding-left: 10%; 18 border-collapse: collapse!important;
18 font: 400 14px 'Montserrat', sans-serif; 19 width: 100%;
20 margin-bottom: 20px
19 } 21 }
20 h1 { 22 .table thead > tr > th,
21 font: 400 18px 'Montserrat', sans-serif; 23 .table tbody > tr > th,
24 .table tfoot > tr > th,
25 .table thead > tr > td,
26 .table tbody > tr > td,
27 .table tfoot > tr > td {
28 padding: 8px;
29 vertical-align: top;
22 } 30 }
23 .member, .memberHeader { 31 .table thead > tr > th {
24 vertical-align: top; 32 vertical-align: bottom;
25 padding: 3px 0 3px 1em; 33 text-align: left;
26 font: 400 14px 'Montserrat', sans-serif; 34 border-bottom:2px solid #ddd;
27 } 35 }
28 .monospace { 36
29 font-family: consolas, courier, monospace; 37 tr:hover > td {
30 font-size: 1em; 38 background-color: #FFF3E3;
31 line-height: 1.2em;
32 white-space: nowrap;
33 } 39 }
40 .rowColor0 {
41 background-color: #FFE9CC;
42 }
43 .rowColor1 {
44 background-color: #FFDEB2;
45 }
46 .rowColor2 {
47 background-color: #FFD399;
48 }
49 .rowColor3 {
50 background-color: #FFC87F;
51 }
52 .rowColor4 {
53 background-color: #FFBD66;
54 }
55 .rowColor5 {
56 background-color: #FFB24C;
57 }
58 .rowColor6 {
59 background-color: #FFA733;
60 }
61 .rowColor7 {
62 background-color: #FF9C19;
63 }
64 .rowColor8 {
65 background-color: #FF9100;
66 }
67
68 .tooltip {
69 display: block;
70 position: absolute;
71 visibility: hidden;
72 opacity: 0;
73 transition: visibility 0s linear 0.5s;
74 transition: opacity .4s ease-in-out;
75 }
76
77 tr:hover .tooltip {
78 display: block;
79 position: absolute;
80 top: 100%;
81 right: 100%;
82 visibility: visible;
83 z-index: 999;
84 width: 400px;
85 color: #ffffff;
86 background-color: #0489c3;
87 border-top-right-radius: 8px;
88 border-top-left-radius: 8px;
89 border-bottom-right-radius: 8px;
90 border-bottom-left-radius: 8px;
91 transition: visibility 0s linear 0.5s;
92 transition: opacity .4s ease-in-out;
93 opacity: 1;
94 }
95
96 .white {
97 color: #ffffff;
98 }
99
34 </style> 100 </style>
35 <div class="content"> 101 <div class="content">
36 <h1>Sampled CPU profile</h1> 102 <h1>Sampled CPU profile</h1>
37 <table> 103 <div class="memberList">
38 <tr> 104 <div class="memberItem">
39 <td class="memberHeader">Timestamp</td> 105 <div class="memberName">Timestamp</div>
40 <td class="member">{{ refreshTime }}</td> 106 <div class="memberValue">{{ refreshTime }}</div>
41 </tr> 107 </div>
42 <tr> 108 <div class="memberItem">
43 <td class="memberHeader">Sample count</td> 109 <div class="memberName">Time span</div>
44 <td class="member">{{ sampleCount }}</td> 110 <div class="memberValue">{{ timeSpan }}</div>
45 </tr> 111 </div>
46 <tr> 112 <div class="memberItem">
47 <td class="memberHeader">Sample rate</td> 113 <div class="memberName">Sample count</div>
48 <td class="member">{{ sampleRate }} Hz</td> 114 <div class="memberValue">{{ sampleCount }}</div>
49 </tr> 115 </div>
50 <tr> 116 <div class="memberItem">
51 <td class="memberHeader">Sample depth</td> 117 <div class="memberName">Sample rate</div>
52 <td class="member">{{ sampleDepth }} stack frames</td> 118 <div class="memberValue">{{ sampleRate }} Hz</div>
53 </tr> 119 </div>
54 <tr> 120 <div class="memberItem">
55 <td class="memberHeader">Call graph tree</td> 121 <div class="memberName">Sample depth</div>
56 <td class="member"> 122 <div class="memberValue">{{ sampleDepth }} stack frames</div>
57 <input type="checkbox" checked="{{ callGraphChecked }}"> 123 </div>
58 </td> 124 <div class="memberItem">
59 <tr> 125 <div class="memberName">Display cutoff</div>
60 <td class="memberHeader">Display cutoff</td> 126 <div class="memberValue">{{ displayCutoff }}</div>
61 <td class="member">{{ displayCutoff }}</td> 127 </div>
62 </tr> 128 <div class="memberItem">
63 <tr> 129 <div class="memberName">Tags</div>
64 <td class="memberHeader">Hide tags</td> 130 <div class="memberValue">
65 <td class="member"> 131 <select value="{{tagSelector}}">
66 <input type="checkbox" checked="{{ hideTagsChecked }}"> 132 <option value="uv">User &gt; VM</option>
67 </td> 133 <option value="u">User</option>
68 </tr> 134 <option value="vu">VM &gt; User</option>
69 </table> 135 <option value="v">VM</option>
136 <option value="hide">None</option>
137 </select>
138 </div>
139 </div>
140 </div>
70 <hr> 141 <hr>
71 <table id="tableTree" class="table table-hover"> 142 <table id="tableTree" class="table">
72 <thead> 143 <thead>
73 <tr> 144 <tr>
74 <th>Method</th> 145 <th>Method</th>
75 <th>Caller</th> 146 <th>Self</th>
76 <th>Exclusive</th>
77 </tr> 147 </tr>
78 </thead> 148 </thead>
79 <tbody> 149 <tbody>
80 <tr template repeat="{{row in tree.rows }}" style="{{}}"> 150 <tr template repeat="{{row in tree.rows }}" style="{{}}">
81 <td on-click="{{toggleExpanded}}" 151 <td on-click="{{toggleExpanded}}"
82 class="{{ coloring(row) }}" 152 class="{{ coloring(row) }}"
83 style="{{ padding(row) }}"> 153 style="{{ padding(row) }}">
84 <span id="expand" style="cursor: pointer;">{{ row.expander }}</spa n> 154 <span id="expand" style="cursor: pointer;">{{ row.expander }}</spa n>
85 <code-ref ref="{{ row.code }}"></code-ref> 155 <div style="position: relative;display: inline">
156 {{row.columns[0]}}
157 </div>
158 <function-ref ref="{{ row.code.function }}"></function-ref>
86 </td> 159 </td>
87 <td class="{{ coloring(row) }}">{{row.columns[0]}}</td> 160 <td class="{{ coloring(row) }}" style="position: relative">
88 <td class="{{ coloring(row) }}">{{row.columns[1]}}</td> 161 {{row.columns[1]}}
162 <div class="tooltip">
163 <div class="memberList">
164 <div class="memberItem">
165 <div class="memberName white">Kind</div>
166 <div class="memberValue white">{{ row.tipKind }}</div>
167 </div>
168 <div class="memberItem">
169 <div class="memberName white">Percent of Parent</div>
170 <div class="memberValue white">{{ row.tipParent }}</div>
171 </div>
172 <div class="memberItem">
173 <div class="memberName white">Sample Count</div>
174 <div class="memberValue white">{{ row.tipTicks }} ({{ row.tip Exclusive }})</div>
175 </div>
176 <div class="memberItem">
177 <div class="memberName white">Approximate Execution Time</div >
178 <div class="memberValue white">{{ row.tipTime }}</div>
179 </div>
180 </div>
181 </div>
182 </td>
89 </tr> 183 </tr>
90 </tbody> 184 </tbody>
91 </table> 185 </table>
92 </div> 186 </div>
93 </template> 187 </template>
94 <script type="application/dart" src="isolate_profile.dart"></script> 188 <script type="application/dart" src="isolate_profile.dart"></script>
95 </polymer-element> 189 </polymer-element>
OLDNEW
« runtime/bin/vmservice/client/lib/src/app/utils.dart ('K') | « runtime/bin/vmservice/client/lib/src/elements/isolate_profile.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/isolate_ref.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698