browser/devtools/app-manager/content/connection-footer.xhtml@b8a032363ba2
browser/devtools/app-manager/content/connection-footer.xhtml
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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 ]>
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>
17 <body onload="UI.init()">
19 <div id="connection-footer" template='{"type":"attribute","path":"connection.status","name":"status"}'>
20 <div id="banners-and-logs">
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>
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>
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>
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>
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>
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>
116 <!-- Logs -->
117 <div id="banner-logs">
118 <div id="logs" class="banner-box">
119 <pre></pre>
120 </div>
121 </div>
123 </div>
124 </div>
125 </body>
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>
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>
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>
