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

Side by Side Diff: remoting/webapp/me2mom/choice.html

Issue 9148043: Rename webapp_it2me to remoting_webapp and move it from webapp/me2mom to webapp/ (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: add webapp_it2me back Created 8 years, 11 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/me2mom/choice.css ('k') | remoting/webapp/me2mom/client_screen.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <!--
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
5 found in the LICENSE file.
6 -->
7
8 <html>
9 <head>
10 <meta charset="utf-8" />
11 <link href="http://fonts.googleapis.com/css?family=Open+Sans&amp;v1"
12 rel="stylesheet" type="text/css">
13 <link rel="icon" type="image/png" href="chromoting16.png" />
14 <link rel="stylesheet" href="debug_log.css" />
15 <link rel="stylesheet" href="main.css" />
16 <link rel="stylesheet" href="choice.css" />
17 <link rel="stylesheet" href="toolbar.css" />
18 <script src="client_screen.js"></script>
19 <script src="client_session.js"></script>
20 <script src="debug_log.js"></script>
21 <script src="event_handlers.js"></script>
22 <script src="host_list.js"></script>
23 <script src="host_screen.js"></script>
24 <script src="host_session.js"></script>
25 <script src="host_table_entry.js"></script>
26 <script src="l10n.js"></script>
27 <script src="log_to_server.js"></script>
28 <script src="oauth2.js"></script>
29 <script src="plugin_settings.js"></script>
30 <script src="remoting.js"></script>
31 <script src="server_log_entry.js"></script>
32 <script src="stats_accumulator.js"></script>
33 <script src="toolbar.js"></script>
34 <script src="ui_mode.js"></script>
35 <script src="util.js"></script>
36 <script src="xhr.js"></script>
37 <script src="wcs.js"></script>
38 <script src="wcs_loader.js"></script>
39 <title i18n-content="PRODUCT_NAME"></title>
40 </head>
41
42 <body>
43
44 <!-- loading-mode is initially visible, but becomes hidden as soon as an
45 AppMode is selected by remoting.init. All other divs are initially
46 hidden, but are shown appropriately when the mode changes. -->
47 <section id="loading-mode" data-ui-mode="">
48 <em>Loading&hellip;</em>
49 </section> <!-- loading-mode -->
50
51 <div class="top-primary"
52 data-ui-mode="home client host"
53 hidden>
54 <span id="email-status">
55 <span id="current-email"></span>
56 <span data-ui-mode="home client.unconnected client.connect-failed">
57 (<a id="clear-oauth" href="#" i18n-content="SIGN_OUT_BUTTON"></a>)
58 </span>
59 </span>
60 </div>
61
62 <div class="top-secondary" data-ui-mode="auth home client host">
63 <a href="https://www.google.com/support/chrome/bin/answer.py?answer=164952 3"
64 target="_blank" i18n-content="HELP"></a>
65 </div>
66
67 <div id="session-toolbar"
68 data-ui-mode="in-session"
69 class="toolbar-container"
70 hidden>
71 <div class="toolbar-border">
72 <span id="session-status-message" i18n-content="LABEL_CONNECTED"></span>
73 <strong id="connected-to"></strong>
74 <button id="toolbar-disconnect"
75 type="button"
76 i18n-content="DISCONNECT_MYSELF_BUTTON">
77 </button>
78 <span class="end-align">
79 <button id="toggle-scaling">
80 <img src="scale-to-fit.png">
81 </button>
82 </span>
83 </div>
84 <div class="toolbar-stub">
85 <div class="arrow-down"></div>
86 </div>
87 </div> <!-- session-toolbar -->
88
89 <div id="main" data-ui-mode="auth home host client" hidden>
90
91 <header class="choice-header">
92 <img id="icon" src="chromoting128.png">
93 <h1 class="icon-label">
94 <span i18n-content="PRODUCT_NAME"></span>
95 <span data-ui-mode="auth client host">&nbsp;&rsaquo;&nbsp;</span>
96 <span i18n-content="MODE_AUTHORIZE" data-ui-mode="auth"></span>
97 <span i18n-content="MODE_CONNECT" data-ui-mode="client"></span>
98 <span i18n-content="MODE_SHARE" data-ui-mode="host"></span>
99 </h1>
100 </header>
101
102 <img id="divider-top" src="dividertop.png">
103
104 <div id="auth-panel" data-ui-mode="auth">
105 <div class="description" i18n-content="DESCRIPTION_AUTHORIZE"></div>
106 <div class="centered-button">
107 <button id="auth-button"
108 class="big-button"
109 type="button"
110 i18n-content="CONTINUE_BUTTON">
111 </button>
112 </div>
113 </div> <!-- auth-panel -->
114
115 <div data-ui-mode="home">
116 <div class="description"
117 i18n-content="DESCRIPTION_HOME"
118 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div>
119 <table class="mode-select-table">
120 <tr>
121 <td>
122 <div i18n-content="HOME_SHARE_DESCRIPTION"
123 class="mode-select-label"></div>
124 <div id="chrome-os-no-share"
125 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
126 class="small-print"></div>
127 </td>
128 <td>
129 <button id="share-button"
130 i18n-content="HOME_SHARE_BUTTON"
131 class="mode-select-button"
132 type="button">
133 </button>
134 </td>
135 </tr>
136 <tr class="mode-select-table-underline mode-select-table-spacer">
137 <td></td><td></td>
138 </tr>
139 <tr class="mode-select-table-spacer">
140 </tr>
141 <tr>
142 <td i18n-content="HOME_ACCESS_DESCRIPTION"
143 class="mode-select-label"></td>
144 <td>
145 <button id="access-mode-button"
146 i18n-content="HOME_ACCESS_BUTTON"
147 class="mode-select-button"
148 type="button">
149 </button>
150 </td>
151 </tr>
152 </table>
153
154 <div id="host-list-div"
155 class="host-list-container collapsed"
156 hidden>
157 <img src="dividerbottom.png">
158 <h1 i18n-content="HOME_MY_COMPUTERS_TITLE"></h1>
159 <table id="host-list" class="host-list-table"></table>
160 <div id="host-list-error" class="error-state"></div>
161 </div> <!-- host-list-div -->
162
163 </div> <!-- home -->
164
165 <div id="host-panel" data-ui-mode="host">
166
167 <div data-ui-mode="host.waiting-for-code" class="message"
168 i18n-content="MESSAGE_GENERATING">
169 </div> <!-- host.waiting-for-code -->
170
171 <div data-ui-mode="host.waiting-for-connection">
172 <div class="description"
173 i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div>
174 <div id="access-code-display" dir="ltr"></div>
175 <div id="access-code-countdown-container">
176 <div id="access-code-countdown" class="expiring" hidden>
177 <span id="seconds-remaining"
178 i18n-content="ACCESS_CODE_TIMER"></span>
179 </div>
180 </div>
181 <div class="description"
182 i18n-content="INSTRUCTIONS_SHARE_BELOW"></div>
183 </div> <!-- host.waiting-for-connection -->
184
185 <div data-ui-mode="host.shared">
186 <div id="host-shared-message" class="message"
187 i18n-content="MESSAGE_SHARED"></div>
188 <div class="centered-button">
189 <button id="cancel-share-button"
190 type="button"
191 class="big-button"
192 i18n-content="STOP_SHARING_BUTTON">
193 </button>
194 </div>
195 </div> <!-- host.shared -->
196
197 <div data-ui-mode="host.share-failed" class="message">
198 <span id="host-plugin-error" class="error-state"></span>
199 </div> <!-- host.share-failed -->
200
201 <div data-ui-mode="host.share-finished" class="message"
202 i18n-content="MESSAGE_SESSION_FINISHED">
203 </div> <!-- host.share-finished -->
204
205 <div class="centered-button"
206 data-ui-mode="host.share-failed host.share-finished">
207 <button id="host-finished-button"
208 type="button"
209 class="big-button"
210 autofocus="autofocus"
211 i18n-content="OK">
212 </button>
213 </div>
214
215 <div id="host-plugin-container"></div>
216
217 </div> <!-- host-panel -->
218
219 <div id="client-panel" data-ui-mode="client">
220 <div data-ui-mode="client.unconnected">
221 <div class="description" i18n-content="DESCRIPTION_CONNECT"></div>
222 <div id="access-code-entry-row">
223 <form id="access-code-form" action="">
224 <label for="access-code-entry" i18n-content="ACCESS_CODE"></label>
225 <input id="access-code-entry"
226 type="text"
227 autofocus="autofocus"
228 autocomplete="off"/>
229 <button id="connect-button"
230 class="big-button"
231 type="submit"
232 i18n-content="CONNECT_BUTTON">
233 </button>
234 <button id="client-cancel-button"
235 class="big-button"
236 type="button"
237 i18n-content="CANCEL">
238 </button>
239 </form>
240 </div> <!-- code-entry-row -->
241 </div> <!-- client.unconnected -->
242
243 <div data-ui-mode="client.connecting" class="message"
244 i18n-content="MESSAGE_CONNECTING">
245 </div> <!-- client.connecting -->
246
247 <div data-ui-mode="client.pin-prompt" class="message">
248 <div>
249 <form id="pin-form" action="">
250 <label for="pin-entry" i18n-content="PIN"></label>
251 <input id="pin-entry"
252 type="password"
253 autofocus="autofocus"
254 autocomplete="off"/>
255 <button id="connect-button"
256 class="big-button"
257 type="submit"
258 i18n-content="CONNECT_BUTTON">
259 </button>
260 </form>
261 </div>
262 </div> <!-- client.pin-prompt -->
263
264 <div data-ui-mode="client.connect-failed"
265 class="message">
266 <span id="connect-error-message" class="error-state"></span>
267 </div> <!-- client.connect-failed -->
268
269 <div data-ui-mode="client.session-finished"
270 class="message" i18n-content="MESSAGE_SESSION_FINISHED">
271 </div> <!-- client.session-finished -->
272
273 <div data-ui-mode="client.connect-failed.it2me client.session-finished.i t2me"
274 class="centered-button">
275 <button id="client-finished-button"
276 type="button"
277 class="big-button"
278 i18n-content="OK"
279 autofocus="autofocus">
280 </button>
281 </div> <!-- client.connect-failed client.session-finished -->
282
283 </div> <!-- client-panel -->
284
285 <img id="divider-bottom"
286 src="dividerbottom.png"
287 data-ui-mode="auth host client">
288
289 <footer class="choice-footer">
290
291 <div id="waiting-footer"
292 data-ui-mode="host.waiting-for-connection host.waiting-for-code cli ent.connecting">
293 <img src="spinner.gif">
294 <span class="waiting icon-label" i18n-content="FOOTER_WAITING"></span>
295 <button id="cancel-button"
296 class="big-button"
297 i18n-content="CANCEL">
298 </button>
299 </div> <!-- waiting-footer -->
300 </footer>
301
302 </div> <!-- main -->
303
304 <div id="nat-box-container" class="information-box-centerer" hidden>
305 <div class="information-box-padding"></div>
306 <div class="information-box"
307 i18n-content="WARNING_NAT_DISABLED"
308 data-ui-mode="host.waiting-for-code host.waiting-for-connection">
309 </div>
310 <div class="information-box-padding"></div>
311 </div> <!-- nat-box-container -->
312
313 <div id="session-mode" data-ui-mode="in-session client" hidden>
314 </div> <!-- session-mode -->
315
316 <section id="debug-log" dir="ltr" hidden>
317 <div id="statistics">
318 </div>
319 <div id="debug-messages">
320 </div>
321 </section> <!-- debug-log -->
322
323 </body>
324 </html>
OLDNEW
« no previous file with comments | « remoting/webapp/me2mom/choice.css ('k') | remoting/webapp/me2mom/client_screen.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698