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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 216883008: Use tokenPos instead of line/col in the vm service. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: gen js / handle multiple reloads Created 6 years, 9 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
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js.map ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 3
4 <title>Dart VM Observatory</title> 4 <title>Dart VM Observatory</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 6 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 7 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
8 <script src="packages/browser/interop.js"></script> 8 <script src="packages/browser/interop.js"></script>
9 9
10 <script src="index_devtools.html_bootstrap.dart.js"></script> 10 <script src="index_devtools.html_bootstrap.dart.js"></script>
(...skipping 512 matching lines...) Expand 10 before | Expand all | Expand 10 after
523 <div class="memberList"> 523 <div class="memberList">
524 <div class="memberItem"> 524 <div class="memberItem">
525 <div class="memberName">library</div> 525 <div class="memberName">library</div>
526 <div class="memberValue"> 526 <div class="memberValue">
527 <library-ref ref="{{ cls['library'] }}"></library-ref> 527 <library-ref ref="{{ cls['library'] }}"></library-ref>
528 </div> 528 </div>
529 </div> 529 </div>
530 <div class="memberItem"> 530 <div class="memberItem">
531 <div class="memberName">script</div> 531 <div class="memberName">script</div>
532 <div class="memberValue"> 532 <div class="memberValue">
533 <script-ref ref="{{ cls['script'] }}" line="{{ cls['line'] }}"> 533 <script-ref ref="{{ cls['script'] }}" pos="{{ cls['tokenPos'] }}">
534 </script-ref> 534 </script-ref>
535 </div> 535 </div>
536 </div> 536 </div>
537 537
538 <div class="memberItem">&nbsp;</div> 538 <div class="memberItem">&nbsp;</div>
539 539
540 <template if="{{ cls['super'] != null }}"> 540 <template if="{{ cls['super'] != null }}">
541 <div class="memberItem"> 541 <div class="memberItem">
542 <div class="memberName">extends</div> 542 <div class="memberName">extends</div>
543 <div class="memberValue"> 543 <div class="memberValue">
(...skipping 382 matching lines...) Expand 10 before | Expand all | Expand 10 after
926 <class-ref ref="{{ function['owner'] }}"></class-ref> 926 <class-ref ref="{{ function['owner'] }}"></class-ref>
927 </template> 927 </template>
928 <template if="{{ function['owner'].serviceType != 'Class' }}"> 928 <template if="{{ function['owner'].serviceType != 'Class' }}">
929 <library-ref ref="{{ function['owner'] }}"></library-ref> 929 <library-ref ref="{{ function['owner'] }}"></library-ref>
930 </template> 930 </template>
931 </div> 931 </div>
932 </div> 932 </div>
933 <div class="memberItem"> 933 <div class="memberItem">
934 <div class="memberName">script</div> 934 <div class="memberName">script</div>
935 <div class="memberValue"> 935 <div class="memberValue">
936 <script-ref ref="{{ function['script'] }}"></script-ref> 936 <script-ref ref="{{ function['script'] }}" pos="{{ function['tokenPo s'] }}">
937 </script-ref>
937 </div> 938 </div>
938 </div> 939 </div>
939 940
940 <div class="memberItem">&nbsp;</div> 941 <div class="memberItem">&nbsp;</div>
941 942
942 <template if="{{ function['code'] != null }}"> 943 <template if="{{ function['code'] != null }}">
943 <div class="memberItem"> 944 <div class="memberItem">
944 <div class="memberName">optimized code</div> 945 <div class="memberName">optimized code</div>
945 <div class="memberValue"> 946 <div class="memberValue">
946 <code-ref ref="{{ function['code'] }}"></code-ref> 947 <code-ref ref="{{ function['code'] }}"></code-ref>
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
999 </div> 1000 </div>
1000 </template> 1001 </template>
1001 1002
1002 </polymer-element> 1003 </polymer-element>
1003 <polymer-element name="isolate-ref" extends="service-ref"> 1004 <polymer-element name="isolate-ref" extends="service-ref">
1004 <template> 1005 <template>
1005 <a href="{{ url }}">{{ ref.name }}</a> 1006 <a href="{{ url }}">{{ ref.name }}</a>
1006 </template> 1007 </template>
1007 1008
1008 </polymer-element> 1009 </polymer-element>
1010 <polymer-element name="script-inset" extends="observatory-element">
1011 <template>
1012 <style>
1013 .sourceInset {
1014 padding-left: 15%;
1015 padding-right: 15%;
1016 }
1017 .grayBox {
1018 width: 100%;
1019 background-color: #f5f5f5;
1020 border: 1px solid #ccc;
1021 padding: 10px;
1022 }
1023 </style>
1024 <div class="sourceInset">
1025 <content></content>
1026 <div class="grayBox">
1027 <table>
1028 <tbody>
1029 <tr template="" repeat="{{ line in lines }}">
1030 <td style="font-family: consolas, courier, monospace;font-size: 1e m;line-height: 1.2em;white-space: nowrap;">{{line.line}}</td>
1031 <td>&nbsp;</td>
1032 <td width="99%" style="font-family: consolas, courier, monospace;f ont-size: 1em;line-height: 1.2em;white-space: pre;">{{line.text}}</td>
1033 </tr>
1034 </tbody>
1035 </table>
1036 </div>
1037 </div>
1038 </template>
1039
1040 </polymer-element>
1009 <polymer-element name="isolate-summary" extends="observatory-element"> 1041 <polymer-element name="isolate-summary" extends="observatory-element">
1010 <template> 1042 <template>
1011 <div class="row"> 1043 <div class="row">
1012 <div class="col-md-1"> 1044 <div class="col-md-1">
1013 <img src="packages/observatory/src/elements/img/isolate_icon.png" class= "img-polaroid"> 1045 <img src="packages/observatory/src/elements/img/isolate_icon.png" class= "img-polaroid">
1014 </div> 1046 </div>
1015 1047
1016 <div class="col-md-1">{{ isolate.mainPort }}</div> 1048 <div class="col-md-1">{{ isolate.mainPort }}</div>
1017 1049
1018 <!-- TODO(turnidge): Use function-ref when it can take isolate param --> 1050 <!-- TODO(turnidge): Use function-ref when it can take isolate param -->
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
1067 <div class="col-md-2"> 1099 <div class="col-md-2">
1068 <template if="{{ isolate.topFrame == null }}"> 1100 <template if="{{ isolate.topFrame == null }}">
1069 idle 1101 idle
1070 </template> 1102 </template>
1071 <template if="{{ isolate.topFrame != null }}"> 1103 <template if="{{ isolate.topFrame != null }}">
1072 run 1104 run
1073 </template> 1105 </template>
1074 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> ) 1106 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> )
1075 </div> 1107 </div>
1076 </div> 1108 </div>
1077 <div class="row"> 1109 <template if="{{ isolate.topFrame != null }}">
1078 <div class="col-md-3"> 1110 <script-inset script="{{ isolate.topFrame['script'] }}" pos="{{ isolate.to pFrame['tokenPos'] }}">
1079 </div> 1111 <function-ref ref="{{ isolate.topFrame['function'] }}"></function-ref>
1080 <div class="col-md-6"> 1112 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topF rame['tokenPos'] }}"></script-ref>)
1081 <template if="{{ isolate.topFrame != null }}"> 1113 </script-inset>
1082 <function-ref ref="{{ isolate.topFrame['function'] }}"></function-ref> 1114 </template>
1083 (<script-ref ref="{{ isolate.topFrame['script'] }}" line="{{ isolate.t opFrame['line'] }}"></script-ref>)
1084 <br>
1085 <pre>{{ isolate.topFrame['line'] }} &nbsp; {{ isolate.topFrame['lineSt ring'] }}</pre>
1086 </template>
1087 </div>
1088 <div class="col-md-3">
1089 </div>
1090 </div>
1091 </template> 1115 </template>
1092 1116
1093 </polymer-element> 1117 </polymer-element>
1094 <polymer-element name="isolate-view" extends="observatory-element"> 1118 <polymer-element name="isolate-view" extends="observatory-element">
1095 <template> 1119 <template>
1096 <style> 1120 <style>
1097 .content { 1121 .content {
1098 padding-left: 10%; 1122 padding-left: 10%;
1099 font: 400 14px 'Montserrat', sans-serif; 1123 font: 400 14px 'Montserrat', sans-serif;
1100 } 1124 }
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
1186 <div class="memberValue"> 1210 <div class="memberValue">
1187 <instance-ref ref="{{ isolate.error.stacktrace }}"></instance-ref> 1211 <instance-ref ref="{{ isolate.error.stacktrace }}"></instance-ref>
1188 </div> 1212 </div>
1189 </template> 1213 </template>
1190 </div> 1214 </div>
1191 </div> 1215 </div>
1192 </div> 1216 </div>
1193 <hr> 1217 <hr>
1194 </template> 1218 </template>
1195 1219
1220 <br>
1221
1196 <template if="{{ isolate.topFrame != null }}"> 1222 <template if="{{ isolate.topFrame != null }}">
1197 <br> 1223 <script-inset script="{{ isolate.topFrame['script'] }}" pos="{{ isolate.to pFrame['tokenPos'] }}">
1198 <div class="sourceInset"> 1224 </script-inset>
1199 <pre> {{ isolate.topFrame['line'] }} &nbsp; {{ isolate.topFrame ['lineString'] }}</pre>
1200 </div>
1201 </template> 1225 </template>
1202 1226
1203 <br> 1227 <br>
1204 1228
1205 <div class="content"> 1229 <div class="content">
1206 <div class="memberList"> 1230 <div class="memberList">
1207 <div class="memberItem"> 1231 <div class="memberItem">
1208 <div class="memberName">root library</div> 1232 <div class="memberName">root library</div>
1209 <div class="memberValue"> 1233 <div class="memberValue">
1210 <function-ref ref="{{ isolate.rootLib }}"></function-ref> 1234 <function-ref ref="{{ isolate.rootLib }}"></function-ref>
(...skipping 693 matching lines...) Expand 10 before | Expand all | Expand 10 after
1904 font: 400 14px 'Montserrat', sans-serif; 1928 font: 400 14px 'Montserrat', sans-serif;
1905 } 1929 }
1906 </style> 1930 </style>
1907 <div class="row"> 1931 <div class="row">
1908 <div class="col-md-1"></div> 1932 <div class="col-md-1"></div>
1909 <div class="col-md-1"> 1933 <div class="col-md-1">
1910 #{{ frame['depth'] }} 1934 #{{ frame['depth'] }}
1911 </div> 1935 </div>
1912 <div class="col-md-9"> 1936 <div class="col-md-9">
1913 <function-ref ref="{{ frame['function'] }}"></function-ref> 1937 <function-ref ref="{{ frame['function'] }}"></function-ref>
1914 ( <script-ref ref="{{ frame['script'] }}" line="{{ frame['line'] }}"> 1938 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }}">
1915 </script-ref> ) 1939 </script-ref> )
1916 1940
1917 <curly-block> 1941 <curly-block>
1918 <div class="memberList"> 1942 <div class="memberList">
1919 <template repeat="{{ v in frame['vars'] }}"> 1943 <template repeat="{{ v in frame['vars'] }}">
1920 <div class="memberItem"> 1944 <div class="memberItem">
1921 <div class="memberName">{{ v['name']}}</div> 1945 <div class="memberName">{{ v['name']}}</div>
1922 <div class="memberValue"> 1946 <div class="memberValue">
1923 <instance-ref ref="{{ v['value'] }}"></instance-ref> 1947 <instance-ref ref="{{ v['value'] }}"></instance-ref>
1924 </div> 1948 </div>
(...skipping 157 matching lines...) Expand 10 before | Expand all | Expand 10 after
2082 <template> 2106 <template>
2083 <a href="{{ url }}">{{ ref.name }}</a> 2107 <a href="{{ url }}">{{ ref.name }}</a>
2084 </template> 2108 </template>
2085 2109
2086 </polymer-element> 2110 </polymer-element>
2087 2111
2088 2112
2089 <observatory-application devtools="true"></observatory-application> 2113 <observatory-application devtools="true"></observatory-application>
2090 2114
2091 </body></html> 2115 </body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js.map ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698