| OLD | NEW |
|---|
| 1 <!DOCTYPE html><html><head> | 1 <!DOCTYPE html><html><head> |
| 2 <title>Dart VM Observatory</title> | 2 <title>Dart VM Observatory</title> |
| 3 <meta charset="utf-8"> | 3 <meta charset="utf-8"> |
| 4 | 4 |
| 5 | 5 |
| 6 | 6 |
| 7 | 7 |
| 8 | 8 |
| 9 | 9 |
| 10 | 10 |
| (...skipping 3394 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3405 | 3405 |
| 3406 | 3406 |
| 3407 | 3407 |
| 3408 <polymer-element name="script-inset" extends="observatory-element"> | 3408 <polymer-element name="script-inset" extends="observatory-element"> |
| 3409 <template> | 3409 <template> |
| 3410 <style> | 3410 <style> |
| 3411 .sourceInset { | 3411 .sourceInset { |
| 3412 padding-left: 15%; | 3412 padding-left: 15%; |
| 3413 padding-right: 15%; | 3413 padding-right: 15%; |
| 3414 } | 3414 } |
| 3415 .grayBox { | 3415 .sourceBox { |
| 3416 width: 100%; | 3416 width: 100%; |
| 3417 background-color: #f5f5f5; | 3417 background-color: #f5f5f5; |
| 3418 border: 1px solid #ccc; | 3418 border: 1px solid #ccc; |
| 3419 padding: 10px; | 3419 padding: 10px; |
| 3420 } | 3420 overflow-y: auto; |
| 3421 } |
| 3422 .sourceTable { |
| 3423 display: table; |
| 3424 } |
| 3425 .sourceRow { |
| 3426 display: table-row; |
| 3427 } |
| 3428 .sourceItem, .sourceItemCurrent { |
| 3429 display: table-cell; |
| 3430 vertical-align: top; |
| 3431 font: 400 14px consolas, courier, monospace; |
| 3432 line-height: 125%; |
| 3433 white-space: pre; |
| 3434 } |
| 3435 .sourceItemCurrent { |
| 3436 background-color: #6cf; |
| 3437 } |
| 3438 .hitsNone, .hitsNotExecuted, .hitsExecuted { |
| 3439 min-width: 32px; |
| 3440 text-align: right; |
| 3441 } |
| 3442 .hitsNotExecuted { |
| 3443 background-color: #e66; |
| 3444 } |
| 3445 .hitsExecuted { |
| 3446 background-color: #6d6; |
| 3447 } |
| 3421 </style> | 3448 </style> |
| 3422 <div class="sourceInset"> | 3449 <div class="sourceInset"> |
| 3423 <content></content> | 3450 <content></content> |
| 3424 <div class="grayBox"> | 3451 <div class="sourceBox" style="height:{{height}}"> |
| 3425 <table> | 3452 <div class="sourceTable"> |
| 3426 <tbody> | 3453 <template repeat="{{ line in lines }}"> |
| 3427 <tr template="" repeat="{{ lineNumber in lineNumbers }}"> | 3454 <div class="sourceRow" id="{{ makeLineId(line.line) }}"> |
| 3428 <td style="{{ styleForHits(script.lines[lineNumber].hits) }}"><spa
n> </span></td> | 3455 <template if="{{ line.hits == null }}"> |
| 3429 <td style="font-family: consolas, courier, monospace;font-size: 1e
m;line-height: 1.2em;white-space: nowrap;">{{script.lines[lineNumber].line}}</td
> | 3456 <div class="hitsNone">{{ line.line }}</div> |
| 3430 <td> </td> | 3457 </template> |
| 3431 <td width="99%" style="font-family: consolas, courier, monospace;f
ont-size: 1em;line-height: 1.2em;white-space: pre;">{{script.lines[lineNumber].t
ext}}</td> | 3458 <template if="{{ line.hits == 0 }}"> |
| 3432 </tr> | 3459 <div class="hitsNotExecuted">{{ line.line }}</div> |
| 3433 </tbody> | 3460 </template> |
| 3434 </table> | 3461 <template if="{{ line.hits > 0 }}"> |
| 3462 <div class="hitsExecuted">{{ line.line }}</div> |
| 3463 </template> |
| 3464 <div class="sourceItem"> </div> |
| 3465 <template if="{{ line.line == currentLine }}"> |
| 3466 <div id="currentLine" class="sourceItemCurrent">{{line.text}}</d
iv> |
| 3467 </template> |
| 3468 <template if="{{ line.line != currentLine }}"> |
| 3469 <div class="sourceItem">{{line.text}}</div> |
| 3470 </template> |
| 3471 </div> |
| 3472 </template> |
| 3473 </div> |
| 3435 </div> | 3474 </div> |
| 3436 </div> | 3475 </div> |
| 3437 </template> | 3476 </template> |
| 3438 </polymer-element> | 3477 </polymer-element> |
| 3439 | 3478 |
| 3440 | 3479 |
| 3441 | 3480 |
| 3442 | 3481 |
| 3443 | 3482 |
| 3444 | 3483 |
| (...skipping 665 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4110 </template> | 4149 </template> |
| 4111 </div> | 4150 </div> |
| 4112 | 4151 |
| 4113 <hr> | 4152 <hr> |
| 4114 | 4153 |
| 4115 <div class="content"> | 4154 <div class="content"> |
| 4116 <eval-box callback="{{ eval }}"></eval-box> | 4155 <eval-box callback="{{ eval }}"></eval-box> |
| 4117 </div> | 4156 </div> |
| 4118 | 4157 |
| 4119 <hr> | 4158 <hr> |
| 4120 <script-inset script="{{ cls.script }}" pos="{{ cls.tokenPos }}" endpos="{{
cls.endTokenPos }}"> | 4159 <script-inset script="{{ cls.script }}" startpos="{{ cls.tokenPos }}" endpos
="{{ cls.endTokenPos }}"> |
| 4121 </script-inset> | 4160 </script-inset> |
| 4122 | 4161 |
| 4123 <br><br><br><br> | 4162 <br><br><br><br> |
| 4124 <br><br><br><br> | 4163 <br><br><br><br> |
| 4125 </template> | 4164 </template> |
| 4126 </polymer-element> | 4165 </polymer-element> |
| 4127 | 4166 |
| 4128 | 4167 |
| 4129 | 4168 |
| 4130 | 4169 |
| 4170 |
| 4131 <polymer-element name="code-ref" extends="service-ref"> | 4171 <polymer-element name="code-ref" extends="service-ref"> |
| 4132 <template> | 4172 <template> |
| 4133 <style> | 4173 <style> |
| 4134 /* Global styles */ | 4174 /* Global styles */ |
| 4135 * { | 4175 * { |
| 4136 margin: 0; | 4176 margin: 0; |
| 4137 padding: 0; | 4177 padding: 0; |
| 4138 font: 400 14px 'Montserrat', sans-serif; | 4178 font: 400 14px 'Montserrat', sans-serif; |
| 4139 color: #333; | 4179 color: #333; |
| 4140 box-sizing: border-box; | 4180 box-sizing: border-box; |
| (...skipping 2464 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 6605 <template if="{{ function.name != function.vmName }}"> | 6645 <template if="{{ function.name != function.vmName }}"> |
| 6606 <div class="memberItem"> | 6646 <div class="memberItem"> |
| 6607 <div class="memberName">vm name</div> | 6647 <div class="memberName">vm name</div> |
| 6608 <div class="memberValue">{{ function.vmName }}</div> | 6648 <div class="memberValue">{{ function.vmName }}</div> |
| 6609 </div> | 6649 </div> |
| 6610 </template> | 6650 </template> |
| 6611 </div> | 6651 </div> |
| 6612 </div> | 6652 </div> |
| 6613 | 6653 |
| 6614 <hr> | 6654 <hr> |
| 6615 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos']
}}" endpos="{{ function['endTokenPos'] }}"> | 6655 <script-inset script="{{ function['script'] }}" startpos="{{ function['token
Pos'] }}" endpos="{{ function['endTokenPos'] }}"> |
| 6616 </script-inset> | 6656 </script-inset> |
| 6617 | 6657 |
| 6618 <br> | 6658 <br> |
| 6619 </template> | 6659 </template> |
| 6620 </polymer-element> | 6660 </polymer-element> |
| 6621 | 6661 |
| 6622 | 6662 |
| 6623 | 6663 |
| 6624 | 6664 |
| 6625 | 6665 |
| (...skipping 6805 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 13431 <div class="flex-item-60-percent"> | 13471 <div class="flex-item-60-percent"> |
| 13432 <isolate-location isolate="{{ isolate }}"></isolate-location> | 13472 <isolate-location isolate="{{ isolate }}"></isolate-location> |
| 13433 </div> | 13473 </div> |
| 13434 <div class="flex-item-10-percent"> | 13474 <div class="flex-item-10-percent"> |
| 13435 </div> | 13475 </div> |
| 13436 </div> | 13476 </div> |
| 13437 <br> | 13477 <br> |
| 13438 | 13478 |
| 13439 <template if="{{ isolate.topFrame != null }}"> | 13479 <template if="{{ isolate.topFrame != null }}"> |
| 13440 <br> | 13480 <br> |
| 13441 <script-inset script="{{ isolate.topFrame['script'] }}" pos="{{ isolate.to
pFrame['tokenPos'] }}"> | 13481 <script-inset script="{{ isolate.topFrame['script'] }}" currentpos="{{ iso
late.topFrame['tokenPos'] }}" height="200px"> |
| 13442 </script-inset> | 13482 </script-inset> |
| 13443 </template> | 13483 </template> |
| 13444 | 13484 |
| 13445 <div class="flex-row"> | 13485 <div class="flex-row"> |
| 13446 <div class="flex-item-20-percent"></div> | 13486 <div class="flex-item-20-percent"></div> |
| 13447 <div class="flex-item-60-percent"><hr></div> | 13487 <div class="flex-item-60-percent"><hr></div> |
| 13448 <div class="flex-item-20-percent"></div> | 13488 <div class="flex-item-20-percent"></div> |
| 13449 </div> | 13489 </div> |
| 13450 | 13490 |
| 13451 <br> | 13491 <br> |
| (...skipping 2140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 15592 <nav-bar> | 15632 <nav-bar> |
| 15593 <top-nav-menu></top-nav-menu> | 15633 <top-nav-menu></top-nav-menu> |
| 15594 <isolate-nav-menu isolate="{{ script.isolate }}"> | 15634 <isolate-nav-menu isolate="{{ script.isolate }}"> |
| 15595 </isolate-nav-menu> | 15635 </isolate-nav-menu> |
| 15596 <nav-menu link="{{ script.link }}" anchor="{{ script.name }}" last="{{ true
}}"></nav-menu> | 15636 <nav-menu link="{{ script.link }}" anchor="{{ script.name }}" last="{{ true
}}"></nav-menu> |
| 15597 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav
-refresh> | 15637 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav
-refresh> |
| 15598 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 15638 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 15599 <nav-control></nav-control> | 15639 <nav-control></nav-control> |
| 15600 </nav-bar> | 15640 </nav-bar> |
| 15601 | 15641 |
| 15602 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken
Pos }}" endpos="{{ script.lastTokenPos }}"> | 15642 <template if="{{ args['pos'] == null }}"> |
| 15603 <h1>script {{ script.name }}</h1> | 15643 <script-inset id="scriptInset" script="{{ script }}"> |
| 15604 </script-inset> | 15644 <h1>script {{ script.name }}</h1> |
| 15645 </script-inset> |
| 15646 </template> |
| 15647 |
| 15648 <template if="{{ args['pos'] != null }}"> |
| 15649 <script-inset id="scriptInset" script="{{ script }}" currentpos="{{ args['po
s'] | parseInt }}"> |
| 15650 <h1>script {{ script.name }}</h1> |
| 15651 </script-inset> |
| 15652 </template> |
| 15653 |
| 15605 </template> | 15654 </template> |
| 15606 </polymer-element> | 15655 </polymer-element> |
| 15607 | 15656 |
| 15608 | 15657 |
| 15609 | 15658 |
| 15610 | 15659 |
| 15611 | 15660 |
| 15612 | 15661 |
| 15662 |
| 15613 <polymer-element name="stack-trace" extends="observatory-element"> | 15663 <polymer-element name="stack-trace" extends="observatory-element"> |
| 15614 <template> | 15664 <template> |
| 15615 <style> | 15665 <style> |
| 15616 /* Global styles */ | 15666 /* Global styles */ |
| 15617 * { | 15667 * { |
| 15618 margin: 0; | 15668 margin: 0; |
| 15619 padding: 0; | 15669 padding: 0; |
| 15620 font: 400 14px 'Montserrat', sans-serif; | 15670 font: 400 14px 'Montserrat', sans-serif; |
| 15621 color: #333; | 15671 color: #333; |
| 15622 box-sizing: border-box; | 15672 box-sizing: border-box; |
| (...skipping 1968 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 17591 </style> | 17641 </style> |
| 17592 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> | 17642 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> |
| 17593 </template> | 17643 </template> |
| 17594 </polymer-element> | 17644 </polymer-element> |
| 17595 | 17645 |
| 17596 | 17646 |
| 17597 | 17647 |
| 17598 <observatory-application devtools="true"></observatory-application> | 17648 <observatory-application devtools="true"></observatory-application> |
| 17599 | 17649 |
| 17600 <script src="index_devtools.html_bootstrap.dart.js" async=""></script></body></h
tml> | 17650 <script src="index_devtools.html_bootstrap.dart.js" async=""></script></body></h
tml> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 378113002:
Improve script display in the observatory. (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart