OLD | NEW |
| (Empty) |
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | |
2 <link rel="import" href="action_link.html"> | |
3 <link rel="import" href="curly_block.html"> | |
4 <link rel="import" href="eval_box.html"> | |
5 <link rel="import" href="function_ref.html"> | |
6 <link rel="import" href="isolate_summary.html"> | |
7 <link rel="import" href="library_ref.html"> | |
8 <link rel="import" href="nav_bar.html"> | |
9 <link rel="import" href="observatory_element.html"> | |
10 <link rel="import" href="script_inset.html"> | |
11 <link rel="import" href="script_ref.html"> | |
12 | |
13 <polymer-element name="isolate-view" extends="observatory-element"> | |
14 <template> | |
15 <link rel="stylesheet" href="css/shared.css"> | |
16 <style> | |
17 .sourceInset { | |
18 padding-left: 15%; | |
19 padding-right: 15%; | |
20 } | |
21 .miniProfileChart { | |
22 width: 80%; | |
23 } | |
24 </style> | |
25 | |
26 <nav-bar> | |
27 <top-nav-menu></top-nav-menu> | |
28 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}"> | |
29 </isolate-nav-menu> | |
30 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></n
av-refresh> | |
31 <nav-refresh callback="{{ refresh }}"></nav-refresh> | |
32 <nav-control></nav-control> | |
33 </nav-bar> | |
34 | |
35 <div class="content"> | |
36 <h1>isolate '{{ isolate.name }}'</h1> | |
37 </div> | |
38 | |
39 <br> | |
40 <div class="flex-row"> | |
41 <div class="flex-item-10-percent"> | |
42 </div> | |
43 <div class="flex-item-30-percent"> | |
44 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state> | |
45 </div> | |
46 <div class="flex-item-50-percent"> | |
47 <isolate-location isolate="{{ isolate }}"></isolate-location> | |
48 </div> | |
49 <div class="flex-item-10-percent"> | |
50 </div> | |
51 </div> | |
52 <br> | |
53 | |
54 <template if="{{ isolate.topFrame != null }}"> | |
55 <br> | |
56 <script-inset script="{{ isolate.topFrame['script'] }}" | |
57 currentPos="{{ isolate.topFrame['tokenPos'] }}" | |
58 height="200px"> | |
59 </script-inset> | |
60 </template> | |
61 | |
62 <div class="flex-row"> | |
63 <div class="flex-item-20-percent"></div> | |
64 <div class="flex-item-60-percent"><hr></div> | |
65 <div class="flex-item-20-percent"></div> | |
66 </div> | |
67 | |
68 <br> | |
69 | |
70 <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary> | |
71 | |
72 <div class="flex-row"> | |
73 <div class="flex-item-20-percent"></div> | |
74 <div class="flex-item-60-percent"><hr></div> | |
75 <div class="flex-item-20-percent"></div> | |
76 </div> | |
77 | |
78 <div class="content-centered"> | |
79 <div class="flex-row"> | |
80 <div class="flex-item-50-percent"> | |
81 <div class="memberList"> | |
82 <div class="memberItem"> | |
83 <div class="memberName">root library</div> | |
84 <div class="memberValue"> | |
85 <library-ref ref="{{ isolate.rootLib }}"></library-ref> | |
86 </div> | |
87 </div> | |
88 <div class="memberItem"> | |
89 <template if="{{ isolate.entry != null }}"> | |
90 <div class="memberName">entry</div> | |
91 <div class="memberValue"> | |
92 <function-ref ref="{{ isolate.entry }}"></function-ref> | |
93 </div> | |
94 </template> | |
95 </div> | |
96 <div class="memberItem"> | |
97 <div class="memberName">isolate id</div> | |
98 <div class="memberValue">{{ isolate.mainPort }}</div> | |
99 </div> | |
100 </div> | |
101 </div> | |
102 <div class="flex-item-50-percent"> | |
103 <div class="memberItem"> | |
104 <div class="memberValue"> | |
105 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLi
nk('debug/breakpoints')) }}">breakpoints</a> | |
106 </div> | |
107 </div> | |
108 </div> | |
109 </div> | |
110 </div> | |
111 | |
112 <hr> | |
113 | |
114 <div class="content"> | |
115 libraries ({{ isolate.libraries.length }}) | |
116 <curly-block expand="{{ isolate.libraries.length <= 8 }}"> | |
117 <div class="memberList"> | |
118 <template repeat="{{ lib in isolate.libraries }}"> | |
119 <div class="memberItem"> | |
120 <div class="memberName"> | |
121 <library-ref ref="{{ lib }}"></library-ref> | |
122 </div> | |
123 </div> | |
124 </template> | |
125 </div> | |
126 </curly-block> | |
127 </div> | |
128 | |
129 <hr> | |
130 | |
131 <div class="content"> | |
132 <div id="tagProfileChart" class="miniProfileChart" style="height: 600px"><
/div> | |
133 </div> | |
134 | |
135 <hr> | |
136 | |
137 <div class="content"> | |
138 <eval-box callback="{{ eval }}"></eval-box> | |
139 </div> | |
140 <br><br><br><br> | |
141 <br><br><br><br> | |
142 </template> | |
143 </polymer-element> | |
144 | |
145 <script type="application/dart" src="isolate_view.dart"></script> | |
OLD | NEW |