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