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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 197873028: Implement isolate view page. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: tweak html / gen js 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 | « no previous file | runtime/bin/vmservice/client/deployed/web/index.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> 1 <!DOCTYPE html><html><head>
2 2
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 5 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
6 6
7 <title>Dart VM Observatory</title> 7 <title>Dart VM Observatory</title>
8 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 8 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
9 9
10 10
(...skipping 153 matching lines...) Expand 10 before | Expand all | Expand 10 after
164 <polymer-element name="top-nav-menu"> 164 <polymer-element name="top-nav-menu">
165 <template> 165 <template>
166 <nav-menu link="#" anchor="Observatory" last="{{ last }}"> 166 <nav-menu link="#" anchor="Observatory" last="{{ last }}">
167 <content></content> 167 <content></content>
168 </nav-menu> 168 </nav-menu>
169 </template> 169 </template>
170 </polymer-element> 170 </polymer-element>
171 171
172 <polymer-element name="isolate-nav-menu" extends="observatory-element"> 172 <polymer-element name="isolate-nav-menu" extends="observatory-element">
173 <template> 173 <template>
174 <nav-menu link="#" anchor="{{ isolate.name }}" last="{{ last }}"> 174 <nav-menu link="{{ isolate.hashLink }}" anchor="{{ isolate.name }}" last="{{ last }}">
175 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item> 175 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item>
176 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item> 176 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item>
177 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile"></nav-menu-item> 177 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile"></nav-menu-item>
178 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" anchor="he ap map"></nav-menu-item> 178 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" anchor="he ap map"></nav-menu-item>
179 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item> 179 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item>
180 <content></content> 180 <content></content>
181 </nav-menu> 181 </nav-menu>
182 </template> 182 </template>
183 </polymer-element> 183 </polymer-element>
184 184
(...skipping 682 matching lines...) Expand 10 before | Expand all | Expand 10 after
867 </nav-bar> 867 </nav-bar>
868 <div class="row"> 868 <div class="row">
869 <p style="text-align:center">{{ status }}</p> 869 <p style="text-align:center">{{ status }}</p>
870 </div> 870 </div>
871 <div class="row"> 871 <div class="row">
872 <canvas id="fragmentation" width="1px" height="1px"></canvas> 872 <canvas id="fragmentation" width="1px" height="1px"></canvas>
873 </div> 873 </div>
874 </template> 874 </template>
875 875
876 </polymer-element> 876 </polymer-element>
877 <polymer-element name="isolate-ref" extends="service-ref">
878 <template>
879 <a href="{{ url }}">{{ ref.name }}</a>
880 </template>
881
882 </polymer-element>
877 <polymer-element name="isolate-summary" extends="observatory-element"> 883 <polymer-element name="isolate-summary" extends="observatory-element">
878 <template> 884 <template>
879 <div class="row"> 885 <div class="row">
880 <div class="col-md-1"> 886 <div class="col-md-1">
881 <img src="img/isolate_icon.png" class="img-polaroid"> 887 <img src="img/isolate_icon.png" class="img-polaroid">
882 </div> 888 </div>
883 889
884 <div class="col-md-1">{{ isolate.vmName }}</div> 890 <div class="col-md-1">{{ isolate.vmName }}</div>
885 891
886 <!-- TODO(turnidge): Use function-ref when it can take isolate param --> 892 <!-- TODO(turnidge): Use function-ref when it can take isolate param -->
887 <div class="col-md-4"> 893 <div class="col-md-4">
888 894
889 <div class="row"> 895 <div class="row">
890 <template if="{{ isolate.entry['id'] != null }}"> 896 <isolate-ref ref="{{ isolate }}"></isolate-ref>
891 <a href="{{ isolate.hashLink(isolate.entry['id']) }}">
892 {{ isolate.name }}
893 </a>
894 </template>
895 <template if="{{ isolate.entry['id'] == null }}">
896 {{ isolate.name }}
897 </template>
898 </div> 897 </div>
899 898
900 <div class="row"> 899 <div class="row">
901 <small> 900 <small>
902 (<a href="{{ isolate.rootLib.hashLink }}">library</a>) 901 (<a href="{{ isolate.rootLib.hashLink }}">library</a>)
903 (<a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">break points</a>) 902 (<a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">break points</a>)
904 (<a href="{{ isolate.relativeHashLink('profile') }}">profile</a>) 903 (<a href="{{ isolate.relativeHashLink('profile') }}">profile</a>)
905 </small> 904 </small>
906 </div> 905 </div>
907 </div> 906 </div>
(...skipping 22 matching lines...) Expand all
930 <div class="row"> 929 <div class="row">
931 <div class="col-md-3">{{ isolate.timers['init'] | formatTime }}</div> 930 <div class="col-md-3">{{ isolate.timers['init'] | formatTime }}</div>
932 <div class="col-md-1"></div> 931 <div class="col-md-1"></div>
933 <div class="col-md-3"><p class="text-muted">init</p></div> 932 <div class="col-md-3"><p class="text-muted">init</p></div>
934 </div> 933 </div>
935 </div> 934 </div>
936 <div class="col-md-2"> 935 <div class="col-md-2">
937 <a href="{{ isolate.relativeHashLink('allocationprofile') }}"> 936 <a href="{{ isolate.relativeHashLink('allocationprofile') }}">
938 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format Size }} 937 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format Size }}
939 </a> 938 </a>
940 (<a href="{{ isolate.relativeHashLink('heapmap') }}">map</a>) 939 ( <a href="{{ isolate.relativeHashLink('heapmap') }}">map</a> )
941 </div> 940 </div>
942 <div class="col-md-2"> 941 <div class="col-md-2">
943 <template if="{{ isolate.topFrame == null }}"> 942 <template if="{{ isolate.topFrame == null }}">
944 idle 943 idle
945 </template> 944 </template>
946 <template if="{{ isolate.topFrame != null }}"> 945 <template if="{{ isolate.topFrame != null }}">
947 run 946 run
948 </template> 947 </template>
949 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> ) 948 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> )
950 </div> 949 </div>
(...skipping 25 matching lines...) Expand all
976 <ul class="list-group"> 975 <ul class="list-group">
977 <template repeat="{{ isolate in isolates.isolates.values }}"> 976 <template repeat="{{ isolate in isolates.isolates.values }}">
978 <li class="list-group-item"> 977 <li class="list-group-item">
979 <isolate-summary isolate="{{ isolate }}"></isolate-summary> 978 <isolate-summary isolate="{{ isolate }}"></isolate-summary>
980 </li> 979 </li>
981 </template> 980 </template>
982 </ul> 981 </ul>
983 </template> 982 </template>
984 983
985 </polymer-element> 984 </polymer-element>
985 <polymer-element name="isolate-view" extends="observatory-element">
986 <template>
987 <style>
988 .content {
989 padding-left: 10%;
990 font: 400 14px 'Montserrat', sans-serif;
991 }
992 h1 {
993 font: 400 18px 'Montserrat', sans-serif;
994 }
995 .memberList {
996 display: table;
997 }
998 .memberItem {
999 display: table-row;
1000 }
1001 .memberName, .memberValue {
1002 display: table-cell;
1003 vertical-align: top;
1004 padding: 3px 0 3px 1em;
1005 font: 400 14px 'Montserrat', sans-serif;
1006 }
1007 .sourceInset {
1008 padding-left: 15%;
1009 padding-right: 15%;
1010 }
1011 </style>
1012
1013 <nav-bar>
1014 <top-nav-menu></top-nav-menu>
1015 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}">
1016 </isolate-nav-menu>
1017 </nav-bar>
1018
1019 <div class="content">
1020 <h1>isolate '{{ isolate.name }}'</h1>
1021 <div class="memberList">
1022 <div class="memberItem">
1023 <div class="memberName">status</div>
1024 <div class="memberValue">
1025 <template if="{{ isolate.topFrame == null }}">
1026 <strong>idle</strong>
1027 </template>
1028 <template if="{{ isolate.topFrame != null }}">
1029 <strong>running</strong>
1030 @
1031 <function-ref ref="{{ isolate.topFrame['function'] }}">
1032 </function-ref>
1033 (<script-ref ref="{{ isolate.topFrame['script'] }}" line="{{ isola te.topFrame['line'] }}"></script-ref>)
1034 </template>
1035 </div>
1036 </div>
1037 </div>
1038 </div>
1039
1040 <template if="{{ isolate.topFrame != null }}">
1041 <br>
1042 <div class="sourceInset">
1043 <pre> {{ isolate.topFrame['line'] }} &nbsp; {{ isolate.topFrame ['lineString'] }}</pre>
1044 </div>
1045 </template>
1046
1047 <br>
1048
1049 <div class="content">
1050 <div class="memberList">
1051 <div class="memberItem">
1052 <div class="memberName">root library</div>
1053 <div class="memberValue">
1054 <function-ref ref="{{ isolate.rootLib }}"></function-ref>
1055 </div>
1056 </div>
1057 <div class="memberItem">
1058 <template if="{{ isolate.entry != null }}">
1059 <div class="memberName">entry</div>
1060 <div class="memberValue">
1061 <function-ref ref="{{ isolate.entry }}"></function-ref>
1062 </div>
1063 </template>
1064 </div>
1065 <div class="memberItem">
1066 <div class="memberName">id</div>
1067 <div class="memberValue">{{ isolate.vmName }}</div>
1068 </div>
1069 <br>
1070 <div class="memberItem">
1071 <div class="memberValue">
1072 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack tra ce</a>
1073 </div>
1074 </div>
1075 <div class="memberItem">
1076 <div class="memberValue">
1077 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile< /a>
1078 </div>
1079 </div>
1080 <div class="memberItem">
1081 <div class="memberValue">
1082 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">br eakpoints</a>
1083
1084 </div>
1085 </div>
1086 </div>
1087 </div>
1088
1089 <hr>
1090
1091 <div class="content">
1092 <div class="memberList">
1093 <div class="memberItem">
1094 <div class="memberName">new heap</div>
1095 <div class="memberValue">
1096 {{ isolate.newHeapUsed | formatSize }}
1097 of
1098 {{ isolate.newHeapCapacity | formatSize }}
1099 </div>
1100 </div>
1101 <div class="memberItem">
1102 <div class="memberName">old heap</div>
1103 <div class="memberValue">
1104 {{ isolate.oldHeapUsed | formatSize }}
1105 of
1106 {{ isolate.oldHeapCapacity | formatSize }}
1107 </div>
1108 </div>
1109 </div>
1110
1111 <br>
1112
1113 <div class="memberList">
1114 <div class="memberItem">
1115 <div class="memberValue">
1116 See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">he ap profile</a>
1117 </div>
1118 </div>
1119 <div class="memberItem">
1120 <div class="memberValue">
1121 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a>
1122 </div>
1123 </div>
1124 </div>
1125 </div>
1126
1127 <hr>
1128
1129 <div class="content">
1130 <eval-box callback="{{ eval }}"></eval-box>
1131 </div>
1132 <br><br><br><br>
1133 <br><br><br><br>
1134 </template>
1135
1136 </polymer-element>
986 <polymer-element name="instance-view" extends="observatory-element"> 1137 <polymer-element name="instance-view" extends="observatory-element">
987 <template> 1138 <template>
988 <nav-bar> 1139 <nav-bar>
989 <top-nav-menu></top-nav-menu> 1140 <top-nav-menu></top-nav-menu>
990 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> 1141 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
991 <!-- TODO(turnidge): Add library nav menu here. --> 1142 <!-- TODO(turnidge): Add library nav menu here. -->
992 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> 1143 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu>
993 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> 1144 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu>
994 <nav-refresh callback="{{ refresh }}"></nav-refresh> 1145 <nav-refresh callback="{{ refresh }}"></nav-refresh>
995 </nav-bar> 1146 </nav-bar>
(...skipping 517 matching lines...) Expand 10 before | Expand all | Expand 10 after
1513 <template> 1664 <template>
1514 <response-viewer app="{{ app }}"></response-viewer> 1665 <response-viewer app="{{ app }}"></response-viewer>
1515 </template> 1666 </template>
1516 1667
1517 </polymer-element> 1668 </polymer-element>
1518 1669
1519 1670
1520 <observatory-application></observatory-application> 1671 <observatory-application></observatory-application>
1521 1672
1522 </body></html> 1673 </body></html>
OLDNEW
« no previous file with comments | « no previous file | runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698