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

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/isolate_view.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
OLDNEW
(Empty)
1 <head>
2 <link rel="import" href="curly_block.html">
3 <link rel="import" href="eval_box.html">
4 <link rel="import" href="function_ref.html">
5 <link rel="import" href="library_ref.html">
6 <link rel="import" href="nav_bar.html">
7 <link rel="import" href="observatory_element.html">
8 <link rel="import" href="script_ref.html">
9 </head>
10 <polymer-element name="isolate-view" extends="observatory-element">
11 <template>
12 <style>
13 .content {
14 padding-left: 10%;
15 font: 400 14px 'Montserrat', sans-serif;
16 }
17 h1 {
18 font: 400 18px 'Montserrat', sans-serif;
19 }
20 .memberList {
21 display: table;
22 }
23 .memberItem {
24 display: table-row;
25 }
26 .memberName, .memberValue {
27 display: table-cell;
28 vertical-align: top;
29 padding: 3px 0 3px 1em;
30 font: 400 14px 'Montserrat', sans-serif;
31 }
32 .sourceInset {
33 padding-left: 15%;
34 padding-right: 15%;
35 }
36 </style>
37
38 <nav-bar>
39 <top-nav-menu></top-nav-menu>
40 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}">
41 </isolate-nav-menu>
42 </nav-bar>
43
44 <div class="content">
45 <h1>isolate '{{ isolate.name }}'</h1>
46 <div class="memberList">
47 <div class="memberItem">
48 <div class="memberName">status</div>
49 <div class="memberValue">
50 <template if="{{ isolate.topFrame == null }}">
51 <strong>idle</strong>
52 </template>
53 <template if="{{ isolate.topFrame != null }}">
54 <strong>running</strong>
55 @
56 <function-ref ref="{{ isolate.topFrame['function'] }}">
57 </function-ref>
58 (<script-ref ref="{{ isolate.topFrame['script'] }}"
59 line="{{ isolate.topFrame['line'] }}"></script-ref>)
60 </template>
61 </div>
62 </div>
63 </div>
64 </div>
65
66 <template if="{{ isolate.topFrame != null }}">
67 <br>
68 <div class="sourceInset">
69 <pre>
70 {{ isolate.topFrame['line'] }} &nbsp; {{ isolate.topFrame['lineString' ] }}</pre>
71 </div>
72 </template>
73
74 <br>
75
76 <div class="content">
77 <div class="memberList">
78 <div class="memberItem">
79 <div class="memberName">root library</div>
80 <div class="memberValue">
81 <function-ref ref="{{ isolate.rootLib }}"></function-ref>
82 </div>
83 </div>
84 <div class="memberItem">
85 <template if="{{ isolate.entry != null }}">
86 <div class="memberName">entry</div>
87 <div class="memberValue">
88 <function-ref ref="{{ isolate.entry }}"></function-ref>
89 </div>
90 </template>
91 </div>
92 <div class="memberItem">
93 <div class="memberName">id</div>
94 <div class="memberValue">{{ isolate.vmName }}</div>
95 </div>
96 <br>
97 <div class="memberItem">
98 <div class="memberValue">
99 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack tra ce</a>
100 </div>
101 </div>
102 <div class="memberItem">
103 <div class="memberValue">
104 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile< /a>
105 </div>
106 </div>
107 <div class="memberItem">
108 <div class="memberValue">
109 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">br eakpoints</a>
110
111 </div>
112 </div>
113 </div>
114 </div>
115
116 <hr>
117
118 <div class="content">
119 <div class="memberList">
120 <div class="memberItem">
121 <div class="memberName">new heap</div>
122 <div class="memberValue">
123 {{ isolate.newHeapUsed | formatSize }}
124 of
125 {{ isolate.newHeapCapacity | formatSize }}
126 </div>
127 </div>
128 <div class="memberItem">
129 <div class="memberName">old heap</div>
130 <div class="memberValue">
131 {{ isolate.oldHeapUsed | formatSize }}
132 of
133 {{ isolate.oldHeapCapacity | formatSize }}
134 </div>
135 </div>
136 </div>
137
138 <br>
139
140 <div class="memberList">
141 <div class="memberItem">
142 <div class="memberValue">
143 See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">he ap profile</a>
144 </div>
145 </div>
146 <div class="memberItem">
147 <div class="memberValue">
148 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a>
149 </div>
150 </div>
151 </div>
152 </div>
153
154 <hr>
155
156 <div class="content">
157 <eval-box callback="{{ eval }}"></eval-box>
158 </div>
159 <br><br><br><br>
160 <br><br><br><br>
161 </template>
162 <script type="application/dart" src="isolate_view.dart"></script>
163 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698