| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 | 7 |
| 8 <html> | 8 <html> |
| 9 <head> | 9 <head> |
| 10 <meta charset="utf-8"> | 10 <meta charset="utf-8"> |
| 11 <link href="http://fonts.googleapis.com/css?family=Open+Sans&v1" | 11 <link href="http://fonts.googleapis.com/css?family=Open+Sans&v1" |
| 12 rel="stylesheet" type="text/css"> | 12 rel="stylesheet" type="text/css"> |
| 13 <link rel="icon" type="image/png" href="chromoting16.png"> | 13 <link rel="icon" type="image/png" href="chromoting16.png"> |
| 14 <link rel="stylesheet" href="connection_stats.css"> | 14 <link rel="stylesheet" href="connection_stats.css"> |
| 15 <link rel="stylesheet" href="connection_history.css"> |
| 15 <link rel="stylesheet" href="main.css"> | 16 <link rel="stylesheet" href="main.css"> |
| 16 <link rel="stylesheet" href="toolbar.css"> | 17 <link rel="stylesheet" href="toolbar.css"> |
| 17 <script src="ask_pin_dialog.js"></script> | 18 <script src="ask_pin_dialog.js"></script> |
| 18 <script src="client_plugin_async.js"></script> | 19 <script src="client_plugin_async.js"></script> |
| 19 <script src="client_plugin_v1.js"></script> | 20 <script src="client_plugin_v1.js"></script> |
| 20 <script src="client_screen.js"></script> | 21 <script src="client_screen.js"></script> |
| 21 <script src="client_session.js"></script> | 22 <script src="client_session.js"></script> |
| 23 <script src="connection_history.js"></script> |
| 22 <script src="connection_stats.js"></script> | 24 <script src="connection_stats.js"></script> |
| 23 <script src="daemon_plugin.js"></script> | 25 <script src="daemon_plugin.js"></script> |
| 24 <script src="event_handlers.js"></script> | 26 <script src="event_handlers.js"></script> |
| 25 <script src="format_iq.js"></script> | 27 <script src="format_iq.js"></script> |
| 26 <script src="host_list.js"></script> | 28 <script src="host_list.js"></script> |
| 27 <script src="host_screen.js"></script> | 29 <script src="host_screen.js"></script> |
| 28 <script src="host_session.js"></script> | 30 <script src="host_session.js"></script> |
| 29 <script src="host_table_entry.js"></script> | 31 <script src="host_table_entry.js"></script> |
| 30 <script src="l10n.js"></script> | 32 <script src="l10n.js"></script> |
| 31 <script src="log_to_server.js"></script> | 33 <script src="log_to_server.js"></script> |
| (...skipping 25 matching lines...) Expand all Loading... |
| 57 <header data-ui-mode="home" hidden> | 59 <header data-ui-mode="home" hidden> |
| 58 <div> | 60 <div> |
| 59 <img src="chromoting48.png"> | 61 <img src="chromoting48.png"> |
| 60 <h1 class="icon-label" i18n-content="PRODUCT_NAME"></h1> | 62 <h1 class="icon-label" i18n-content="PRODUCT_NAME"></h1> |
| 61 </div> | 63 </div> |
| 62 <div class="box-spacer"></div> | 64 <div class="box-spacer"></div> |
| 63 <div id="top-secondary"> | 65 <div id="top-secondary"> |
| 64 <span id="current-email"></span> | 66 <span id="current-email"></span> |
| 65 <span data-ui-mode="home"> | 67 <span data-ui-mode="home"> |
| 66 <a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a> | | 68 <a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a> | |
| 69 <!-- TODO(jamiewalch): Add this back in when we support it. |
| 67 <a id="connection-history" href="#" | 70 <a id="connection-history" href="#" |
| 68 i18n-content="CONNECTION_HISTORY_BUTTON"></a> | | 71 i18n-content="CONNECTION_HISTORY_BUTTON"></a> | |
| 72 --> |
| 69 </span> | 73 </span> |
| 70 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=1649
523" | 74 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=1649
523" |
| 71 target="_blank" i18n-content="HELP"></a> | 75 target="_blank" i18n-content="HELP"></a> |
| 72 </div> | 76 </div> |
| 73 </header> | 77 </header> |
| 74 | 78 |
| 75 <div data-ui-mode="home" hidden> | 79 <div data-ui-mode="home" hidden> |
| 76 <section> | 80 <section> |
| 77 <div i18n-content="DESCRIPTION_HOME" | 81 <div i18n-content="DESCRIPTION_HOME" |
| 78 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr
ome.google.com/remotedesktop</a>"></div> | 82 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr
ome.google.com/remotedesktop</a>"></div> |
| (...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 152 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span> | 156 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span> |
| 153 <a id="change-daemon-pin" | 157 <a id="change-daemon-pin" |
| 154 href="#" | 158 href="#" |
| 155 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a> | 159 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a> |
| 156 </div> | 160 </div> |
| 157 </div> <!-- daemon-control --> | 161 </div> <!-- daemon-control --> |
| 158 </section> <!-- host-list-div --> | 162 </section> <!-- host-list-div --> |
| 159 </div> <!-- home --> | 163 </div> <!-- home --> |
| 160 | 164 |
| 161 <div id="dialog-screen" | 165 <div id="dialog-screen" |
| 162 data-ui-mode="home.host home.client home.auth" | 166 data-ui-mode="home.host home.client home.auth home.history" |
| 163 hidden></div> | 167 hidden></div> |
| 164 | 168 |
| 165 <div id="dialog-container" | 169 <div id="dialog-container" |
| 166 data-ui-mode="home.host home.client home.auth" | 170 data-ui-mode="home.host home.client home.auth home.history" |
| 167 hidden> | 171 hidden> |
| 168 | 172 |
| 169 <div class="box-spacer"></div> | 173 <div class="box-spacer"></div> |
| 170 | 174 |
| 171 <div id="ask-pin-dialog" hidden> | 175 <div id="ask-pin-dialog" hidden> |
| 172 <p i18n-content="ASK_PIN_DIALOG_DESCRIPTION"></p> | 176 <p i18n-content="ASK_PIN_DIALOG_DESCRIPTION"></p> |
| 173 <form id="ask-pin-form" | 177 <form id="ask-pin-form" |
| 174 action=""> | 178 action=""> |
| 175 <label for="daemon-pin-input" | 179 <label for="daemon-pin-input" |
| 176 i18n-content="ASK_PIN_DIALOG_LABEL"></label> | 180 i18n-content="ASK_PIN_DIALOG_LABEL"></label> |
| 177 <input id="daemon-pin-entry" type="password"> | 181 <input id="daemon-pin-entry" type="password"> |
| 178 <br> | 182 <br> |
| 179 <label for="daemon-pin-confirm" | 183 <label for="daemon-pin-confirm" |
| 180 i18n-content="ASK_PIN_DIALOG_CONFIRM_LABEL"></label> | 184 i18n-content="ASK_PIN_DIALOG_CONFIRM_LABEL"></label> |
| 181 <input id="daemon-pin-confirm" type="password"> | 185 <input id="daemon-pin-confirm" type="password"> |
| 182 <button id="daemon-pin-ok" type="submit" i18n-content="OK"></button> | 186 <button id="daemon-pin-ok" type="submit" i18n-content="OK"></button> |
| 183 <img id="start-daemon-spinner" src="spinner.gif" hidden> | 187 <img id="start-daemon-spinner" src="spinner.gif" hidden> |
| 184 </form> | 188 </form> |
| 185 </div> | 189 </div> <!-- ask-pin-dialog --> |
| 186 | 190 |
| 187 <div id="auth-dialog" | 191 <div id="auth-dialog" |
| 188 data-ui-mode="home.auth" | 192 data-ui-mode="home.auth" |
| 189 class="kd-modaldialog visible"> | 193 class="kd-modaldialog visible"> |
| 190 <h2 i18n-content="MODE_AUTHORIZE"></h2> | 194 <h2 i18n-content="MODE_AUTHORIZE"></h2> |
| 191 <p i18n-content="DESCRIPTION_AUTHORIZE"></p> | 195 <p i18n-content="DESCRIPTION_AUTHORIZE"></p> |
| 192 <div class="centered-button"> | 196 <div class="centered-button"> |
| 193 <button id="auth-button" | 197 <button id="auth-button" |
| 194 class="kd-button" | 198 class="kd-button" |
| 195 type="button" | 199 type="button" |
| (...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 330 </div> <!-- client.session-finished --> | 334 </div> <!-- client.session-finished --> |
| 331 | 335 |
| 332 <div data-ui-mode="home.client.connect-failed.it2me home.client.session-
finished.it2me" | 336 <div data-ui-mode="home.client.connect-failed.it2me home.client.session-
finished.it2me" |
| 333 class="centered-button"> | 337 class="centered-button"> |
| 334 <button id="client-finished-it2me-button" | 338 <button id="client-finished-it2me-button" |
| 335 type="button" | 339 type="button" |
| 336 class="kd-button" | 340 class="kd-button" |
| 337 i18n-content="OK" | 341 i18n-content="OK" |
| 338 autofocus="autofocus"> | 342 autofocus="autofocus"> |
| 339 </button> | 343 </button> |
| 340 </div> <!-- client.connect-failed.it2me client.session-finished.it2me --
> | 344 </div> <!-- connect-failed.it2me session-finished.it2me --> |
| 341 | 345 |
| 342 <div data-ui-mode="home.client.connect-failed.me2me home.client.session-
finished.me2me" | 346 <div data-ui-mode="home.client.connect-failed.me2me home.client.session-
finished.me2me" |
| 343 class="centered-button"> | 347 class="centered-button"> |
| 344 <button id="client-finished-me2me-button" | 348 <button id="client-finished-me2me-button" |
| 345 type="button" | 349 type="button" |
| 346 class="kd-button" | 350 class="kd-button" |
| 347 i18n-content="OK" | 351 i18n-content="OK" |
| 348 autofocus="autofocus"> | 352 autofocus="autofocus"> |
| 349 </button> | 353 </button> |
| 350 <button id="client-reconnect-button" | 354 <button id="client-reconnect-button" |
| 351 type="button" | 355 type="button" |
| 352 class="kd-button" | 356 class="kd-button" |
| 353 i18n-content="RECONNECT"> | 357 i18n-content="RECONNECT"> |
| 354 </button> | 358 </button> |
| 355 </div> <!-- client.connect-failed.me2me client.session-finished.me2me --
> | 359 </div> <!-- connect-failed.me2me session-finished.me2me --> |
| 356 | 360 |
| 357 </div> <!-- client-dialog --> | 361 </div> <!-- client-dialog --> |
| 358 | 362 |
| 363 <div id="connection-history-dialog" |
| 364 class="kd-modaldialog visible" |
| 365 data-ui-mode="home.history" |
| 366 hidden> |
| 367 <div class="internal-frame-of-reference"> |
| 368 <h2 i18n-content="CONNECTION_HISTORY_TITLE"></h2> |
| 369 <div id="connection-history-options"> |
| 370 <div class="link-list"> |
| 371 <a id="history-view-all" |
| 372 i18n-content="ALL_CONNECTIONS" |
| 373 class="no-link"></a> |
| 374 <a id="history-view-outgoing" |
| 375 i18n-content="OUTGOING_CONNECTIONS"></a> |
| 376 <a id="history-view-incoming" |
| 377 i18n-content="INCOMING_CONNECTIONS"></a> |
| 378 </div> |
| 379 <div class="box-spacer"></div> |
| 380 <a id="clear-connection-history" i18n-content="CLEAR_HISTORY"></a> |
| 381 </div> |
| 382 <div id="connection-history-scroller"> |
| 383 <table id="connection-history-table"> |
| 384 <thead> |
| 385 <tr> |
| 386 <td></td> |
| 387 <td i18n-content="TIME_HEADER"></td> |
| 388 <td></td> |
| 389 <td i18n-content="CONNECTION_FROM_HEADER"></td> |
| 390 <td i18n-content="CONNECTION_TO_HEADER"></td> |
| 391 <td i18n-content="DURATION_HEADER"></td> |
| 392 </tr> |
| 393 </thead> |
| 394 <tbody id="connection-history-entries" class="selectable"> |
| 395 </tbody> |
| 396 </table> |
| 397 </div> |
| 398 <button id="close-connection-history" |
| 399 i18n-content="CLOSE" |
| 400 class="kd-button" |
| 401 type="button"></button> |
| 402 </div> |
| 403 </div> <!-- connection-history-dialog --> |
| 404 |
| 359 <div class="box-spacer"></div> | 405 <div class="box-spacer"></div> |
| 360 | 406 |
| 361 </div> <!-- dialog-container --> | 407 </div> <!-- dialog-container --> |
| 362 | 408 |
| 363 <div id="session-mode" data-ui-mode="in-session home.client" hidden> | 409 <div id="session-mode" data-ui-mode="in-session home.client" hidden> |
| 364 <div id="session-toolbar" | 410 <div id="session-toolbar" |
| 365 data-ui-mode="in-session" | 411 data-ui-mode="in-session" |
| 366 class="toolbar-container" | 412 class="toolbar-container" |
| 367 hidden> | 413 hidden> |
| 368 <div class="toolbar-border"> | 414 <div class="toolbar-border"> |
| (...skipping 14 matching lines...) Expand all Loading... |
| 383 <div class="arrow-down"></div> | 429 <div class="arrow-down"></div> |
| 384 </div> | 430 </div> |
| 385 </div> <!-- session-toolbar --> | 431 </div> <!-- session-toolbar --> |
| 386 </div> <!-- session-mode --> | 432 </div> <!-- session-mode --> |
| 387 | 433 |
| 388 <div id="statistics" dir="ltr" class="selectable" hidden> | 434 <div id="statistics" dir="ltr" class="selectable" hidden> |
| 389 </div> <!-- statistics --> | 435 </div> <!-- statistics --> |
| 390 | 436 |
| 391 </body> | 437 </body> |
| 392 </html> | 438 </html> |
| OLD | NEW |