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

Side by Side Diff: runtime/bin/vmservice/client/deployed/web/index_devtools.html

Issue 135843006: Improve Code object support in service and observatory (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 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 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js" ></script> 1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js" ></script>
2 <script src="packages/custom_element/custom-elements.debug.js"></script> 2 <script src="packages/custom_element/custom-elements.debug.js"></script>
3 <script src="packages/browser/interop.js"></script> 3 <script src="packages/browser/interop.js"></script>
4 4
5 <title>Dart VM Observatory</title> 5 <title>Dart VM Observatory</title>
6 <meta charset="utf-8"> 6 <meta charset="utf-8">
7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
8 8
9 <script src="index_devtools.html_bootstrap.dart.js"></script> 9 <script src="index_devtools.html_bootstrap.dart.js"></script>
10 10
(...skipping 24 matching lines...) Expand all
35 <template> 35 <template>
36 <a href="{{ url }}">{{ name }}</a> 36 <a href="{{ url }}">{{ name }}</a>
37 </template> 37 </template>
38 38
39 </polymer-element> 39 </polymer-element>
40 <polymer-element name="error-view" extends="observatory-element"> 40 <polymer-element name="error-view" extends="observatory-element">
41 <template> 41 <template>
42 <div class="row"> 42 <div class="row">
43 <div class="col-md-8 col-md-offset-2"> 43 <div class="col-md-8 col-md-offset-2">
44 <div class="panel panel-danger"> 44 <div class="panel panel-danger">
45 <div class="panel-heading">Error</div> 45 <div class="panel-heading">{{ error['errorType'] }}</div>
46 <div class="panel-body"> 46 <div class="panel-body">
47 <template if="{{ (error_obj == null) || (error_obj['type'] != 'Languag eError') }}"> 47 <p>{{ error['text'] }}</p>
48 <p>{{ error }}</p>
49 </template>
50 <template if="{{ (error_obj != null) &amp;&amp; (error_obj['type'] == 'LanguageError') }}">
51 <pre>{{ error_obj['error_msg'] }}</pre>
52 </template>
53 </div> 48 </div>
54 </div> 49 </div>
55 </div> 50 </div>
56 </div> 51 </div>
57 </template> 52 </template>
58 53
59 </polymer-element><polymer-element name="field-ref" extends="service-ref"> 54 </polymer-element><polymer-element name="field-ref" extends="service-ref">
60 <template> 55 <template>
61 <div> 56 <div>
62 <template if="{{ ref['final'] }}"> final </template> 57 <template if="{{ ref['final'] }}"> final </template>
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
164 159
165 </polymer-element> 160 </polymer-element>
166 <polymer-element name="code-ref" extends="service-ref"> 161 <polymer-element name="code-ref" extends="service-ref">
167 <template> 162 <template>
168 <a href="{{ url }}">{{ name }}</a> 163 <a href="{{ url }}">{{ name }}</a>
169 </template> 164 </template>
170 165
171 </polymer-element><polymer-element name="disassembly-entry" extends="observatory -element"> 166 </polymer-element><polymer-element name="disassembly-entry" extends="observatory -element">
172 <template> 167 <template>
173 <div class="row"> 168 <div class="row">
174 <template if="{{ instruction['type'] == 'DisassembledInstructionComment' }}" > 169 <div class="col-md-2">{{ instruction.formattedTicks() }}</div>
175 <div class="col-md-2"></div> 170 <div class="col-md-2">{{ instruction.formattedAddress() }}</div>
176 <div class="col-md-2"></div>
177 <div class="col-md-4"><code>{{ instruction['comment'] }}</code></div>
178 </template>
179 <template if="{{ instruction['type'] == 'DisassembledInstruction' }}">
180 <div class="col-md-2"></div>
181 <div class="col-md-2">{{ instruction['pc'] }}</div>
182 <div class="col-md-4"> 171 <div class="col-md-4">
183 <code>{{ instruction['hex'] }} {{ instruction['human'] }}</code> 172 <code>{{ instruction.machine }} {{ instruction.human }}</code>
184 </div> 173 </div>
185 </template>
186 </div> 174 </div>
187 </template> 175 </template>
188 176
189 </polymer-element><polymer-element name="code-view" extends="observatory-element "> 177 </polymer-element><polymer-element name="code-view" extends="observatory-element ">
190 <template> 178 <template>
191 <div class="row"> 179 <div class="row">
192 <div class="col-md-8 col-md-offset-2"> 180 <div class="col-md-8 col-md-offset-2">
193 <div class="{{ cssPanelClass }}"> 181 <div class="{{ cssPanelClass }}">
194 <div class="panel-heading"> 182 <div class="panel-heading">
195 <function-ref app="{{ app }}" ref="{{ code['function'] }}"></function- ref> 183 <function-ref app="{{ app }}" ref="{{ code.functionRef }}"></function- ref>
196 </div> 184 </div>
197 <div class="panel-body"> 185 <div class="panel-body">
198 <div class="row"> 186 <div class="row">
199 <div class="col-md-2"><strong>Samples</strong></div> 187 <div class="col-md-2"><strong>Samples</strong></div>
200 <div class="col-md-2"><strong>Address</strong></div> 188 <div class="col-md-2"><strong>Address</strong></div>
201 <div><strong>Instruction</strong></div> 189 <div><strong>Instruction</strong></div>
202 </div> 190 </div>
203 <template repeat="{{ instruction in code['disassembly'] }}"> 191 <template repeat="{{ instruction in code.instructions }}">
204 <disassembly-entry instruction="{{ instruction }}"> 192 <disassembly-entry instruction="{{ instruction }}">
205 </disassembly-entry> 193 </disassembly-entry>
206 </template> 194 </template>
207 </div> 195 </div>
208 </div> 196 </div>
209 </div> 197 </div>
210 </div> 198 </div>
211 </template> 199 </template>
212 200
213 </polymer-element><polymer-element name="collapsible-content" extends="observato ry-element"> 201 </polymer-element><polymer-element name="collapsible-content" extends="observato ry-element">
(...skipping 304 matching lines...) Expand 10 before | Expand all | Expand 10 after
518 <thead> 506 <thead>
519 <tr> 507 <tr>
520 <th>Depth</th> 508 <th>Depth</th>
521 <th>Function</th> 509 <th>Function</th>
522 <th>Script</th> 510 <th>Script</th>
523 <th>Line</th> 511 <th>Line</th>
524 </tr> 512 </tr>
525 </thead> 513 </thead>
526 <tbody> 514 <tbody>
527 <tr template="" repeat="{{ frame in trace['members'] }}"> 515 <tr template="" repeat="{{ frame in trace['members'] }}">
528 <td>{{$index}}</td> 516 <td></td>
529 <td><function-ref app="{{ app }}" ref="{{ frame['function'] }}"></functi on-ref></td> 517 <td><function-ref app="{{ app }}" ref="{{ frame['function'] }}"></functi on-ref></td>
530 <td><script-ref app="{{ app }}" ref="{{ frame['script'] }}"></script-ref ></td> 518 <td><script-ref app="{{ app }}" ref="{{ frame['script'] }}"></script-ref ></td>
531 <td>{{ frame['line'] }}</td> 519 <td>{{ frame['line'] }}</td>
532 </tr> 520 </tr>
533 </tbody> 521 </tbody>
534 </table> 522 </table>
535 </template> 523 </template>
536 524
537 </polymer-element><polymer-element name="message-viewer" extends="observatory-el ement"> 525 </polymer-element><polymer-element name="message-viewer" extends="observatory-el ement">
538 <!-- 526 <!--
539 This is a big switch statement which instantiates the custom element 527 This is a big switch statement which instantiates the custom element
540 designated to display the message type. 528 designated to display the message type.
541 --> 529 -->
542 <template> 530 <template>
543 <!-- If the message type is an IsolateList --> 531 <!-- If the message type is an IsolateList -->
544 <template if="{{ messageType == 'IsolateList' }}"> 532 <template if="{{ messageType == 'IsolateList' }}">
545 <isolate-list app="{{ app }}"></isolate-list> 533 <isolate-list app="{{ app }}"></isolate-list>
546 </template> 534 </template>
547 <!-- If the message type is a StackTrace --> 535 <!-- If the message type is a StackTrace -->
548 <template if="{{ messageType == 'StackTrace' }}"> 536 <template if="{{ messageType == 'StackTrace' }}">
549 <stack-trace app="{{ app }}" trace="{{ message }}"></stack-trace> 537 <stack-trace app="{{ app }}" trace="{{ message }}"></stack-trace>
550 </template> 538 </template>
551 <template if="{{ messageType == 'BreakpointList' }}"> 539 <template if="{{ messageType == 'BreakpointList' }}">
552 <breakpoint-list app="{{ app }}" msg="{{ message }}"></breakpoint-list> 540 <breakpoint-list app="{{ app }}" msg="{{ message }}"></breakpoint-list>
553 </template> 541 </template>
554 <!-- If the message type is a RequestError --> 542 <template if="{{ messageType == 'Error' }}">
555 <template if="{{ messageType == 'RequestError' }}"> 543 <error-view app="{{ app }}" error="{{ message }}"></error-view>
556 <error-view app="{{ app }}" error="{{ message['error'] }}"></error-view>
557 </template> 544 </template>
558 <template if="{{ messageType == 'Library' }}"> 545 <template if="{{ messageType == 'Library' }}">
559 <library-view app="{{ app }}" library="{{ message }}"></library-view> 546 <library-view app="{{ app }}" library="{{ message }}"></library-view>
560 </template> 547 </template>
561 <template if="{{ messageType == 'Class' }}"> 548 <template if="{{ messageType == 'Class' }}">
562 <class-view app="{{ app }}" cls="{{ message }}"></class-view> 549 <class-view app="{{ app }}" cls="{{ message }}"></class-view>
563 </template> 550 </template>
564 <template if="{{ messageType == 'Field' }}"> 551 <template if="{{ messageType == 'Field' }}">
565 <field-view app="{{ app }}" field="{{ message }}"></field-view> 552 <field-view app="{{ app }}" field="{{ message }}"></field-view>
566 </template> 553 </template>
(...skipping 12 matching lines...) Expand all
579 <template if="{{ messageType == 'Bool' }}"> 566 <template if="{{ messageType == 'Bool' }}">
580 <instance-view app="{{ app }}" instance="{{ message }}"></instance-view> 567 <instance-view app="{{ app }}" instance="{{ message }}"></instance-view>
581 </template> 568 </template>
582 <template if="{{ messageType == 'Smi' }}"> 569 <template if="{{ messageType == 'Smi' }}">
583 <instance-view app="{{ app }}" instance="{{ message }}"></instance-view> 570 <instance-view app="{{ app }}" instance="{{ message }}"></instance-view>
584 </template> 571 </template>
585 <template if="{{ messageType == 'Function' }}"> 572 <template if="{{ messageType == 'Function' }}">
586 <function-view app="{{ app }}" function="{{ message }}"></function-view> 573 <function-view app="{{ app }}" function="{{ message }}"></function-view>
587 </template> 574 </template>
588 <template if="{{ messageType == 'Code' }}"> 575 <template if="{{ messageType == 'Code' }}">
589 <code-view app="{{ app }}" code="{{ message }}"></code-view> 576 <code-view app="{{ app }}" code="{{ message['code'] }}"></code-view>
590 </template> 577 </template>
591 <template if="{{ messageType == 'Script' }}"> 578 <template if="{{ messageType == 'Script' }}">
592 <script-view app="{{ app }}" script="{{ message }}"></script-view> 579 <script-view app="{{ app }}" script="{{ message }}"></script-view>
593 </template> 580 </template>
594 <template if="{{ messageType == 'CPU' }}"> 581 <template if="{{ messageType == 'CPU' }}">
595 <json-view json="{{ message }}"></json-view> 582 <json-view json="{{ message }}"></json-view>
596 </template> 583 </template>
597 <!-- Add new views and message types in the future here. --> 584 <!-- Add new views and message types in the future here. -->
598 </template> 585 </template>
599 586
(...skipping 12 matching lines...) Expand all
612 <template> 599 <template>
613 <p> P R O F I L E </p> 600 <p> P R O F I L E </p>
614 <div> 601 <div>
615 <button type="button" on-click="{{refreshData}}">Refresh profile data</but ton> 602 <button type="button" on-click="{{refreshData}}">Refresh profile data</but ton>
616 <span>Top</span> 603 <span>Top</span>
617 <select selectedindex="{{methodCountSelected}}" value="{{methodCounts[meth odCountSelected]}}"> 604 <select selectedindex="{{methodCountSelected}}" value="{{methodCounts[meth odCountSelected]}}">
618 <option template="" repeat="{{count in methodCounts}}">{{count}}</option > 605 <option template="" repeat="{{count in methodCounts}}">{{count}}</option >
619 </select> 606 </select>
620 <span>methods</span> 607 <span>methods</span>
621 </div> 608 </div>
622 <blockquote><strong>Top Inclusive</strong></blockquote> 609 <blockquote><strong>Top Exclusive</strong></blockquote>
623 <table class="table table-hover"> 610 <table class="table table-hover">
624 <thead> 611 <thead>
625 <tr> 612 <tr>
626 <th>Ticks</th> 613 <th>Ticks</th>
627 <th>Percent</th> 614 <th>Percent</th>
628 <th>Method</th> 615 <th>Method</th>
629 </tr> 616 </tr>
630 </thead> 617 </thead>
631 <tbody> 618 <tbody>
632 <tr template="" repeat="{{ code in topInclusiveCodes }}"> 619 <tr template="" repeat="{{ code in topExclusiveCodes }}">
633 <td>{{ codeTicks(code, true) }}</td> 620 <td>{{ codeTicks(code, false) }}</td>
634 <td>{{ codePercent(code, true) }}</td> 621 <td>{{ codePercent(code, false) }}</td>
635 <td>{{ codeName(code) }}</td> 622 <td>
623 <span>{{ codeName(code) }}</span>
624 <code-ref app="{{ app }}" ref="{{ code.codeRef }}"></code-ref>
625 </td>
636 </tr> 626 </tr>
637 </tbody></table> 627 </tbody></table>
638 <blockquote><strong>Top Exclusive</strong></blockquote> 628 <blockquote><strong>Top Inclusive</strong></blockquote>
639 <table class="table table-hover"> 629 <table class="table table-hover">
640 <thead> 630 <thead>
641 <tr> 631 <tr>
642 <th>Ticks</th> 632 <th>Ticks</th>
643 <th>Percent</th> 633 <th>Percent</th>
644 <th>Method</th> 634 <th>Method</th>
645 </tr> 635 </tr>
646 </thead> 636 </thead>
647 <tbody> 637 <tbody>
648 <tr template="" repeat="{{ code in topExclusiveCodes }}"> 638 <tr template="" repeat="{{ code in topInclusiveCodes }}">
649 <td>{{ codeTicks(code, false) }}</td> 639 <td>{{ codeTicks(code, true) }}</td>
650 <td>{{ codePercent(code, false) }}</td> 640 <td>{{ codePercent(code, true) }}</td>
651 <td>{{ codeName(code) }}</td> 641 <td>
642 <span>{{ codeName(code) }}</span>
643 <code-ref app="{{ app }}" ref="{{ code.codeRef }}"></code-ref>
644 </td>
652 </tr> 645 </tr>
653 </tbody></table> 646 </tbody></table>
654 </template> 647 </template>
655 648
656 </polymer-element> 649 </polymer-element>
657 <polymer-element name="response-viewer" extends="observatory-element"> 650 <polymer-element name="response-viewer" extends="observatory-element">
658 <template> 651 <template>
659 <template repeat="{{ message in app.requestManager.responses }}"> 652 <template repeat="{{ message in app.requestManager.responses }}">
660 <message-viewer app="{{ app }}" message="{{ message }}"></message-viewer> 653 <message-viewer app="{{ app }}" message="{{ message }}"></message-viewer>
661 <collapsible-content> 654 <collapsible-content>
(...skipping 10 matching lines...) Expand all
672 </template> 665 </template>
673 <template if="{{ app.locationManager.profile == false }}"> 666 <template if="{{ app.locationManager.profile == false }}">
674 <response-viewer app="{{ app }}"></response-viewer> 667 <response-viewer app="{{ app }}"></response-viewer>
675 </template> 668 </template>
676 </template> 669 </template>
677 670
678 </polymer-element> 671 </polymer-element>
679 <observatory-application devtools="true"></observatory-application> 672 <observatory-application devtools="true"></observatory-application>
680 673
681 </body></html> 674 </body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698