Chromium Code Reviews| 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 |