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" /> |
(...skipping 20 matching lines...) Expand all Loading... |
31 | 31 |
32 <!-- loading-mode is initially visible, but becomes hidden as soon as an | 32 <!-- loading-mode is initially visible, but becomes hidden as soon as an |
33 AppMode is selected by remoting.init. All other divs are initially | 33 AppMode is selected by remoting.init. All other divs are initially |
34 hidden, but are shown appropriately when the mode changes. --> | 34 hidden, but are shown appropriately when the mode changes. --> |
35 <!-- TODO(jamiewalch): This string is not localized because by the time we | 35 <!-- TODO(jamiewalch): This string is not localized because by the time we |
36 get around to running localize(), it's hidden anyway. --> | 36 get around to running localize(), it's hidden anyway. --> |
37 <section id="loading-mode" data-ui-mode=""> | 37 <section id="loading-mode" data-ui-mode=""> |
38 <em>Loading…</em> | 38 <em>Loading…</em> |
39 </section> <!-- loading-mode --> | 39 </section> <!-- loading-mode --> |
40 | 40 |
41 <div class="top-left" | 41 <div class="top-primary" |
42 data-ui-mode="client.unconnected host.unshared" | 42 data-ui-mode="client.unconnected host.unshared" |
43 hidden> | 43 hidden> |
44 <span id="email-status"> | 44 <span id="email-status"> |
45 <span id="current-email"></span> | 45 <span id="current-email"></span> |
46 (<a href="#" onclick="remoting.clearOAuth2();" | 46 (<a href="#" onclick="remoting.clearOAuth2();" |
47 i18n-content="logoutButton"></a>) | 47 i18n-content="logoutButton"></a>) |
48 </span> | 48 </span> |
49 </div> | 49 </div> |
50 | 50 |
51 <div class="top-right" data-ui-mode="auth client host"> | 51 <div class="top-secondary" data-ui-mode="auth client host"> |
52 <a href="#" onclick="remoting.toggleDebugLog();" | 52 <a href="#" onclick="remoting.toggleDebugLog();" |
53 i18n-content="debugButton"></a> | 53 i18n-content="debugButton"></a> |
54 </div> | 54 </div> |
55 | 55 |
56 <div id="session-toolbar" | 56 <div id="session-toolbar" |
57 data-ui-mode="in-session" | 57 data-ui-mode="in-session" |
58 class="toolbar-container" | 58 class="toolbar-container" |
59 hidden> | 59 hidden> |
60 <div class="toolbar-border"> | 60 <div class="toolbar-border"> |
61 <span id="session-status-message" i18n-content="labelConnected"></span> | 61 <span id="session-status-message" i18n-content="labelConnected"></span> |
62 <strong id="connected-to"></strong> | 62 <strong id="connected-to"></strong> |
63 <button type="button" onclick="remoting.disconnect();" | 63 <button type="button" onclick="remoting.disconnect();" |
64 i18n-content="disconnectButton"></button> | 64 i18n-content="disconnectButton"></button> |
65 <span class="right-align"> | 65 <span class="end-align"> |
66 <button type="button" onclick="remoting.toggleDebugLog();" | 66 <button type="button" onclick="remoting.toggleDebugLog();" |
67 i18n-content="debugButton"></button> | 67 i18n-content="debugButton"></button> |
68 <button type="button" onclick="remoting.toggleScaleToFit();" | 68 <button type="button" onclick="remoting.toggleScaleToFit();" |
69 i18n-content="scaleButton"></button> | 69 i18n-content="scaleButton"></button> |
70 </span> | 70 </span> |
71 </div> | 71 </div> |
72 <div class="toolbar-stub"> | 72 <div class="toolbar-stub"> |
73 <img src="toolbar-stub.png"> | 73 <img src="toolbar-stub.png"> |
74 </div> | 74 </div> |
75 </div> <!-- session-toolbar --> | 75 </div> <!-- session-toolbar --> |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
109 i18n-content="shareButton"></button> | 109 i18n-content="shareButton"></button> |
110 </div> | 110 </div> |
111 </div> <!-- host.unshared --> | 111 </div> <!-- host.unshared --> |
112 | 112 |
113 <div data-ui-mode="host.waiting-for-code" class="message" | 113 <div data-ui-mode="host.waiting-for-code" class="message" |
114 i18n-content="messageGenerating"> | 114 i18n-content="messageGenerating"> |
115 </div> <!-- host.waiting-for-code --> | 115 </div> <!-- host.waiting-for-code --> |
116 | 116 |
117 <div data-ui-mode="host.waiting-for-connection"> | 117 <div data-ui-mode="host.waiting-for-connection"> |
118 <div class="description" i18n-content="instructionsShareAbove"></div> | 118 <div class="description" i18n-content="instructionsShareAbove"></div> |
119 <div id="access-code-display"></div> | 119 <div id="access-code-display" dir="ltr"></div> |
120 <div id="access-code-countdown-container"> | 120 <div id="access-code-countdown-container"> |
121 <div id="access-code-countdown" class="expiring" hidden> | 121 <div id="access-code-countdown" class="expiring" hidden> |
122 <span i18n-content="accessCodeTimer"></span> | 122 <span i18n-content="accessCodeTimer"></span> |
123 0:<span id="seconds-remaining"></span> | 123 0:<span id="seconds-remaining"></span> |
124 </div> | 124 </div> |
125 </div> | 125 </div> |
126 <div class="description" i18n-content="instructionsShareBelow"></div> | 126 <div class="description" i18n-content="instructionsShareBelow"></div> |
127 </div> <!-- host.waiting-for-connection --> | 127 </div> <!-- host.waiting-for-connection --> |
128 | 128 |
129 <div data-ui-mode="host.shared"> | 129 <div data-ui-mode="host.shared"> |
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
224 i18n-content="cancel"> | 224 i18n-content="cancel"> |
225 </button> | 225 </button> |
226 </div> <!-- waiting-footer --> | 226 </div> <!-- waiting-footer --> |
227 </footer> | 227 </footer> |
228 | 228 |
229 </div> <!-- main --> | 229 </div> <!-- main --> |
230 | 230 |
231 <div id="session-mode" data-ui-mode="in-session client" hidden> | 231 <div id="session-mode" data-ui-mode="in-session client" hidden> |
232 </div> <!-- session-mode --> | 232 </div> <!-- session-mode --> |
233 | 233 |
234 <section id="debug-log" hidden> | 234 <section id="debug-log" dir="ltr" hidden> |
235 <div id="statistics"> | 235 <div id="statistics"> |
236 </div> | 236 </div> |
237 <div id="debug-messages"> | 237 <div id="debug-messages"> |
238 </div> | 238 </div> |
239 </section> <!-- debug-log --> | 239 </section> <!-- debug-log --> |
240 | 240 |
241 </body> | 241 </body> |
242 </html> | 242 </html> |
OLD | NEW |