| OLD | NEW |
| 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.html_bootstrap.dart.js"></script> | 9 <script src="index.html_bootstrap.dart.js"></script> |
| 10 | 10 |
| (...skipping 24 matching lines...) Expand all Loading... |
| 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) && (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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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></observatory-application> | 672 <observatory-application></observatory-application> |
| 680 | 673 |
| 681 </body></html> | 674 </body></html> |
| OLD | NEW |