1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/app-manager/content/connection-footer.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,146 @@
1.4 +<?xml version="1.0" encoding="UTF-8"?>
1.5 +<!-- This Source Code Form is subject to the terms of the Mozilla Public
1.6 + - License, v. 2.0. If a copy of the MPL was not distributed with this
1.7 + - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
1.8 +<!DOCTYPE html [
1.9 + <!ENTITY % appMgrDTD SYSTEM "chrome://browser/locale/devtools/app-manager.dtd" >
1.10 + %appMgrDTD;
1.11 +]>
1.12 +
1.13 +
1.14 +<html xmlns="http://www.w3.org/1999/xhtml">
1.15 + <head>
1.16 + <meta charset="utf8"/>
1.17 + <link rel="stylesheet" href="chrome://browser/skin/devtools/app-manager/connection-footer.css" type="text/css"/>
1.18 + </head>
1.19 +
1.20 + <body onload="UI.init()">
1.21 +
1.22 + <div id="connection-footer" template='{"type":"attribute","path":"connection.status","name":"status"}'>
1.23 + <div id="banners-and-logs">
1.24 +
1.25 + <!-- Connected -->
1.26 + <div id="banner-connected" class="banner">
1.27 + <div class="connected-indicator"></div>
1.28 + <div id="status" class="banner-box">
1.29 + <div class="banner-content">
1.30 + <span template='{"type":"localizedContent","property":"connection.connectedToDevice","paths":["device.description.name"]}'></span>
1.31 + <button class="action-cancel" onclick="UI.disconnect()" title="&connection.disconnectTooltip;">&connection.disconnect;</button>
1.32 + <button class="action-primary" onclick="UI.screenshot()" title="&device.screenshotTooltip;">&device.screenshot;</button>
1.33 + </div>
1.34 + </div>
1.35 + </div>
1.36 +
1.37 + <!-- Disconnected -->
1.38 + <div id="banner-disconnected" class="banner">
1.39 + <div class="connected-indicator"></div>
1.40 + <div class="banner-box">
1.41 + <div class="banner-content" template='{"type":"attribute","path":"adb.available","name":"adb-available"}'>
1.42 + <span>&connection.notConnected2;</span>
1.43 + <div id="connection-manual">
1.44 + <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>
1.45 + <button class="right" onclick="UI.editConnectionParameters()" title="&connection.changeHostAndPortTooltip;">&connection.changeHostAndPort;</button>
1.46 + </div>
1.47 + <div id="connection-assisted" template='{"type":"attribute","path":"adb.devices.length","name":"device-count"}'>
1.48 + <div id="connection-found-device">
1.49 + <span>&connection.connectTo;</span>
1.50 + <span template-loop='{"arrayPath":"adb.devices","childSelector":"#adb-devices-template"}'></span>
1.51 + </div>
1.52 + <div id="connection-no-device">
1.53 + <span>&connection.noDeviceFound;</span>
1.54 + </div>
1.55 + </div>
1.56 + <div id="start-simulator-box">
1.57 + <span>&connection.or;</span>
1.58 + <button id="start-simulator-button" class="action-primary" onclick="UI.showSimulatorList()" title="&connection.startSimulatorTooltip;">&connection.startSimulator;</button>
1.59 + </div>
1.60 + </div>
1.61 + </div>
1.62 + </div>
1.63 +
1.64 + <!-- Connecting -->
1.65 + <div id="banner-connecting" class="banner">
1.66 + <div class="connected-indicator"></div>
1.67 + <div id="status" class="banner-box">
1.68 + <div class="banner-content">
1.69 + <span>&connection.connecting;</span>
1.70 + <button class="action-cancel" onclick="UI.disconnect()" title="&connection.cancelConnectTooltip;">&connection.cancel;</button>
1.71 + </div>
1.72 + </div>
1.73 + </div>
1.74 +
1.75 + <!-- Disconnecting -->
1.76 + <div id="banner-disconnecting" class="banner">
1.77 + <div class="connected-indicator"></div>
1.78 + <div id="status" class="banner-box">
1.79 + <div class="banner-content">
1.80 + <span>&connection.disconnecting;</span>
1.81 + </div>
1.82 + </div>
1.83 + </div>
1.84 +
1.85 + <!-- Editing -->
1.86 + <div id="banner-editing" class="banner">
1.87 + <div class="connected-indicator"></div>
1.88 + <div class="banner-box">
1.89 + <div class="banner-content">
1.90 + <form onsubmit="UI.saveConnectionInfo()">
1.91 + <input class="host" template='{"type":"attribute","path":"connection.host","name":"value"}'></input>
1.92 + <input class="port" pattern="\d+" template='{"type":"attribute","path":"connection.port","name":"value"}' type="number"></input>
1.93 + <button type="submit" title="&connection.saveConnectionInfoTooltip;">&connection.saveConnectionInfo;</button>
1.94 + </form>
1.95 + </div>
1.96 + </div>
1.97 + </div>
1.98 +
1.99 + <!-- Simulator -->
1.100 + <div id="banner-simulators" class="banner" template='{"type":"attribute","path":"simulators.versions.length","name":"simulator-count"}'>
1.101 + <div class="connected-indicator"></div>
1.102 + <div class="banner-box">
1.103 + <div class="banner-content">
1.104 + <div class="no-simulator">
1.105 + <span>&connection.noSimulatorInstalled;</span>
1.106 + <button class="action-primary" onclick="UI.installSimulator()" title="&connection.installOneSimulatorTooltip;">&connection.installOneSimulator;</button>
1.107 + </div>
1.108 + <div class="found-simulator">
1.109 + <span>&connection.startRegisteredSimulator;</span>
1.110 + <span template-loop='{"arrayPath":"simulators.versions","childSelector":"#simulator-item-template"}'></span>
1.111 + <button class="action-primary" onclick="UI.installSimulator()" title="&connection.installAnotherSimulatorTooltip;">&connection.installAnotherSimulator;</button>
1.112 + </div>
1.113 + <button class="action-cancel" onclick="UI.cancelShowSimulatorList()" title="&connection.cancelShowSimulatorTooltip;">&connection.cancel;</button>
1.114 + </div>
1.115 + </div>
1.116 + </div>
1.117 +
1.118 +
1.119 + <!-- Logs -->
1.120 + <div id="banner-logs">
1.121 + <div id="logs" class="banner-box">
1.122 + <pre></pre>
1.123 + </div>
1.124 + </div>
1.125 +
1.126 + </div>
1.127 + </div>
1.128 + </body>
1.129 +
1.130 + <template id="simulator-item-template">
1.131 + <span>
1.132 + <button class="simulator-item action-primary" onclick="UI.startSimulator(this.dataset.version)" template='{"type":"attribute","path":"version","name":"data-version"}' title="&connection.startSimulatorTooltip;">
1.133 + <span template='{"type":"textContent", "path":"version"}'></span>
1.134 + </button>
1.135 + </span>
1.136 + </template>
1.137 +
1.138 + <template id="adb-devices-template">
1.139 + <span>
1.140 + <button class="adb-device action-primary" onclick="UI.connectToAdbDevice(this.dataset.name)" template='{"type":"attribute","path":"name","name":"data-name"}'>
1.141 + <span template='{"type":"textContent", "path":"name"}'></span>
1.142 + </button>
1.143 + </span>
1.144 + </template>
1.145 +
1.146 + <script type="application/javascript;version=1.8" src="utils.js"></script>
1.147 + <script type="application/javascript;version=1.8" src="template.js"></script>
1.148 + <script type="application/javascript;version=1.8" src="connection-footer.js"></script>
1.149 +</html>
