OLD | NEW |
---|---|
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
2 <link rel="import" href="nav_bar.html"> | 2 <link rel="import" href="nav_bar.html"> |
3 <link rel="import" href="observatory_element.html"> | 3 <link rel="import" href="observatory_element.html"> |
4 | 4 |
5 <polymer-element name="vm-connect-target" extends="observatory-element"> | 5 <polymer-element name="vm-connect-target" extends="observatory-element"> |
6 <template> | 6 <template> |
7 <style> | 7 <style> |
8 .delete-button { | 8 .delete-button { |
9 padding: 4px; | 9 padding: 4px; |
10 background: transparent; | 10 background: transparent; |
11 border: none !important; | 11 border: none !important; |
12 } | 12 } |
13 .delete-button:hover { | 13 .delete-button:hover { |
14 background: #ff0000; | 14 background: #ff0000; |
15 } | 15 } |
16 </style> | 16 </style> |
17 <link rel="stylesheet" href="css/shared.css"> | 17 <link rel="stylesheet" href="css/shared.css"> |
18 <span> | 18 <span> |
19 <template if="{{ isCurrentTarget }}"> | 19 <template if="{{ isCurrentTarget }}"> |
20 <a on-click="{{ connectToVm }}" _href="{{ gotoLink('/vm') }}">{{ target. name }} (Connected)</a> | 20 <a on-click="{{ connectToVm }}" _href="{{ gotoLink('/vm') }}">{{ target. name }} (Connected)</a> |
21 </template> | 21 </template> |
22 <template if="{{ !isCurrentTarget }}"> | 22 <template if="{{ !isCurrentTarget }}"> |
23 <a on-click="{{ connectToVm }}" _href="{{ gotoLink('/vm') }}">{{ target. name }}</a> | 23 <a on-click="{{ connectToVm }}" _href="{{ gotoLink('/vm') }}">{{ target. name }}</a> |
24 </template> | 24 </template> |
25 <template if="{{ !isChromeTarget }}"> | 25 <button class="delete-button" on-click="{{ deleteVm }}">✖ Remove</b utton> |
26 <button class="delete-button" on-click="{{ deleteVm }}">✖ Remove< /button> | |
27 </template> | |
28 </span> | 26 </span> |
29 </template> | 27 </template> |
30 </polymer-element> | 28 </polymer-element> |
31 | 29 |
32 <polymer-element name="vm-connect" extends="observatory-element"> | 30 <polymer-element name="vm-connect" extends="observatory-element"> |
33 <template> | 31 <template> |
34 <link rel="stylesheet" href="css/shared.css"> | 32 <link rel="stylesheet" href="css/shared.css"> |
35 <style> | 33 <style> |
36 .textbox { | 34 .textbox { |
37 width: 20em; | 35 width: 20em; |
38 font: 400 16px 'Montserrat', sans-serif; | 36 font: 400 16px 'Montserrat', sans-serif; |
39 } | 37 } |
40 </style> | 38 </style> |
41 | 39 |
42 <nav-bar> | 40 <nav-bar> |
43 <top-nav-menu last="{{ true }}"></top-nav-menu> | 41 <top-nav-menu last="{{ true }}"></top-nav-menu> |
44 </nav-bar> | 42 </nav-bar> |
45 | 43 |
46 <div class="content-centered"> | 44 <div class="content-centered"> |
47 <h1>Connect to a Dart VM</h1> | 45 <h1>Connect to a Dart VM</h1> |
48 <br> | 46 <br> |
49 <hr> | 47 <hr> |
50 <div class="flex-row"> | 48 <div class="flex-row"> |
51 <div class="flex-item-40-percent"> | 49 <div class="flex-item-40-percent"> |
52 <h2><img style="height: 48px" src="img/dart_icon.png">Standalone</h2> | 50 <h2>WebSocket</h2> |
53 <br> | 51 <br> |
54 <ul> | 52 <ul> |
55 <template repeat="{{ target in app.targets.history }}"> | 53 <template repeat="{{ target in app.targets.history }}"> |
56 <template if="{{ target.standalone }}"> | 54 <template if="{{ target.standalone }}"> |
57 <li><vm-connect-target target="{{ target }}"></vm-connect-target ></li> | 55 <li><vm-connect-target target="{{ target }}"></vm-connect-target ></li> |
58 </template> | 56 </template> |
59 </template> | 57 </template> |
60 </ul> | 58 </ul> |
61 <hr> | 59 <hr> |
62 <form autocomplete="on"> | 60 <form autocomplete="on"> |
63 <input class="textbox" placeholder="localhost:8181" type="text" valu e="{{ standaloneVmAddress }}"> | 61 <input class="textbox" placeholder="localhost:8181" type="text" valu e="{{ standaloneVmAddress }}"> |
64 <input class="button" type="submit" value="Connect" on-click="{{ con nectStandalone }}"> | 62 <input class="button" type="submit" value="Connect" on-click="{{ con nectStandalone }}"> |
65 </form> | 63 </form> |
66 <br> | 64 <br> |
67 <pre class="well">Run Standalone with: '--observe'</pre> | 65 <pre class="well">Run Standalone with: '--observe'</pre> |
68 <hr> | 66 <hr> |
69 </div> | 67 </div> |
70 | 68 |
71 <div class="flex-item-20-percent"></div> | 69 <div class="flex-item-20-percent"></div> |
72 <div class="flex-item-40-percent"> | 70 <div class="flex-item-40-percent"> |
73 <h2><img style="height: 48px" src="img/chromium_icon.png">Chromium</h2 > | 71 <h2>Crash dump</h2> |
turnidge
2015/04/23 17:03:33
Should we consider a different name? These don't
Cutch
2015/04/24 00:05:32
Acknowledged.
| |
74 <br> | 72 <br> |
75 <ul> | 73 <input type="file" id="crashDumpFile"> |
76 <template repeat="{{ target in chromeTargets }}"> | |
77 <li><vm-connect-target target="{{ target }}"></vm-connect-target>< /li> | |
78 </template> | |
79 </ul> | |
80 <hr> | |
81 <form autocomplete="on"> | |
82 <input class="textbox" placeholder="localhost:9222" type="text" valu e="{{ chromiumAddress }}"> | |
83 <input class="button" type="submit" value="Get Tabs" on-click="{{ ge tTabs }}"> | |
84 </form> | |
85 <br> | 74 <br> |
86 <pre class="well">Run Chromium with: | 75 <br> |
87 '--remote-debugging-port=9222'</pre> | 76 <pre class="well">Request a crash dump with: |
77 'curl localhost:8181/_getCrashDump > dump.json'</pre> | |
88 <hr> | 78 <hr> |
89 </div> | 79 </div> |
90 </div> | 80 </div> |
91 </div> | 81 </div> |
92 </template> | 82 </template> |
93 </polymer-element> | 83 </polymer-element> |
94 | 84 |
95 <script type="application/dart" src="vm_connect.dart"></script> | 85 <script type="application/dart" src="vm_connect.dart"></script> |
OLD | NEW |