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

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html

Issue 221263002: Miscellaneous Observatory UI improvements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 8 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
1 <head> 1 <head>
2 <link rel="import" href="function_ref.html"> 2 <link rel="import" href="function_ref.html">
3 <link rel="import" href="isolate_ref.html"> 3 <link rel="import" href="isolate_ref.html">
4 <link rel="import" href="observatory_element.html"> 4 <link rel="import" href="observatory_element.html">
5 <link rel="import" href="script_inset.html"> 5 <link rel="import" href="script_inset.html">
6 <link rel="import" href="script_ref.html"> 6 <link rel="import" href="script_ref.html">
7 </head> 7 </head>
8 <polymer-element name="isolate-summary" extends="observatory-element"> 8 <polymer-element name="isolate-summary" extends="observatory-element">
9 <template> 9 <template>
10 <div class="row"> 10 <div class="row">
11 <div class="col-md-1"> 11 <div class="col-md-1">
12 <img src="img/isolate_icon.png" class="img-polaroid"> 12 <img src="img/isolate_icon.png" class="img-polaroid">
13 </div> 13 </div>
14 14
15 <div class="col-md-1">{{ isolate.mainPort }}</div> 15 <div class="col-md-1">{{ isolate.mainPort }}</div>
16 16
17 <!-- TODO(turnidge): Use function-ref when it can take isolate param -->
18 <div class="col-md-4"> 17 <div class="col-md-4">
19
20 <div class="row"> 18 <div class="row">
21 <isolate-ref ref="{{ isolate }}"></isolate-ref> 19 <isolate-ref ref="{{ isolate }}"></isolate-ref>
22 </div> 20 </div>
23 21
24 <div class="row"> 22 <div class="row">
25 <small> 23 <small>
26 (<a href="{{ isolate.rootLib.hashLink }}">library</a>) 24 (<a href="{{ isolate.rootLib.hashLink }}">library</a>)
27 (<a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">break points</a>) 25 (<a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">break points</a>)
28 (<a href="{{ isolate.relativeHashLink('profile') }}">profile</a>) 26 (<a href="{{ isolate.relativeHashLink('profile') }}">profile</a>)
29 </small> 27 </small>
30 </div> 28 </div>
31 </div> 29 </div>
32 30
33 <div class="col-md-2"> 31 <div class="col-md-2">
34 <div class="row">
35 <div class="col-md-5">{{ isolate.timers['total'] | formatTimePrecise } }</div>
36 <div class="col-md-1"></div>
37 <div class="col-md-3"><p class="text-muted">total</p></div>
38 </div>
39 <div class="row">
40 <div class="col-md-5">{{ isolate.timers['dart'] | formatTimePrecise }} </div>
41 <div class="col-md-1"></div>
42 <div class="col-md-3"><p class="text-muted">dart</p></div>
43 </div>
44 <div class="row">
45 <div class="col-md-5">{{ isolate.timers['compile'] | formatTimePrecise }}</div>
46 <div class="col-md-1"></div>
47 <div class="col-md-3"><p class="text-muted">compile</p></div>
48 </div>
49 <div class="row">
50 <div class="col-md-5">{{ isolate.timers['gc'] | formatTimePrecise }}</ div>
51 <div class="col-md-1"></div>
52 <div class="col-md-3"><p class="text-muted">gc</p></div>
53 </div>
54 <div class="row">
55 <div class="col-md-5">{{ isolate.timers['init'] | formatTimePrecise }} </div>
56 <div class="col-md-1"></div>
57 <div class="col-md-3"><p class="text-muted">init</p></div>
58 </div>
59 </div>
60 <div class="col-md-2">
61 <a href="{{ isolate.relativeHashLink('allocationprofile') }}"> 32 <a href="{{ isolate.relativeHashLink('allocationprofile') }}">
62 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format Size }} 33 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format Size }}
63 </a> 34 </a>
64 ( <a href="{{ isolate.relativeHashLink('heapmap') }}">map</a> ) 35 ( <a href="{{ isolate.relativeHashLink('heapmap') }}">map</a> )
65 </div> 36 </div>
66 <div class="col-md-2"> 37 <div class="col-md-2">
67 <template if="{{ isolate.topFrame == null }}"> 38 <template if="{{ isolate.topFrame == null }}">
68 idle 39 idle
69 </template> 40 </template>
70 <template if="{{ isolate.topFrame != null }}"> 41 <template if="{{ isolate.topFrame != null }}">
71 run 42 run
72 </template> 43 </template>
73 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> ) 44 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> )
74 </div> 45 </div>
75 </div> 46 </div>
47
48 <div class="content">
49 <template repeat="{{ key in isolate.counters.keys }}">
50 <div class="memberValue">{{ key }} ({{ isolate.counters[key] }})</div>
51 </template>
52 </div>
53
76 <template if="{{ isolate.topFrame != null }}"> 54 <template if="{{ isolate.topFrame != null }}">
77 <script-inset script="{{ isolate.topFrame['script'] }}" 55 <script-inset script="{{ isolate.topFrame['script'] }}"
78 pos="{{ isolate.topFrame['tokenPos'] }}"> 56 pos="{{ isolate.topFrame['tokenPos'] }}">
79 <function-ref ref="{{ isolate.topFrame['function'] }}"></function-ref> 57 <function-ref ref="{{ isolate.topFrame['function'] }}"></function-ref>
80 (<script-ref ref="{{ isolate.topFrame['script'] }}" 58 (<script-ref ref="{{ isolate.topFrame['script'] }}"
81 pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>) 59 pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
82 </script-inset> 60 </script-inset>
83 </template> 61 </template>
84 </template> 62 </template>
85 <script type="application/dart" src="isolate_summary.dart"></script> 63 <script type="application/dart" src="isolate_summary.dart"></script>
86 </polymer-element> 64 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698