| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2011 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=Droid+Sans&v1" | 11 <link href="http://fonts.googleapis.com/css?family=Droid+Sans&v1" |
| 12 rel="stylesheet" type="text/css"> | 12 rel="stylesheet" type="text/css"> |
| 13 <link rel="shortcut icon" href="chromoting128.png" /> | 13 <link rel="shortcut icon" href="chromoting128.png" /> |
| 14 <link rel="stylesheet" href="debug_log.css" /> | 14 <link rel="stylesheet" href="debug_log.css" /> |
| 15 <link rel="stylesheet" href="main.css" /> | 15 <link rel="stylesheet" href="main.css" /> |
| 16 <link rel="stylesheet" href="choice.css" /> | 16 <link rel="stylesheet" href="choice.css" /> |
| 17 <link rel="stylesheet" href="toolbar.css" /> |
| 17 <script src="client_session.js"></script> | 18 <script src="client_session.js"></script> |
| 18 <script src="debug_log.js"></script> | 19 <script src="debug_log.js"></script> |
| 19 <script src="oauth2.js"></script> | 20 <script src="oauth2.js"></script> |
| 20 <script src="plugin_settings.js"></script> | 21 <script src="plugin_settings.js"></script> |
| 21 <script src="remoting.js"></script> | 22 <script src="remoting.js"></script> |
| 22 <script src="xhr.js"></script> | 23 <script src="xhr.js"></script> |
| 23 <title>Chromoting</title> | 24 <title>Chromoting</title> |
| 24 </head> | 25 </head> |
| 25 | 26 |
| 26 <body onLoad="remoting.init();"> | 27 <body onLoad="remoting.init();"> |
| 27 <nav id="control-panel"> | 28 <div id="control-panel" class="client-element host-element"> |
| 28 <span id="email-status"> | 29 <span id="email-status"> |
| 29 <span class="auth-status-label">Email:</span> | 30 <span class="auth-status-label">Email:</span> |
| 30 <span id="current-email"></span> | 31 <span id="current-email"></span> |
| 31 </span> <!-- email-status --> | 32 </span> <!-- email-status --> |
| 32 | 33 |
| 33 <span id="oauth2-entry" class="client-element host-element"> | 34 <span id="oauth2-entry"> |
| 34 <form> | 35 <form> |
| 35 <span class="auth-status-label">OAuth2 Token:</span> | 36 <span class="auth-status-label">OAuth2 Token:</span> |
| 36 <input id="oauth2-token-button" type="button" | 37 <input id="oauth2-token-button" type="button" |
| 37 onclick="remoting.oauth2.doAuthRedirect();" | 38 onclick="remoting.oauth2.doAuthRedirect();" |
| 38 value="Get OAuth2 Token…" /> | 39 value="Get OAuth2 Token…" /> |
| 39 <input id="oauth2-clear-button" type="button" | 40 <input id="oauth2-clear-button" type="button" |
| 40 onclick="remoting.clearOAuth2();" | 41 onclick="remoting.clearOAuth2();" |
| 41 value="Revoke" /> | 42 value="Revoke" /> |
| 42 </form> | 43 </form> |
| 43 </span> <!-- oauth2-entry --> | 44 </span> <!-- oauth2-entry --> |
| 44 | 45 |
| 45 <span id="session-controls" class="in-session-element"> | |
| 46 <form id="session-buttons"> | |
| 47 <input id="scale-to-fit-toggle" type="button" | |
| 48 value="Scale to fit" onclick="remoting.toggleScaleToFit();"/> | |
| 49 </form> | |
| 50 <span id="session-status-message">Initializing...</span> | |
| 51 </span> <!-- session-controls --> | |
| 52 | |
| 53 <span id="debug-enable"> | 46 <span id="debug-enable"> |
| 54 <form> | 47 <form> |
| 55 <input id="debug-log-toggle" type="button" value="Debug Log" | 48 <input id="debug-log-toggle" type="button" value="Debug log" |
| 56 onclick="remoting.toggleDebugLog();"/> | 49 onclick="remoting.toggleDebugLog();"/> |
| 57 </form> | 50 </form> |
| 58 </span> <!-- debug-enable --> | 51 </span> <!-- debug-enable --> |
| 52 </div> <!-- control-panel --> |
| 59 | 53 |
| 60 </nav> <!-- control-panel --> | 54 <div id="session-toolbar" |
| 55 class="toolbar-container in-session-element" |
| 56 hidden> |
| 57 <div class="toolbar-border"> |
| 58 <span id="session-status-message">Initialising...</span> |
| 59 <strong id="connected-to"></strong> |
| 60 <button type="button" disabled>Disconnect</button> |
| 61 <span class="right-align"> |
| 62 <button type="button" |
| 63 onclick="remoting.toggleDebugLog();"> |
| 64 Debug log |
| 65 </button> |
| 66 <button type="button" |
| 67 onclick="remoting.toggleScaleToFit();"> |
| 68 Fit screen |
| 69 </button> |
| 70 </span> |
| 71 </div> |
| 72 <div class="toolbar-stub"> |
| 73 <img src="toolbar-stub.png"> |
| 74 </div> |
| 75 </div> <!-- session-toolbar --> |
| 61 | 76 |
| 62 <section id="choice-mode" class="mode hidden host-element client-element"> | 77 <section id="choice-mode" class="mode host-element client-element" hidden> |
| 63 <header class="choice-header"> | 78 <header class="choice-header"> |
| 64 <img id="icon" src="chromoting128.png"> | 79 <img id="icon" src="chromoting128.png"> |
| 65 <h1 class="icon-label host-element"> | 80 <h1 class="icon-label host-element"> |
| 66 Chromoting › Share | 81 Chromoting › Share |
| 67 </h1> | 82 </h1> |
| 68 <h1 class="icon-label client-element"> | 83 <h1 class="icon-label client-element"> |
| 69 Chromoting › Connect | 84 Chromoting › Connect |
| 70 </h1> | 85 </h1> |
| 71 <img id="divider-top" src="dividertop.png"> | 86 <img id="divider-top" src="dividertop.png"> |
| 72 </header> | 87 </header> |
| (...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 199 <img src="spinner.gif"> | 214 <img src="spinner.gif"> |
| 200 <span class="waiting icon-label">waiting for connection…</span> | 215 <span class="waiting icon-label">waiting for connection…</span> |
| 201 <button id="cancel-button" | 216 <button id="cancel-button" |
| 202 onclick="remoting.cancelPendingOperation();"> | 217 onclick="remoting.cancelPendingOperation();"> |
| 203 Cancel | 218 Cancel |
| 204 </button> | 219 </button> |
| 205 </div> <!-- waiting-footer --> | 220 </div> <!-- waiting-footer --> |
| 206 </footer> | 221 </footer> |
| 207 </section> <!-- choice-mode --> | 222 </section> <!-- choice-mode --> |
| 208 | 223 |
| 209 <section id="session-mode" class="mode in-session-element hidden"> | 224 <section id="session-mode" class="mode in-session-element"> |
| 210 </section> <!-- session-mode --> | 225 </section> <!-- session-mode --> |
| 211 | 226 |
| 212 | 227 |
| 213 <section id="loading-mode"> | 228 <section id="loading-mode"> |
| 214 <em>Loading…</em> | 229 <em>Loading…</em> |
| 215 </section> | 230 </section> <!-- loading-mode --> |
| 216 | 231 |
| 217 <div id="host-plugin-container"> | 232 <div id="host-plugin-container"> |
| 218 </div> | 233 </div> <!-- host-plugin-container --> |
| 219 <div id="debug-log" class="hidden"> | 234 |
| 220 </div> | 235 <section id="debug-log" hidden> |
| 236 <div id="statistics"> |
| 237 </div> |
| 238 <div id="debug-messages"> |
| 239 </div> |
| 240 </section> <!-- debug-log --> |
| 241 |
| 221 </body> | 242 </body> |
| 222 </html> | 243 </html> |
| OLD | NEW |