| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 <!-- | |
| 3 Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
| 4 Use of this source code is governed by a BSD-style license that can be | |
| 5 found in the LICENSE file. | |
| 6 --> | |
| 7 | |
| 8 <html> | |
| 9 <head> | |
| 10 <meta charset="utf-8" /> | |
| 11 <link href="http://fonts.googleapis.com/css?family=Open+Sans&v1" | |
| 12 rel="stylesheet" type="text/css"> | |
| 13 <link rel="icon" type="image/png" href="chromoting16.png" /> | |
| 14 <link rel="stylesheet" href="debug_log.css" /> | |
| 15 <link rel="stylesheet" href="main.css" /> | |
| 16 <link rel="stylesheet" href="choice.css" /> | |
| 17 <link rel="stylesheet" href="toolbar.css" /> | |
| 18 <script src="client_screen.js"></script> | |
| 19 <script src="client_session.js"></script> | |
| 20 <script src="debug_log.js"></script> | |
| 21 <script src="event_handlers.js"></script> | |
| 22 <script src="host_list.js"></script> | |
| 23 <script src="host_screen.js"></script> | |
| 24 <script src="host_session.js"></script> | |
| 25 <script src="host_table_entry.js"></script> | |
| 26 <script src="l10n.js"></script> | |
| 27 <script src="log_to_server.js"></script> | |
| 28 <script src="oauth2.js"></script> | |
| 29 <script src="plugin_settings.js"></script> | |
| 30 <script src="remoting.js"></script> | |
| 31 <script src="server_log_entry.js"></script> | |
| 32 <script src="stats_accumulator.js"></script> | |
| 33 <script src="toolbar.js"></script> | |
| 34 <script src="ui_mode.js"></script> | |
| 35 <script src="util.js"></script> | |
| 36 <script src="xhr.js"></script> | |
| 37 <script src="wcs.js"></script> | |
| 38 <script src="wcs_loader.js"></script> | |
| 39 <title i18n-content="PRODUCT_NAME"></title> | |
| 40 </head> | |
| 41 | |
| 42 <body> | |
| 43 | |
| 44 <!-- loading-mode is initially visible, but becomes hidden as soon as an | |
| 45 AppMode is selected by remoting.init. All other divs are initially | |
| 46 hidden, but are shown appropriately when the mode changes. --> | |
| 47 <section id="loading-mode" data-ui-mode=""> | |
| 48 <em>Loading…</em> | |
| 49 </section> <!-- loading-mode --> | |
| 50 | |
| 51 <div class="top-primary" | |
| 52 data-ui-mode="home client host" | |
| 53 hidden> | |
| 54 <span id="email-status"> | |
| 55 <span id="current-email"></span> | |
| 56 <span data-ui-mode="home client.unconnected client.connect-failed"> | |
| 57 (<a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a>) | |
| 58 </span> | |
| 59 </span> | |
| 60 </div> | |
| 61 | |
| 62 <div class="top-secondary" data-ui-mode="auth home client host"> | |
| 63 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=164952
3" | |
| 64 target="_blank" i18n-content="HELP"></a> | |
| 65 </div> | |
| 66 | |
| 67 <div id="session-toolbar" | |
| 68 data-ui-mode="in-session" | |
| 69 class="toolbar-container" | |
| 70 hidden> | |
| 71 <div class="toolbar-border"> | |
| 72 <span id="session-status-message" i18n-content="LABEL_CONNECTED"></span> | |
| 73 <strong id="connected-to"></strong> | |
| 74 <button id="toolbar-disconnect" | |
| 75 type="button" | |
| 76 i18n-content="DISCONNECT_MYSELF_BUTTON"> | |
| 77 </button> | |
| 78 <span class="end-align"> | |
| 79 <button id="toggle-scaling"> | |
| 80 <img src="scale-to-fit.png"> | |
| 81 </button> | |
| 82 </span> | |
| 83 </div> | |
| 84 <div class="toolbar-stub"> | |
| 85 <div class="arrow-down"></div> | |
| 86 </div> | |
| 87 </div> <!-- session-toolbar --> | |
| 88 | |
| 89 <div id="main" data-ui-mode="auth home host client" hidden> | |
| 90 | |
| 91 <header class="choice-header"> | |
| 92 <img id="icon" src="chromoting128.png"> | |
| 93 <h1 class="icon-label"> | |
| 94 <span i18n-content="PRODUCT_NAME"></span> | |
| 95 <span data-ui-mode="auth client host"> › </span> | |
| 96 <span i18n-content="MODE_AUTHORIZE" data-ui-mode="auth"></span> | |
| 97 <span i18n-content="MODE_CONNECT" data-ui-mode="client"></span> | |
| 98 <span i18n-content="MODE_SHARE" data-ui-mode="host"></span> | |
| 99 </h1> | |
| 100 </header> | |
| 101 | |
| 102 <img id="divider-top" src="dividertop.png"> | |
| 103 | |
| 104 <div id="auth-panel" data-ui-mode="auth"> | |
| 105 <div class="description" i18n-content="DESCRIPTION_AUTHORIZE"></div> | |
| 106 <div class="centered-button"> | |
| 107 <button id="auth-button" | |
| 108 class="big-button" | |
| 109 type="button" | |
| 110 i18n-content="CONTINUE_BUTTON"> | |
| 111 </button> | |
| 112 </div> | |
| 113 </div> <!-- auth-panel --> | |
| 114 | |
| 115 <div data-ui-mode="home"> | |
| 116 <div class="description" | |
| 117 i18n-content="DESCRIPTION_HOME" | |
| 118 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr
ome.google.com/remotedesktop</a>"></div> | |
| 119 <table class="mode-select-table"> | |
| 120 <tr> | |
| 121 <td> | |
| 122 <div i18n-content="HOME_SHARE_DESCRIPTION" | |
| 123 class="mode-select-label"></div> | |
| 124 <div id="chrome-os-no-share" | |
| 125 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS" | |
| 126 class="small-print"></div> | |
| 127 </td> | |
| 128 <td> | |
| 129 <button id="share-button" | |
| 130 i18n-content="HOME_SHARE_BUTTON" | |
| 131 class="mode-select-button" | |
| 132 type="button"> | |
| 133 </button> | |
| 134 </td> | |
| 135 </tr> | |
| 136 <tr class="mode-select-table-underline mode-select-table-spacer"> | |
| 137 <td></td><td></td> | |
| 138 </tr> | |
| 139 <tr class="mode-select-table-spacer"> | |
| 140 </tr> | |
| 141 <tr> | |
| 142 <td i18n-content="HOME_ACCESS_DESCRIPTION" | |
| 143 class="mode-select-label"></td> | |
| 144 <td> | |
| 145 <button id="access-mode-button" | |
| 146 i18n-content="HOME_ACCESS_BUTTON" | |
| 147 class="mode-select-button" | |
| 148 type="button"> | |
| 149 </button> | |
| 150 </td> | |
| 151 </tr> | |
| 152 </table> | |
| 153 | |
| 154 <div id="host-list-div" | |
| 155 class="host-list-container collapsed" | |
| 156 hidden> | |
| 157 <img src="dividerbottom.png"> | |
| 158 <h1 i18n-content="HOME_MY_COMPUTERS_TITLE"></h1> | |
| 159 <table id="host-list" class="host-list-table"></table> | |
| 160 <div id="host-list-error" class="error-state"></div> | |
| 161 </div> <!-- host-list-div --> | |
| 162 | |
| 163 </div> <!-- home --> | |
| 164 | |
| 165 <div id="host-panel" data-ui-mode="host"> | |
| 166 | |
| 167 <div data-ui-mode="host.waiting-for-code" class="message" | |
| 168 i18n-content="MESSAGE_GENERATING"> | |
| 169 </div> <!-- host.waiting-for-code --> | |
| 170 | |
| 171 <div data-ui-mode="host.waiting-for-connection"> | |
| 172 <div class="description" | |
| 173 i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div> | |
| 174 <div id="access-code-display" dir="ltr"></div> | |
| 175 <div id="access-code-countdown-container"> | |
| 176 <div id="access-code-countdown" class="expiring" hidden> | |
| 177 <span id="seconds-remaining" | |
| 178 i18n-content="ACCESS_CODE_TIMER"></span> | |
| 179 </div> | |
| 180 </div> | |
| 181 <div class="description" | |
| 182 i18n-content="INSTRUCTIONS_SHARE_BELOW"></div> | |
| 183 </div> <!-- host.waiting-for-connection --> | |
| 184 | |
| 185 <div data-ui-mode="host.shared"> | |
| 186 <div id="host-shared-message" class="message" | |
| 187 i18n-content="MESSAGE_SHARED"></div> | |
| 188 <div class="centered-button"> | |
| 189 <button id="cancel-share-button" | |
| 190 type="button" | |
| 191 class="big-button" | |
| 192 i18n-content="STOP_SHARING_BUTTON"> | |
| 193 </button> | |
| 194 </div> | |
| 195 </div> <!-- host.shared --> | |
| 196 | |
| 197 <div data-ui-mode="host.share-failed" class="message"> | |
| 198 <span id="host-plugin-error" class="error-state"></span> | |
| 199 </div> <!-- host.share-failed --> | |
| 200 | |
| 201 <div data-ui-mode="host.share-finished" class="message" | |
| 202 i18n-content="MESSAGE_SESSION_FINISHED"> | |
| 203 </div> <!-- host.share-finished --> | |
| 204 | |
| 205 <div class="centered-button" | |
| 206 data-ui-mode="host.share-failed host.share-finished"> | |
| 207 <button id="host-finished-button" | |
| 208 type="button" | |
| 209 class="big-button" | |
| 210 autofocus="autofocus" | |
| 211 i18n-content="OK"> | |
| 212 </button> | |
| 213 </div> | |
| 214 | |
| 215 <div id="host-plugin-container"></div> | |
| 216 | |
| 217 </div> <!-- host-panel --> | |
| 218 | |
| 219 <div id="client-panel" data-ui-mode="client"> | |
| 220 <div data-ui-mode="client.unconnected"> | |
| 221 <div class="description" i18n-content="DESCRIPTION_CONNECT"></div> | |
| 222 <div id="access-code-entry-row"> | |
| 223 <form id="access-code-form" action=""> | |
| 224 <label for="access-code-entry" i18n-content="ACCESS_CODE"></label> | |
| 225 <input id="access-code-entry" | |
| 226 type="text" | |
| 227 autofocus="autofocus" | |
| 228 autocomplete="off"/> | |
| 229 <button id="connect-button" | |
| 230 class="big-button" | |
| 231 type="submit" | |
| 232 i18n-content="CONNECT_BUTTON"> | |
| 233 </button> | |
| 234 <button id="client-cancel-button" | |
| 235 class="big-button" | |
| 236 type="button" | |
| 237 i18n-content="CANCEL"> | |
| 238 </button> | |
| 239 </form> | |
| 240 </div> <!-- code-entry-row --> | |
| 241 </div> <!-- client.unconnected --> | |
| 242 | |
| 243 <div data-ui-mode="client.connecting" class="message" | |
| 244 i18n-content="MESSAGE_CONNECTING"> | |
| 245 </div> <!-- client.connecting --> | |
| 246 | |
| 247 <div data-ui-mode="client.pin-prompt" class="message"> | |
| 248 <div> | |
| 249 <form id="pin-form" action=""> | |
| 250 <label for="pin-entry" i18n-content="PIN"></label> | |
| 251 <input id="pin-entry" | |
| 252 type="password" | |
| 253 autofocus="autofocus" | |
| 254 autocomplete="off"/> | |
| 255 <button id="connect-button" | |
| 256 class="big-button" | |
| 257 type="submit" | |
| 258 i18n-content="CONNECT_BUTTON"> | |
| 259 </button> | |
| 260 </form> | |
| 261 </div> | |
| 262 </div> <!-- client.pin-prompt --> | |
| 263 | |
| 264 <div data-ui-mode="client.connect-failed" | |
| 265 class="message"> | |
| 266 <span id="connect-error-message" class="error-state"></span> | |
| 267 </div> <!-- client.connect-failed --> | |
| 268 | |
| 269 <div data-ui-mode="client.session-finished" | |
| 270 class="message" i18n-content="MESSAGE_SESSION_FINISHED"> | |
| 271 </div> <!-- client.session-finished --> | |
| 272 | |
| 273 <div data-ui-mode="client.connect-failed.it2me client.session-finished.i
t2me" | |
| 274 class="centered-button"> | |
| 275 <button id="client-finished-button" | |
| 276 type="button" | |
| 277 class="big-button" | |
| 278 i18n-content="OK" | |
| 279 autofocus="autofocus"> | |
| 280 </button> | |
| 281 </div> <!-- client.connect-failed client.session-finished --> | |
| 282 | |
| 283 </div> <!-- client-panel --> | |
| 284 | |
| 285 <img id="divider-bottom" | |
| 286 src="dividerbottom.png" | |
| 287 data-ui-mode="auth host client"> | |
| 288 | |
| 289 <footer class="choice-footer"> | |
| 290 | |
| 291 <div id="waiting-footer" | |
| 292 data-ui-mode="host.waiting-for-connection host.waiting-for-code cli
ent.connecting"> | |
| 293 <img src="spinner.gif"> | |
| 294 <span class="waiting icon-label" i18n-content="FOOTER_WAITING"></span> | |
| 295 <button id="cancel-button" | |
| 296 class="big-button" | |
| 297 i18n-content="CANCEL"> | |
| 298 </button> | |
| 299 </div> <!-- waiting-footer --> | |
| 300 </footer> | |
| 301 | |
| 302 </div> <!-- main --> | |
| 303 | |
| 304 <div id="nat-box-container" class="information-box-centerer" hidden> | |
| 305 <div class="information-box-padding"></div> | |
| 306 <div class="information-box" | |
| 307 i18n-content="WARNING_NAT_DISABLED" | |
| 308 data-ui-mode="host.waiting-for-code host.waiting-for-connection"> | |
| 309 </div> | |
| 310 <div class="information-box-padding"></div> | |
| 311 </div> <!-- nat-box-container --> | |
| 312 | |
| 313 <div id="session-mode" data-ui-mode="in-session client" hidden> | |
| 314 </div> <!-- session-mode --> | |
| 315 | |
| 316 <section id="debug-log" dir="ltr" hidden> | |
| 317 <div id="statistics"> | |
| 318 </div> | |
| 319 <div id="debug-messages"> | |
| 320 </div> | |
| 321 </section> <!-- debug-log --> | |
| 322 | |
| 323 </body> | |
| 324 </html> | |
| OLD | NEW |