|
1 <?xml version="1.0" encoding="UTF-8"?> |
|
2 <!-- This Source Code Form is subject to the terms of the Mozilla Public |
|
3 - License, v. 2.0. If a copy of the MPL was not distributed with this |
|
4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> |
|
5 <!DOCTYPE html [ |
|
6 <!ENTITY % appMgrDTD SYSTEM "chrome://browser/locale/devtools/app-manager.dtd" > |
|
7 %appMgrDTD; |
|
8 ]> |
|
9 |
|
10 |
|
11 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
12 <head> |
|
13 <meta charset="utf8"/> |
|
14 <link rel="stylesheet" href="chrome://browser/skin/devtools/app-manager/connection-footer.css" type="text/css"/> |
|
15 </head> |
|
16 |
|
17 <body onload="UI.init()"> |
|
18 |
|
19 <div id="connection-footer" template='{"type":"attribute","path":"connection.status","name":"status"}'> |
|
20 <div id="banners-and-logs"> |
|
21 |
|
22 <!-- Connected --> |
|
23 <div id="banner-connected" class="banner"> |
|
24 <div class="connected-indicator"></div> |
|
25 <div id="status" class="banner-box"> |
|
26 <div class="banner-content"> |
|
27 <span template='{"type":"localizedContent","property":"connection.connectedToDevice","paths":["device.description.name"]}'></span> |
|
28 <button class="action-cancel" onclick="UI.disconnect()" title="&connection.disconnectTooltip;">&connection.disconnect;</button> |
|
29 <button class="action-primary" onclick="UI.screenshot()" title="&device.screenshotTooltip;">&device.screenshot;</button> |
|
30 </div> |
|
31 </div> |
|
32 </div> |
|
33 |
|
34 <!-- Disconnected --> |
|
35 <div id="banner-disconnected" class="banner"> |
|
36 <div class="connected-indicator"></div> |
|
37 <div class="banner-box"> |
|
38 <div class="banner-content" template='{"type":"attribute","path":"adb.available","name":"adb-available"}'> |
|
39 <span>&connection.notConnected2;</span> |
|
40 <div id="connection-manual"> |
|
41 <button class="action-primary left" onclick="UI.connect()" id="connect-button" template='{"type":"localizedContent","property":"connection.connectTo","paths":["connection.host","connection.port"]}' title="&connection.connectTooltip;"></button> |
|
42 <button class="right" onclick="UI.editConnectionParameters()" title="&connection.changeHostAndPortTooltip;">&connection.changeHostAndPort;</button> |
|
43 </div> |
|
44 <div id="connection-assisted" template='{"type":"attribute","path":"adb.devices.length","name":"device-count"}'> |
|
45 <div id="connection-found-device"> |
|
46 <span>&connection.connectTo;</span> |
|
47 <span template-loop='{"arrayPath":"adb.devices","childSelector":"#adb-devices-template"}'></span> |
|
48 </div> |
|
49 <div id="connection-no-device"> |
|
50 <span>&connection.noDeviceFound;</span> |
|
51 </div> |
|
52 </div> |
|
53 <div id="start-simulator-box"> |
|
54 <span>&connection.or;</span> |
|
55 <button id="start-simulator-button" class="action-primary" onclick="UI.showSimulatorList()" title="&connection.startSimulatorTooltip;">&connection.startSimulator;</button> |
|
56 </div> |
|
57 </div> |
|
58 </div> |
|
59 </div> |
|
60 |
|
61 <!-- Connecting --> |
|
62 <div id="banner-connecting" class="banner"> |
|
63 <div class="connected-indicator"></div> |
|
64 <div id="status" class="banner-box"> |
|
65 <div class="banner-content"> |
|
66 <span>&connection.connecting;</span> |
|
67 <button class="action-cancel" onclick="UI.disconnect()" title="&connection.cancelConnectTooltip;">&connection.cancel;</button> |
|
68 </div> |
|
69 </div> |
|
70 </div> |
|
71 |
|
72 <!-- Disconnecting --> |
|
73 <div id="banner-disconnecting" class="banner"> |
|
74 <div class="connected-indicator"></div> |
|
75 <div id="status" class="banner-box"> |
|
76 <div class="banner-content"> |
|
77 <span>&connection.disconnecting;</span> |
|
78 </div> |
|
79 </div> |
|
80 </div> |
|
81 |
|
82 <!-- Editing --> |
|
83 <div id="banner-editing" class="banner"> |
|
84 <div class="connected-indicator"></div> |
|
85 <div class="banner-box"> |
|
86 <div class="banner-content"> |
|
87 <form onsubmit="UI.saveConnectionInfo()"> |
|
88 <input class="host" template='{"type":"attribute","path":"connection.host","name":"value"}'></input> |
|
89 <input class="port" pattern="\d+" template='{"type":"attribute","path":"connection.port","name":"value"}' type="number"></input> |
|
90 <button type="submit" title="&connection.saveConnectionInfoTooltip;">&connection.saveConnectionInfo;</button> |
|
91 </form> |
|
92 </div> |
|
93 </div> |
|
94 </div> |
|
95 |
|
96 <!-- Simulator --> |
|
97 <div id="banner-simulators" class="banner" template='{"type":"attribute","path":"simulators.versions.length","name":"simulator-count"}'> |
|
98 <div class="connected-indicator"></div> |
|
99 <div class="banner-box"> |
|
100 <div class="banner-content"> |
|
101 <div class="no-simulator"> |
|
102 <span>&connection.noSimulatorInstalled;</span> |
|
103 <button class="action-primary" onclick="UI.installSimulator()" title="&connection.installOneSimulatorTooltip;">&connection.installOneSimulator;</button> |
|
104 </div> |
|
105 <div class="found-simulator"> |
|
106 <span>&connection.startRegisteredSimulator;</span> |
|
107 <span template-loop='{"arrayPath":"simulators.versions","childSelector":"#simulator-item-template"}'></span> |
|
108 <button class="action-primary" onclick="UI.installSimulator()" title="&connection.installAnotherSimulatorTooltip;">&connection.installAnotherSimulator;</button> |
|
109 </div> |
|
110 <button class="action-cancel" onclick="UI.cancelShowSimulatorList()" title="&connection.cancelShowSimulatorTooltip;">&connection.cancel;</button> |
|
111 </div> |
|
112 </div> |
|
113 </div> |
|
114 |
|
115 |
|
116 <!-- Logs --> |
|
117 <div id="banner-logs"> |
|
118 <div id="logs" class="banner-box"> |
|
119 <pre></pre> |
|
120 </div> |
|
121 </div> |
|
122 |
|
123 </div> |
|
124 </div> |
|
125 </body> |
|
126 |
|
127 <template id="simulator-item-template"> |
|
128 <span> |
|
129 <button class="simulator-item action-primary" onclick="UI.startSimulator(this.dataset.version)" template='{"type":"attribute","path":"version","name":"data-version"}' title="&connection.startSimulatorTooltip;"> |
|
130 <span template='{"type":"textContent", "path":"version"}'></span> |
|
131 </button> |
|
132 </span> |
|
133 </template> |
|
134 |
|
135 <template id="adb-devices-template"> |
|
136 <span> |
|
137 <button class="adb-device action-primary" onclick="UI.connectToAdbDevice(this.dataset.name)" template='{"type":"attribute","path":"name","name":"data-name"}'> |
|
138 <span template='{"type":"textContent", "path":"name"}'></span> |
|
139 </button> |
|
140 </span> |
|
141 </template> |
|
142 |
|
143 <script type="application/javascript;version=1.8" src="utils.js"></script> |
|
144 <script type="application/javascript;version=1.8" src="template.js"></script> |
|
145 <script type="application/javascript;version=1.8" src="connection-footer.js"></script> |
|
146 </html> |