Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(263)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: remoting/webapp/main.html

Issue 9385040: Updated home screen to match new UI mocks. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fixed copyright header. Created 8 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « remoting/webapp/main.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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&amp;v1" 11 <link href="http://fonts.googleapis.com/css?family=Open+Sans&amp;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="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="toolbar.css" /> 16 <link rel="stylesheet" href="toolbar.css">
17 <script src="ask_pin_dialog.js"></script> 17 <script src="ask_pin_dialog.js"></script>
18 <script src="client_plugin_async.js"></script> 18 <script src="client_plugin_async.js"></script>
19 <script src="client_plugin_v1.js"></script> 19 <script src="client_plugin_v1.js"></script>
20 <script src="client_screen.js"></script> 20 <script src="client_screen.js"></script>
21 <script src="client_session.js"></script> 21 <script src="client_session.js"></script>
22 <script src="daemon_plugin.js"></script> 22 <script src="daemon_plugin.js"></script>
23 <script src="debug_log.js"></script> 23 <script src="debug_log.js"></script>
24 <script src="event_handlers.js"></script> 24 <script src="event_handlers.js"></script>
25 <script src="host_list.js"></script> 25 <script src="host_list.js"></script>
26 <script src="host_screen.js"></script> 26 <script src="host_screen.js"></script>
(...skipping 19 matching lines...) Expand all
46 46
47 <!-- loading-mode is initially visible, but becomes hidden as soon as an 47 <!-- loading-mode is initially visible, but becomes hidden as soon as an
48 AppMode is selected by remoting.init. All other divs are initially 48 AppMode is selected by remoting.init. All other divs are initially
49 hidden, but are shown appropriately when the mode changes. --> 49 hidden, but are shown appropriately when the mode changes. -->
50 <section id="loading-mode" data-ui-mode=""> 50 <section id="loading-mode" data-ui-mode="">
51 <em>Loading&hellip;</em> 51 <em>Loading&hellip;</em>
52 </section> <!-- loading-mode --> 52 </section> <!-- loading-mode -->
53 53
54 <div id="daemon-plugin-container"></div> 54 <div id="daemon-plugin-container"></div>
55 55
56 <div class="top-primary" 56 <header data-ui-mode="auth home client host" hidden>
57 data-ui-mode="home client host" 57 <div>
58 hidden> 58 <img src="chromoting48.png">
59 <span id="email-status"> 59 <h1 class="icon-label" i18n-content="PRODUCT_NAME"></h1>
60 </div>
61 <div class="box-spacer"></div>
62 <div id="top-secondary">
60 <span id="current-email"></span> 63 <span id="current-email"></span>
61 <span data-ui-mode="home client.unconnected client.connect-failed"> 64 <span data-ui-mode="home client.unconnected client.connect-failed">
62 (<a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a>) 65 <a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a> |
66 <a id="connection-history" href="#"
67 i18n-content="CONNECTION_HISTORY_BUTTON"></a> |
63 </span> 68 </span>
64 </span> 69 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=1649 523"
65 </div> 70 target="_blank" i18n-content="HELP"></a>
71 </div>
72 </header>
66 73
67 <div class="top-secondary" data-ui-mode="auth home client host"> 74 <section id="auth-panel" data-ui-mode="auth">
68 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=164952 3" 75 <h2 i18n-content="MODE_AUTHORIZE"></h2>
69 target="_blank" i18n-content="HELP"></a> 76 <p i18n-content="DESCRIPTION_AUTHORIZE"></p>
70 </div> 77 <div class="centered-button">
78 <button id="auth-button"
79 class="kd-button"
80 type="button"
81 i18n-content="CONTINUE_BUTTON">
82 </button>
83 </div>
84 </section> <!-- auth-panel -->
71 85
72 <div id="session-toolbar" 86 <div data-ui-mode="home">
73 data-ui-mode="in-session" 87 <section>
74 class="toolbar-container" 88 <div i18n-content="DESCRIPTION_HOME"
75 hidden> 89 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div>
76 <div class="toolbar-border"> 90 </section>
77 <span id="session-status-message" i18n-content="LABEL_CONNECTED"></span>
78 <strong id="connected-to"></strong>
79 <button id="toolbar-disconnect"
80 type="button"
81 i18n-content="DISCONNECT_MYSELF_BUTTON">
82 </button>
83 <span class="end-align">
84 <button id="toggle-scaling">
85 <img src="scale-to-fit.png">
86 </button>
87 </span>
88 </div>
89 <div class="toolbar-stub" id="toolbar-stub">
90 <div class="arrow-down"></div>
91 </div>
92 </div> <!-- session-toolbar -->
93 91
94 <div id="main" data-ui-mode="auth home host client" hidden> 92 <section>
95 93 <h2 i18n-content="MODE_IT2ME"></h2>
96 <header class="choice-header"> 94 <!-- TODO(jamiewalch): Rewrite this using flex boxes -->
97 <img id="icon" src="chromoting128.png">
98 <h1 class="icon-label">
99 <span i18n-content="PRODUCT_NAME"></span>
100 <span data-ui-mode="auth client host">&nbsp;&rsaquo;&nbsp;</span>
101 <span i18n-content="MODE_AUTHORIZE" data-ui-mode="auth"></span>
102 <span i18n-content="MODE_CONNECT" data-ui-mode="client"></span>
103 <span i18n-content="MODE_SHARE" data-ui-mode="host"></span>
104 </h1>
105 </header>
106
107 <img id="divider-top" src="dividertop.png">
108
109 <div id="auth-panel" data-ui-mode="auth">
110 <div class="description" i18n-content="DESCRIPTION_AUTHORIZE"></div>
111 <div class="centered-button">
112 <button id="auth-button"
113 class="big-button"
114 type="button"
115 i18n-content="CONTINUE_BUTTON">
116 </button>
117 </div>
118 </div> <!-- auth-panel -->
119
120 <div data-ui-mode="home">
121 <div class="description"
122 i18n-content="DESCRIPTION_HOME"
123 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div>
124 <table class="mode-select-table"> 95 <table class="mode-select-table">
125 <tr> 96 <tr>
126 <td> 97 <td>
127 <div i18n-content="HOME_SHARE_DESCRIPTION" 98 <div i18n-content="HOME_SHARE_DESCRIPTION"></div>
128 class="mode-select-label"></div>
129 <div id="chrome-os-no-share" 99 <div id="chrome-os-no-share"
130 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS" 100 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
131 class="small-print"></div> 101 class="small-print"></div>
132 </td> 102 </td>
133 <td> 103 <td class="mode-select-button-column">
134 <button id="share-button" 104 <button id="share-button"
135 i18n-content="HOME_SHARE_BUTTON" 105 i18n-content="HOME_SHARE_BUTTON"
136 class="mode-select-button" 106 class="kd-button kd-button-share"
137 type="button"> 107 type="button">
138 </button> 108 </button>
139 </td> 109 </td>
140 </tr> 110 </tr>
141 <tr class="mode-select-table-underline mode-select-table-spacer"> 111 <tr class="mode-select-table-underline mode-select-table-spacer">
142 <td></td><td></td> 112 <td></td><td></td>
143 </tr> 113 </tr>
144 <tr class="mode-select-table-spacer"> 114 <tr class="mode-select-table-spacer">
145 </tr> 115 </tr>
146 <tr> 116 <tr>
147 <td i18n-content="HOME_ACCESS_DESCRIPTION" 117 <td i18n-content="HOME_ACCESS_DESCRIPTION"></td>
148 class="mode-select-label"></td> 118 <td class="mode-select-button-column">
149 <td>
150 <button id="access-mode-button" 119 <button id="access-mode-button"
151 i18n-content="HOME_ACCESS_BUTTON" 120 i18n-content="HOME_ACCESS_BUTTON"
152 class="mode-select-button" 121 class="kd-button"
153 type="button"> 122 type="button">
154 </button> 123 </button>
155 </td> 124 </td>
156 </tr> 125 </tr>
157 </table> 126 </table>
127 </section>
158 128
159 <div id="host-list-div" 129 <section id="host-list-div"
160 class="host-list-container collapsed" 130 class="host-list-container collapsed"
161 hidden> 131 hidden>
162 <img src="dividerbottom.png"> 132 <h2 i18n-content="MODE_ME2ME"></h2>
163 <h1 i18n-content="HOME_MY_COMPUTERS_TITLE"></h1> 133 <table id="host-list" class="host-list-table"></table>
164 <table id="host-list" class="host-list-table"></table> 134 <div id="host-list-error" class="error-state"></div>
165 <div id="host-list-error" class="error-state"></div>
166 </div> <!-- host-list-div -->
167
168 <div id="daemon-control" data-ui-mode="home.daemon"> 135 <div id="daemon-control" data-ui-mode="home.daemon">
169 <table> 136 <table class="host-list-table">
137 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the
138 host-offline style if the daemon is not running -->
170 <tr> 139 <tr>
171 <td> 140 <td class="host-list-main-icon">
172 <img src="icon_host.png"> 141 <img src="icon_host.png">
173 </td> 142 </td>
174 <td> 143 <td class="host-list-label">
175 <span id="this-computer-name" 144 <span id="this-computer-name"
176 data-ui-mode="home.daemon.enabled"> 145 data-ui-mode="home.daemon.enabled">
177 Spongebob Squaretrousers 146 Spongebob Squaretrousers
178 </span> 147 </span>
179 <span i18n-content="HOME_DAEMON_START_MESSAGE" 148 <span i18n-content="HOME_DAEMON_START_MESSAGE"
180 data-ui-mode="home.daemon.disabled"> 149 data-ui-mode="home.daemon.disabled">
181 </span> 150 </span>
182 </td> 151 </td>
183 <td> 152 <td class="mode-select-button-column">
184 <button type="button" 153 <button type="button"
185 id="stop-daemon" 154 id="stop-daemon"
186 i18n-content="HOME_DAEMON_STOP_BUTTON" 155 i18n-content="HOME_DAEMON_STOP_BUTTON"
187 data-ui-mode="home.daemon.enabled"> 156 data-ui-mode="home.daemon.enabled"
157 class="kd-button">
188 </button> 158 </button>
189 <button type="button" 159 <button type="button"
190 id="start-daemon" 160 id="start-daemon"
191 i18n-content="HOME_DAEMON_START_BUTTON" 161 i18n-content="HOME_DAEMON_START_BUTTON"
192 data-ui-mode="home.daemon.disabled"> 162 data-ui-mode="home.daemon.disabled"
163 class="kd-button">
193 </button> 164 </button>
194 </td> 165 </td>
195 </tr> 166 </tr>
196 </table> 167 </table>
197 <div data-ui-mode="home.daemon.enabled"> 168 <div data-ui-mode="home.daemon.enabled">
198 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span> 169 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
199 <a id="change-daemon-pin" 170 <a id="change-daemon-pin"
200 href="#" 171 href="#"
201 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a> 172 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
202 </div> 173 </div>
203 </div> <!-- daemon-control --> 174 </div> <!-- daemon-control -->
175 </section> <!-- host-list-div -->
204 176
205 <div id="dialog-screen" hidden></div> 177 <div id="dialog-screen" hidden></div>
206 178
207 <div id="ask-pin-dialog" hidden> 179 <div id="ask-pin-dialog" hidden>
208 <p i18n-content="ASK_PIN_DIALOG_DESCRIPTION"></p> 180 <p i18n-content="ASK_PIN_DIALOG_DESCRIPTION"></p>
209 <form id="ask-pin-form" 181 <form id="ask-pin-form"
210 action=""> 182 action="">
211 <label for="daemon-pin-input" 183 <label for="daemon-pin-input"
212 i18n-content="ASK_PIN_DIALOG_LABEL"></label> 184 i18n-content="ASK_PIN_DIALOG_LABEL"></label>
213 <input id="daemon-pin-entry" type="password"> 185 <input id="daemon-pin-entry" type="password">
214 <br> 186 <br>
215 <label for="daemon-pin-confirm" 187 <label for="daemon-pin-confirm"
216 i18n-content="ASK_PIN_DIALOG_CONFIRM_LABEL"></label> 188 i18n-content="ASK_PIN_DIALOG_CONFIRM_LABEL"></label>
217 <input id="daemon-pin-confirm" type="password"> 189 <input id="daemon-pin-confirm" type="password">
218 <button id="daemon-pin-ok" type="submit" i18n-content="OK"></button> 190 <button id="daemon-pin-ok" type="submit" i18n-content="OK"></button>
219 <img id="start-daemon-spinner" src="spinner.gif" hidden> 191 <img id="start-daemon-spinner" src="spinner.gif" hidden>
220 </form> 192 </form>
221 </div> 193 </div>
222 194
223 </div> <!-- home --> 195 </div> <!-- home -->
224 196
225 <div id="host-panel" data-ui-mode="host"> 197 <div id="host-panel" data-ui-mode="host">
226 198
227 <div data-ui-mode="host.waiting-for-code" class="message" 199 <div data-ui-mode="host.waiting-for-code" class="message"
228 i18n-content="MESSAGE_GENERATING"> 200 i18n-content="MESSAGE_GENERATING">
229 </div> <!-- host.waiting-for-code --> 201 </div> <!-- host.waiting-for-code -->
230 202
231 <div data-ui-mode="host.waiting-for-connection"> 203 <div data-ui-mode="host.waiting-for-connection">
232 <div class="description" 204 <div i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div>
233 i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div>
234 <div id="access-code-display" dir="ltr"></div> 205 <div id="access-code-display" dir="ltr"></div>
235 <div id="access-code-countdown-container"> 206 <div id="access-code-countdown-container">
236 <div id="access-code-countdown" class="expiring" hidden> 207 <div id="access-code-countdown" class="expiring" hidden>
237 <span id="seconds-remaining" 208 <span id="seconds-remaining"
238 i18n-content="ACCESS_CODE_TIMER"></span> 209 i18n-content="ACCESS_CODE_TIMER"></span>
239 </div> 210 </div>
240 </div> 211 </div>
241 <div class="description" 212 <div i18n-content="INSTRUCTIONS_SHARE_BELOW"></div>
242 i18n-content="INSTRUCTIONS_SHARE_BELOW"></div>
243 </div> <!-- host.waiting-for-connection --> 213 </div> <!-- host.waiting-for-connection -->
244 214
245 <div data-ui-mode="host.shared"> 215 <div data-ui-mode="host.shared">
246 <div id="host-shared-message" class="message" 216 <div id="host-shared-message" class="message"
247 i18n-content="MESSAGE_SHARED"></div> 217 i18n-content="MESSAGE_SHARED"></div>
248 <div class="centered-button"> 218 <div class="centered-button">
249 <button id="cancel-share-button" 219 <button id="cancel-share-button"
250 type="button" 220 type="button"
251 class="big-button" 221 class="kd-button"
252 i18n-content="STOP_SHARING_BUTTON"> 222 i18n-content="STOP_SHARING_BUTTON">
253 </button> 223 </button>
254 </div> 224 </div>
255 </div> <!-- host.shared --> 225 </div> <!-- host.shared -->
256 226
257 <div data-ui-mode="host.share-failed" class="message"> 227 <div data-ui-mode="host.share-failed" class="message">
258 <span id="host-plugin-error" class="error-state"></span> 228 <span id="host-plugin-error" class="error-state"></span>
259 </div> <!-- host.share-failed --> 229 </div> <!-- host.share-failed -->
260 230
261 <div data-ui-mode="host.share-finished" class="message" 231 <div data-ui-mode="host.share-finished" class="message"
262 i18n-content="MESSAGE_SESSION_FINISHED"> 232 i18n-content="MESSAGE_SESSION_FINISHED">
263 </div> <!-- host.share-finished --> 233 </div> <!-- host.share-finished -->
264 234
265 <div class="centered-button" 235 <div class="centered-button"
266 data-ui-mode="host.share-failed host.share-finished"> 236 data-ui-mode="host.share-failed host.share-finished">
267 <button id="host-finished-button" 237 <button id="host-finished-button"
268 type="button" 238 type="button"
269 class="big-button" 239 class="kd-button"
270 autofocus="autofocus" 240 autofocus="autofocus"
271 i18n-content="OK"> 241 i18n-content="OK">
272 </button> 242 </button>
273 </div> 243 </div>
274 244
275 <div id="host-plugin-container"></div> 245 <div id="host-plugin-container"></div>
276 246
277 </div> <!-- host-panel --> 247 </div> <!-- host-panel -->
278 248
279 <div id="client-panel" data-ui-mode="client"> 249 <div id="client-panel" data-ui-mode="client">
280 <div data-ui-mode="client.unconnected"> 250 <div data-ui-mode="client.unconnected">
281 <div class="description" i18n-content="DESCRIPTION_CONNECT"></div> 251 <div i18n-content="DESCRIPTION_CONNECT"></div>
282 <div id="access-code-entry-row"> 252 <div id="access-code-entry-row">
283 <form id="access-code-form" action=""> 253 <form id="access-code-form" action="">
284 <label for="access-code-entry" i18n-content="ACCESS_CODE"></label> 254 <label for="access-code-entry" i18n-content="ACCESS_CODE"></label>
285 <input id="access-code-entry" 255 <input id="access-code-entry"
286 type="text" 256 type="text"
287 autofocus="autofocus" 257 autofocus="autofocus"
288 autocomplete="off"/> 258 autocomplete="off"/>
289 <button id="connect-button" 259 <button id="connect-button"
290 class="big-button" 260 class="kd-button"
291 type="submit" 261 type="submit"
292 i18n-content="CONNECT_BUTTON"> 262 i18n-content="CONNECT_BUTTON">
293 </button> 263 </button>
294 <button id="client-cancel-button" 264 <button id="client-cancel-button"
295 class="big-button" 265 class="kd-button"
296 type="button" 266 type="button"
297 i18n-content="CANCEL"> 267 i18n-content="CANCEL">
298 </button> 268 </button>
299 </form> 269 </form>
300 </div> <!-- code-entry-row --> 270 </div> <!-- code-entry-row -->
301 </div> <!-- client.unconnected --> 271 </div> <!-- client.unconnected -->
302 272
303 <div data-ui-mode="client.connecting" class="message" 273 <div data-ui-mode="client.connecting" class="message"
304 i18n-content="MESSAGE_CONNECTING"> 274 i18n-content="MESSAGE_CONNECTING">
305 </div> <!-- client.connecting --> 275 </div> <!-- client.connecting -->
306 276
307 <div data-ui-mode="client.pin-prompt" class="message"> 277 <div data-ui-mode="client.pin-prompt" class="message">
308 <div> 278 <div>
309 <form id="pin-form" action=""> 279 <form id="pin-form" action="">
310 <label for="pin-entry" i18n-content="PIN"></label> 280 <label for="pin-entry" i18n-content="PIN"></label>
311 <input id="pin-entry" 281 <input id="pin-entry"
312 type="password" 282 type="password"
313 autofocus="autofocus" 283 autofocus="autofocus"
314 autocomplete="off"/> 284 autocomplete="off"/>
315 <button id="connect-button" 285 <button id="connect-button"
316 class="big-button" 286 class="kd-button"
317 type="submit" 287 type="submit"
318 i18n-content="CONNECT_BUTTON"> 288 i18n-content="CONNECT_BUTTON">
319 </button> 289 </button>
320 </form> 290 </form>
321 </div> 291 </div>
322 </div> <!-- client.pin-prompt --> 292 </div> <!-- client.pin-prompt -->
323 293
324 <div data-ui-mode="client.connect-failed" 294 <div data-ui-mode="client.connect-failed"
325 class="message"> 295 class="message">
326 <span id="connect-error-message" class="error-state"></span> 296 <span id="connect-error-message" class="error-state"></span>
327 </div> <!-- client.connect-failed --> 297 </div> <!-- client.connect-failed -->
328 298
329 <div data-ui-mode="client.session-finished" 299 <div data-ui-mode="client.session-finished"
330 class="message" i18n-content="MESSAGE_SESSION_FINISHED"> 300 class="message" i18n-content="MESSAGE_SESSION_FINISHED">
331 </div> <!-- client.session-finished --> 301 </div> <!-- client.session-finished -->
332 302
333 <div data-ui-mode="client.connect-failed.it2me client.session-finished.i t2me" 303 <div data-ui-mode="client.connect-failed.it2me client.session-finished.i t2me"
334 class="centered-button"> 304 class="centered-button">
335 <button id="client-finished-it2me-button" 305 <button id="client-finished-it2me-button"
336 type="button" 306 type="button"
337 class="big-button" 307 class="kd-button"
338 i18n-content="OK" 308 i18n-content="OK"
339 autofocus="autofocus"> 309 autofocus="autofocus">
340 </button> 310 </button>
341 </div> <!-- client.connect-failed.it2me client.session-finished.it2me -- > 311 </div> <!-- client.connect-failed.it2me client.session-finished.it2me -- >
342 312
343 <div data-ui-mode="client.connect-failed.me2me client.session-finished.m e2me" 313 <div data-ui-mode="client.connect-failed.me2me client.session-finished.m e2me"
344 class="centered-button"> 314 class="centered-button">
345 <button id="client-finished-me2me-button" 315 <button id="client-finished-me2me-button"
346 type="button" 316 type="button"
347 class="big-button" 317 class="kd-button"
348 i18n-content="OK" 318 i18n-content="OK"
349 autofocus="autofocus"> 319 autofocus="autofocus">
350 </button> 320 </button>
351 <button id="client-reconnect-button" 321 <button id="client-reconnect-button"
352 type="button" 322 type="button"
353 class="big-button" 323 class="kd-button"
354 i18n-content="RECONNECT"> 324 i18n-content="RECONNECT">
355 </button> 325 </button>
356 </div> <!-- client.connect-failed.me2me client.session-finished.me2me -- > 326 </div> <!-- client.connect-failed.me2me client.session-finished.me2me -- >
357 327
358 </div> <!-- client-panel --> 328 </div> <!-- client-panel -->
359 329
360 <img id="divider-bottom"
361 src="dividerbottom.png"
362 data-ui-mode="auth host client">
363
364 <footer class="choice-footer"> 330 <footer class="choice-footer">
365 <div id="waiting-footer" 331 <div id="waiting-footer"
366 data-ui-mode="host.waiting-for-connection host.waiting-for-code cli ent.connecting"> 332 data-ui-mode="host.waiting-for-connection host.waiting-for-code cli ent.connecting">
367 <img src="spinner.gif"> 333 <img src="spinner.gif">
368 <span class="waiting icon-label" i18n-content="FOOTER_WAITING"></span> 334 <span class="waiting icon-label" i18n-content="FOOTER_WAITING"></span>
369 <button id="cancel-button" 335 <button id="cancel-button"
370 class="big-button" 336 class="kd-button"
371 i18n-content="CANCEL"> 337 i18n-content="CANCEL">
372 </button> 338 </button>
373 </div> <!-- waiting-footer --> 339 </div> <!-- waiting-footer -->
374 </footer> 340 </footer>
375 341
376 </div> <!-- main -->
377
378 <div id="nat-box-container" class="information-box-centerer" hidden> 342 <div id="nat-box-container" class="information-box-centerer" hidden>
379 <div class="information-box-padding"></div> 343 <div class="information-box-padding"></div>
380 <div class="information-box" 344 <div class="information-box"
381 i18n-content="WARNING_NAT_DISABLED" 345 i18n-content="WARNING_NAT_DISABLED"
382 data-ui-mode="host.waiting-for-code host.waiting-for-connection"> 346 data-ui-mode="host.waiting-for-code host.waiting-for-connection">
383 </div> 347 </div>
384 <div class="information-box-padding"></div> 348 <div class="information-box-padding"></div>
385 </div> <!-- nat-box-container --> 349 </div> <!-- nat-box-container -->
386 350
351
387 <div id="session-mode" data-ui-mode="in-session client" hidden> 352 <div id="session-mode" data-ui-mode="in-session client" hidden>
353 <div id="session-toolbar"
354 data-ui-mode="in-session"
355 class="toolbar-container"
356 hidden>
357 <div class="toolbar-border">
358 <span id="session-status-message"
359 i18n-content="LABEL_CONNECTED"></span>
360 <strong id="connected-to"></strong>
361 <button id="toolbar-disconnect"
362 type="button"
363 i18n-content="DISCONNECT_MYSELF_BUTTON">
364 </button>
365 <span class="end-align">
366 <button id="toggle-scaling">
367 <img src="scale-to-fit.png">
368 </button>
369 </span>
370 </div>
371 <div class="toolbar-stub" id="toolbar-stub">
372 <div class="arrow-down"></div>
373 </div>
374 </div> <!-- session-toolbar -->
388 </div> <!-- session-mode --> 375 </div> <!-- session-mode -->
389 376
390 <section id="debug-log" dir="ltr" hidden> 377 <section id="debug-log" dir="ltr" hidden>
391 <div id="statistics"> 378 <div id="statistics">
392 </div> 379 </div>
393 <div id="debug-messages"> 380 <div id="debug-messages">
394 </div> 381 </div>
395 </section> <!-- debug-log --> 382 </section> <!-- debug-log -->
396 383
397 </body> 384 </body>
398 </html> 385 </html>
OLDNEW
« no previous file with comments | « remoting/webapp/main.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698