| 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 |