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

Side by Side Diff: runtime/observatory/lib/src/elements/vm_connect.html

Issue 2119733003: Wrapping leaf nodes in non polymer elements (Closed) Base URL: git@github.com:dart-lang/sdk.git@master
Patch Set: Converted vm-connect Created 4 years, 5 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
OLDNEW
(Empty)
1 <link rel="import" href="../../../../packages/polymer/polymer.html">
2 <link rel="import" href="nav_bar.html">
3 <link rel="import" href="observatory_element.html">
4 <link rel="import" href="view_footer.html">
5
6 <polymer-element name="vm-connect-target" extends="observatory-element">
7 <template>
8 <style>
9 .delete-button {
10 padding: 4px;
11 background: transparent;
12 border: none !important;
13 }
14 .delete-button:hover {
15 background: #ff0000;
16 }
17 </style>
18 <link rel="stylesheet" href="css/shared.css">
19 <span>
20 <template if="{{ isCurrentTarget }}">
21 <a on-click="{{ connectToVm }}" _href="{{ gotoLinkForwardingParameters(' /vm') }}">{{ target.name }} (Connected)</a>
22 </template>
23 <template if="{{ !isCurrentTarget }}">
24 <a on-click="{{ connectToVm }}" _href="{{ gotoLinkForwardingParameters(' /vm') }}">{{ target.name }}</a>
25 </template>
26 <button class="delete-button" on-click="{{ deleteVm }}">&#10006; Remove</b utton>
27 </span>
28 </template>
29 </polymer-element>
30
31 <polymer-element name="vm-connect" extends="observatory-element">
32 <template>
33 <link rel="stylesheet" href="css/shared.css">
34 <style>
35 .textbox {
36 width: 20em;
37 font: 400 16px 'Montserrat', sans-serif;
38 }
39 </style>
40
41 <nav-bar>
42 <top-nav-menu last="{{ true }}"></top-nav-menu>
43 </nav-bar>
44
45 <div class="content-centered">
46 <h1>Connect to a Dart VM</h1>
47 <br>
48 <hr>
49 <div class="flex-row">
50 <div class="flex-item-40-percent">
51 <h2>WebSocket</h2>
52 <br>
53 <ul>
54 <template repeat="{{ target in app.targets.history }}">
55 <template if="{{ target.standalone }}">
56 <li><vm-connect-target target="{{ target }}"></vm-connect-target ></li>
57 </template>
58 </template>
59 </ul>
60 <hr>
61 <form autocomplete="on">
62 <input class="textbox" placeholder="localhost:8181" type="text" valu e="{{ standaloneVmAddress }}">
63 <input class="button" type="submit" value="Connect" on-click="{{ con nectStandalone }}">
64 </form>
65 <br>
66 <pre class="well">Run Standalone with: '--observe'</pre>
67 <hr>
68 </div>
69
70 <div class="flex-item-20-percent"></div>
71 <div class="flex-item-40-percent">
72 <h2>Crash dump</h2>
73 <br>
74 <input type="file" id="crashDumpFile">
75 <br>
76 <br>
77 <pre class="well">Request a crash dump with:
78 'curl localhost:8181/_getCrashDump > dump.json'</pre>
79 <hr>
80 </div>
81 </div>
82 </div>
83 <view-footer></view-footer>
84 </template>
85 </polymer-element>
86
87 <script type="application/dart" src="vm_connect.dart"></script>
OLDNEW
« no previous file with comments | « runtime/observatory/lib/src/elements/vm_connect.dart ('k') | runtime/observatory/lib/src/elements/vm_connect_target.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698