| 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 459 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 470 </td> | 470 </td> |
| 471 <td> | 471 <td> |
| 472 <class-ref app="{{ app }}" ref="{{ cls }}" internal=""></class-ref> | 472 <class-ref app="{{ app }}" ref="{{ cls }}" internal=""></class-ref> |
| 473 </td> | 473 </td> |
| 474 </tr> | 474 </tr> |
| 475 </tbody> | 475 </tbody> |
| 476 </table> | 476 </table> |
| 477 | 477 |
| 478 </template> | 478 </template> |
| 479 | 479 |
| 480 </polymer-element><polymer-element name="source-view" extends="observatory-eleme
nt"> | 480 </polymer-element><polymer-element name="script-view" extends="observatory-eleme
nt"> |
| 481 <template> | 481 <template> |
| 482 <div class="row"> | 482 <div class="row"> |
| 483 <div class="col-md-8 col-md-offset-2"> | 483 <div class="col-md-8 col-md-offset-2"> |
| 484 <div class="panel-heading">{{ source.url }}</div> | 484 <div class="panel-heading"> |
| 485 <button on-click="{{refreshCoverage}}">Refresh Coverage</button> |
| 486 {{ script.scriptRef['user_name'] }} |
| 487 {{ script.coveredPercentageFormatted() }} |
| 488 </div> |
| 485 <div class="panel-body"> | 489 <div class="panel-body"> |
| 486 <div class="row"> | 490 <table style="width:100%"> |
| 487 <div><strong>Source</strong></div> | 491 <tbody> |
| 488 </div> | 492 <tr template="" repeat="{{ line in script.linesForDisplay }}"> |
| 489 <pre> <template repeat="{{ line in source.lines }}">{{line.padded
Line}} {{line.src}} | 493 <td style="{{ hitsStyle(line) }}"> </td> |
| 490 </template> | 494 <td style="font-family: consolas, courier, monospace;font-size: 1em;
line-height: 1.2em;white-space: nowrap;">{{line.line}}</td> |
| 491 </pre> | 495 <td width="99%" style="font-family: consolas, courier, monospace;fon
t-size: 1em;line-height: 1.2em;">{{line.text}}</td> |
| 496 </tr> |
| 497 </tbody> |
| 498 </table> |
| 492 </div> | 499 </div> |
| 493 </div> | 500 </div> |
| 494 </div> | 501 </div> |
| 495 </template> | 502 </template> |
| 496 | 503 |
| 497 </polymer-element><polymer-element name="script-view" extends="observatory-eleme
nt"> | |
| 498 <template> | |
| 499 <source-view app="{{ app }}" source="{{ script['source'] }}"></source-view> | |
| 500 </template> | |
| 501 | |
| 502 </polymer-element><polymer-element name="stack-trace" extends="observatory-eleme
nt"> | 504 </polymer-element><polymer-element name="stack-trace" extends="observatory-eleme
nt"> |
| 503 <template> | 505 <template> |
| 504 <div class="alert alert-info">Stack Trace</div> | 506 <div class="alert alert-info">Stack Trace</div> |
| 505 <table class="table table-hover"> | 507 <table class="table table-hover"> |
| 506 <thead> | 508 <thead> |
| 507 <tr> | 509 <tr> |
| 508 <th>Depth</th> | 510 <th>Depth</th> |
| 509 <th>Function</th> | 511 <th>Function</th> |
| 510 <th>Script</th> | 512 <th>Script</th> |
| 511 <th>Line</th> | 513 <th>Line</th> |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 569 <template if="{{ messageType == 'Smi' }}"> | 571 <template if="{{ messageType == 'Smi' }}"> |
| 570 <instance-view app="{{ app }}" instance="{{ message }}"></instance-view> | 572 <instance-view app="{{ app }}" instance="{{ message }}"></instance-view> |
| 571 </template> | 573 </template> |
| 572 <template if="{{ messageType == 'Function' }}"> | 574 <template if="{{ messageType == 'Function' }}"> |
| 573 <function-view app="{{ app }}" function="{{ message }}"></function-view> | 575 <function-view app="{{ app }}" function="{{ message }}"></function-view> |
| 574 </template> | 576 </template> |
| 575 <template if="{{ messageType == 'Code' }}"> | 577 <template if="{{ messageType == 'Code' }}"> |
| 576 <code-view app="{{ app }}" code="{{ message['code'] }}"></code-view> | 578 <code-view app="{{ app }}" code="{{ message['code'] }}"></code-view> |
| 577 </template> | 579 </template> |
| 578 <template if="{{ messageType == 'Script' }}"> | 580 <template if="{{ messageType == 'Script' }}"> |
| 579 <script-view app="{{ app }}" script="{{ message }}"></script-view> | 581 <script-view app="{{ app }}" script="{{ message['script'] }}"></script-vie
w> |
| 580 </template> | 582 </template> |
| 581 <template if="{{ messageType == 'CPU' }}"> | 583 <template if="{{ messageType == 'CPU' }}"> |
| 582 <json-view json="{{ message }}"></json-view> | 584 <json-view json="{{ message }}"></json-view> |
| 583 </template> | 585 </template> |
| 584 <!-- Add new views and message types in the future here. --> | 586 <!-- Add new views and message types in the future here. --> |
| 585 </template> | 587 </template> |
| 586 | 588 |
| 589 </polymer-element><polymer-element name="navigation-bar-isolate" extends="observ
atory-element"> |
| 590 <template> |
| 591 <ul class="nav navbar-nav"> |
| 592 <li><a href="{{ currentIsolateLink('') }}"> {{currentIsolateName()}}</a>
</li> |
| 593 <template repeat="{{link in links}}"> |
| 594 <li><a href="{{ currentIsolateLink(link) }}">{{ link }}</a></li> |
| 595 </template> |
| 596 </ul> |
| 597 </template> |
| 598 |
| 587 </polymer-element><polymer-element name="navigation-bar" extends="observatory-el
ement"> | 599 </polymer-element><polymer-element name="navigation-bar" extends="observatory-el
ement"> |
| 588 <template> | 600 <template> |
| 589 <nav class="navbar navbar-default" role="navigation"> | 601 <nav class="navbar navbar-default" role="navigation"> |
| 590 <div class="navbar-header"> | 602 <div class="navbar-header"> |
| 591 <a class="navbar-brand" href="">Observatory</a> | 603 <a class="navbar-brand" href="#/isolates">Observatory</a> |
| 592 </div> | 604 </div> |
| 593 <div class="collapse navbar-collapse navbar-ex1-collapse"> | 605 <template if="{{ app.locationManager.hasCurrentIsolate }}"> |
| 594 </div> | 606 <div class="collapse navbar-collapse navbar-ex1-collapse"> |
| 607 <navigation-bar-isolate app="{{ app }}"></navigation-bar-isolate> |
| 608 </div> |
| 609 </template> |
| 595 </nav> | 610 </nav> |
| 596 </template> | 611 </template> |
| 597 | 612 |
| 598 </polymer-element><polymer-element name="isolate-profile" extends="observatory-e
lement"> | 613 </polymer-element><polymer-element name="isolate-profile" extends="observatory-e
lement"> |
| 599 <template> | 614 <template> |
| 600 <p> P R O F I L E </p> | 615 <p> P R O F I L E </p> |
| 601 <div> | 616 <div> |
| 602 <button type="button" on-click="{{refreshData}}">Refresh profile data</but
ton> | 617 <button type="button" on-click="{{refreshData}}">Refresh profile data</but
ton> |
| 603 <span>Top</span> | 618 <span>Top</span> |
| 604 <select selectedindex="{{methodCountSelected}}" value="{{methodCounts[meth
odCountSelected]}}"> | 619 <select selectedindex="{{methodCountSelected}}" value="{{methodCounts[meth
odCountSelected]}}"> |
| (...skipping 13 matching lines...) Expand all Loading... |
| 618 <tbody> | 633 <tbody> |
| 619 <tr template="" repeat="{{ code in topExclusiveCodes }}"> | 634 <tr template="" repeat="{{ code in topExclusiveCodes }}"> |
| 620 <td>{{ codeTicks(code, false) }}</td> | 635 <td>{{ codeTicks(code, false) }}</td> |
| 621 <td>{{ codePercent(code, false) }}</td> | 636 <td>{{ codePercent(code, false) }}</td> |
| 622 <td> | 637 <td> |
| 623 <span>{{ codeName(code) }}</span> | 638 <span>{{ codeName(code) }}</span> |
| 624 <code-ref app="{{ app }}" ref="{{ code.codeRef }}"></code-ref> | 639 <code-ref app="{{ app }}" ref="{{ code.codeRef }}"></code-ref> |
| 625 </td> | 640 </td> |
| 626 </tr> | 641 </tr> |
| 627 </tbody></table> | 642 </tbody></table> |
| 628 <blockquote><strong>Top Inclusive</strong></blockquote> | |
| 629 <table class="table table-hover"> | |
| 630 <thead> | |
| 631 <tr> | |
| 632 <th>Ticks</th> | |
| 633 <th>Percent</th> | |
| 634 <th>Method</th> | |
| 635 </tr> | |
| 636 </thead> | |
| 637 <tbody> | |
| 638 <tr template="" repeat="{{ code in topInclusiveCodes }}"> | |
| 639 <td>{{ codeTicks(code, true) }}</td> | |
| 640 <td>{{ codePercent(code, true) }}</td> | |
| 641 <td> | |
| 642 <span>{{ codeName(code) }}</span> | |
| 643 <code-ref app="{{ app }}" ref="{{ code.codeRef }}"></code-ref> | |
| 644 </td> | |
| 645 </tr> | |
| 646 </tbody></table> | |
| 647 </template> | 643 </template> |
| 648 | 644 |
| 649 </polymer-element> | 645 </polymer-element> |
| 650 <polymer-element name="response-viewer" extends="observatory-element"> | 646 <polymer-element name="response-viewer" extends="observatory-element"> |
| 651 <template> | 647 <template> |
| 652 <template repeat="{{ message in app.requestManager.responses }}"> | 648 <template repeat="{{ message in app.requestManager.responses }}"> |
| 653 <message-viewer app="{{ app }}" message="{{ message }}"></message-viewer> | 649 <message-viewer app="{{ app }}" message="{{ message }}"></message-viewer> |
| 654 <collapsible-content> | |
| 655 <!-- <json-view json="{{ message }}"></json-view> --> | |
| 656 </collapsible-content> | |
| 657 </template> | 650 </template> |
| 658 </template> | 651 </template> |
| 659 | 652 |
| 660 </polymer-element><polymer-element name="observatory-application" extends="obser
vatory-element"> | 653 </polymer-element><polymer-element name="observatory-application" extends="obser
vatory-element"> |
| 661 <template> | 654 <template> |
| 662 <navigation-bar app="{{ app }}"></navigation-bar> | 655 <navigation-bar app="{{ app }}"></navigation-bar> |
| 663 <template if="{{ app.locationManager.profile }}"> | 656 <template if="{{ app.locationManager.profile }}"> |
| 664 <isolate-profile app="{{ app }}"></isolate-profile> | 657 <isolate-profile app="{{ app }}"></isolate-profile> |
| 665 </template> | 658 </template> |
| 666 <template if="{{ app.locationManager.profile == false }}"> | 659 <template if="{{ app.locationManager.profile == false }}"> |
| 667 <response-viewer app="{{ app }}"></response-viewer> | 660 <response-viewer app="{{ app }}"></response-viewer> |
| 668 </template> | 661 </template> |
| 669 </template> | 662 </template> |
| 670 | 663 |
| 671 </polymer-element> | 664 </polymer-element> |
| 672 <observatory-application></observatory-application> | 665 <observatory-application></observatory-application> |
| 673 | 666 |
| 674 </body></html> | 667 </body></html> |
| OLD | NEW |