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 |