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

Side by Side Diff: chrome/browser/resources/options/sync_setup_overlay.html

Issue 7399015: Sync Promo: Add a way to collapse the sync promo (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: address review feedback Created 9 years, 5 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
OLDNEW
(Empty)
1 <div id="sync-setup-overlay" class="page" hidden>
2 <div id="sync-setup-login" hidden>
3 <h1 i18n-content="syncSetupOverlayTitle"></h1>
4 <div class="content-area">
5 <div>
6 <!-- top-blurb-error's reset state is handled differently from most
7 elements. Instead of being [hidden] it is visibility:hidden so it
8 still takes up space. But it is also [hidden] when we display the
9 captcha, so when it is reset, it needs to be shown. -->
10 <div id="top-blurb-error"
11 class="reset-shown reset-visibility-hidden">
12 <span id="error-signing-in" i18n-content="errorSigningIn"></span>
13 <span id="error-custom" hidden></span>
14 </div>
15 <form id="gaia-login-form">
16 <div id="gaia-login-box">
17 <table id="content-table" cellspacing="0"
18 cellpadding="5" width="75%" border="0" align="center">
19 <tr>
20 <td valign="top" style="text-align:center" nowrap="nowrap"
21 bgcolor="#e8eefa">
22 <div>
23 <table id="gaia-table" align="center" border="0"
24 cellpadding="1" cellspacing="0">
25 <tr>
26 <td colspan="2" align="center">
27 <table>
28 <tr>
29 <td>
30 <span id="gaia-account-text-prefix"
31 i18n-content="signinPrefix"></span>
32 </td>
33 <td id="gaia-logo" valign="top">
34 <img src="google-transparent.png" alt="Google">
35 </td>
36 <td valign="middle">
37 <span id="gaia-account-text"
38 i18n-content="signinSuffix"></span>
39 </td>
40 </tr>
41 </table>
42 </td>
43 </tr>
44 <tr>
45 <td colspan="2" align="center"> </td>
46 </tr>
47 <tr id="email-row" class="reset-shown">
48 <td nowrap="nowrap">
49 <div class="end-aligned">
50 <span i18n-content="emailLabel">
51 </span>
52 </div>
53 </td>
54 <td>
55 <input id="gaia-email" type="text" name="email"
56 size="18" value=""
57 class="reset-enabled reset-shown reset-value"
58 autocomplete="off">
59 <span id="email-readonly" class="reset-hidden"
60 hidden></span>
61 </td>
62 </tr>
63 <tr id="access-code-label-row"
64 class="access-code-row reset-hidden" hidden>
65 <td colspan="2">
66 <span i18n-content="enterAccessCode"></span>
67 </td>
68 </tr>
69 <tr id="access-code-help-row"
70 class="access-code-row reset-hidden" hidden>
71 <td colspan="2">
72 <a i18n-values="href:getAccessCodeURL"
73 i18n-content="getAccessCodeHelp" target="_blank">
74 </a>
75 </td>
76 </tr>
77 <tr>
78 <td></td>
79 <td>
80 <div id="errormsg-0-email"
81 class="errormsg reset-hidden"
82 i18n-content="cannotBeBlank"
83 hidden>
84 </div>
85 </td>
86 </tr>
87 <tr id="password-row" class="reset-shown">
88 <td class="end-aligned">
89 <span i18n-content="passwordLabel"></span>
90 </td>
91 <td>
92 <input id="gaia-passwd" type="password" name="passwd"
93 size="18" class="reset-enabled reset-value"
94 autocomplete="off">
95 </td>
96 </tr>
97 <tr id="access-code-input-row"
98 class="access-code-row reset-hidden" hidden>
99 <td colspan="2">
100 <input id="access-code" type="password"
101 name="accessCode" size="18"
102 class="reset-enabled reset-value">
103 </td>
104 </tr>
105 <tr>
106 <td></td>
107 <td>
108 <div class="error-msg-spacer">
109 <div id="errormsg-0-password"
110 class="errormsg reset-hidden"
111 i18n-content="cannotBeBlank"
112 hidden>
113 </div>
114 <div id="errormsg-1-password"
115 class="errormsg reset-hidden"
116 hidden>
117 <span i18n-content="invalidCredentials"></span>
118 <!-- Brackets are intentional -->
119 [<a i18n-values="href:invalidPasswordHelpURL"
120 target="_blank">?</a>]
121 </div>
122 <div id="errormsg-0-access-code"
123 class="errormsg reset-hidden"
124 i18n-content="invalidAccessCode"
125 hidden>
126 </div>
127 </div>
128 </td>
129 </tr>
130 <tr>
131 <td colspan="2">
132 <div id="captcha-div" class="reset-hidden" hidden>
133 <div id="captcha-instructions"
134 i18n-content="captchaInstructions"
135 class="bottom-padded-cell">
136 </div>
137 <div class="bottom-padded-cell">
138 <div id="captcha-wrapper">
139 <div id="captcha-image"></div>
140 </div>
141 </div>
142 <div>
143 <input id="captcha-value" type="text"
144 name="captchaValue" size="18" value=""
145 class="reset-disabled">
146 </div>
147 </div>
148 </td>
149 </tr>
150 <tr>
151 <td colspan="2" align="center">
152 <div id="errormsg-0-connection"
153 class="errormsg reset-hidden"
154 i18n-content="couldNotConnect"
155 hidden>
156 </div>
157 </td>
158 </tr>
159 <tr id="action-area">
160 <td colspan="2">
161 <table align="center" cellpadding="0"
162 cellspacing="0">
163 <tr>
164 <td>
165 <div id="logging-in-throbber" class="throbber">
166 </div>
167 </td>
168 <td class="no-vertical-padding">
169 <input id="sign-in" type="submit"
170 i18n-content="signin">
171 </button>
172 </td>
173 </tr>
174 </table>
175 </td>
176 </tr>
177 <tr id="ga-fprow">
178 <td colspan="2" height="16.0"
179 align="center" valign="bottom">
180 <a i18n-values="href:cannotAccessAccountURL"
181 target="_blank"
182 i18n-content="cannotAccessAccount">
183 </a>
184 </td>
185 </tr>
186 <tr>
187 <td id="create-account-cell" colspan="2" height="16.0"
188 align="center" valign="bottom">
189 <div id="create-account-div">
190 <a i18n-values="href:createNewAccountURL"
191 i18n-content="createAccount" target="_blank">
192 </a>
193 </div>
194 </td>
195 </tr>
196 </table>
197 </div>
198 </td>
199 </tr>
200 </table>
201 </div>
202 </form>
203 </div>
204 <div>
205 <div id="cancel-space-no-captcha" colspan="2">
206 </div>
207 </div>
208 </div>
209 <div class="action-area">
210 <div class="button-strip">
211 <button id="sync-setup-cancel" type="reset" i18n-content="cancel">
212 </button>
213 </div>
214 </div>
215 </div>
216 <div id="sync-setup-configure" hidden>
217 <div id="confirm-sync-preferences">
218 <h1 i18n-content="confirmSyncPreferences"></h1>
219 <div id="sync-instructions-container" class="content-area">
220 <span i18n-content="chooseDataTypesInstructions"></span>
221 <a i18n-values="href:encryptionHelpURL" target="_blank"
222 i18n-content="learnMore"></a>
223 </div>
224 <div>
225 <div class="action-area">
226 <div class="action-area-link-container">
227 <a id="customize-link" href="#" i18n-content="customizeLinkLabel"
228 class="reset-opaque reset-shown">
229 </a>
230 </div>
231 <div id="confirm-everything-throbber" class="throbber"></div>
232 <input id="confirm-everything-ok" type="button"
233 i18n-values="value:syncEverything">
234 <input id="confirm-everything-cancel" type="button"
235 i18n-values="value:cancel">
236 </div>
237 </div>
238 </div>
239 <div id="customize-sync-preferences" hidden>
240 <h1 i18n-content="syncSetupConfigureTitle"></h1>
241 <form id="choose-data-types-form">
242 <div id="sync-configure-content" class="content-area">
243 <div id="sync-select-container">
244 <select id="sync-select-datatypes">
245 <option i18n-content="keepEverythingSynced" selected></option>
246 <option i18n-content="chooseDataTypes"></option>
247 </select>
248 <div id="choose-data-types-body">
249 <div>
250 <div id="apps-item" class="sync-item-show">
251 <input id="apps-checkbox" type="checkbox"
252 name="dataTypeCheckbox">
253 <label for="apps-checkbox" i18n-content="apps"
254 i18n-values="title:apps" name="dataTypeLabel"></label>
255 </div>
256 <div id="autofill-item" class="sync-item-show">
257 <input id="autofill-checkbox" type="checkbox"
258 name="dataTypeCheckbox">
259 <label for="autofill-checkbox" i18n-content="autofill"
260 i18n-values="title:autofill" name="dataTypeLabel"></label>
261 </div>
262 <div class="sync-item-show">
263 <input id="bookmarks-checkbox" type="checkbox"
264 name="dataTypeCheckbox">
265 <label for="bookmarks-checkbox" i18n-content="bookmarks"
266 i18n-values="title:bookmarks" name="dataTypeLabel">
267 </label>
268 </div>
269 <div id="extensions-item" class="sync-item-show">
270 <input id="extensions-checkbox" type="checkbox"
271 name="dataTypeCheckbox">
272 <label for="extensions-checkbox" i18n-content="extensions"
273 i18n-values="title:extensions" name="dataTypeLabel">
274 </label>
275 </div>
276 <div id="omnibox-item" class="sync-item-show">
277 <input id="typed-urls-checkbox" type="checkbox"
278 name="dataTypeCheckbox">
279 <label for="typed-urls-checkbox" i18n-content="typedURLs"
280 i18n-values="title:typedURLs" name="dataTypeLabel">
281 </label>
282 </div>
283 <div id="passwords-item" class="sync-item-show">
284 <input id="passwords-checkbox" type="checkbox"
285 name="dataTypeCheckbox">
286 <label for="passwords-checkbox" i18n-content="passwords"
287 i18n-values="title:passwords" name="dataTypeLabel">
288 </label>
289 </div>
290 <div class="sync-item-show">
291 <input id="preferences-checkbox" type="checkbox"
292 name="dataTypeCheckbox">
293 <label for="preferences-checkbox" i18n-content="preferences"
294 i18n-values="title:preferences" name="dataTypeLabel">
295 </label>
296 </div>
297 <div class="sync-item-show">
298 <input id="themes-checkbox" type="checkbox"
299 name="dataTypeCheckbox">
300 <label for="themes-checkbox" i18n-content="themes"
301 i18n-values="title:themes" name="dataTypeLabel"></label>
302 </div>
303 <div id="sessions-item" class="sync-item-show">
304 <input id="sessions-checkbox" type="checkbox"
305 name="dataTypeCheckbox">
306 <label for="sessions-checkbox" i18n-content="foreignSessions"
307 il8n-values="title:sessions" name="dataTypeLabel"></label>
308 </div>
309 </div>
310 </div>
311 </div>
312 <div class="sync-configuration-errors">
313 <div id="error-text" i18n-content="syncZeroDataTypesError"
314 class="sync-configuration-error reset-hidden" hidden></div>
315 <div id="aborted-text" i18n-content="abortedError"
316 class="sync-configuration-error reset-hidden" hidden></div>
317 </div>
318 <div id="customize-sync-encryption">
319 <hr>
320 <h4 i18n-content="encryptedDataTypesTitle"></h4>
321 <div class="sync-customize-section-container">
322 <div>
323 <input id="encrypt-sensitive-option" name="encrypt" type="radio"
324 value="sensitive">
325 <label for="encrypt-sensitive-option"
326 i18n-content="encryptSensitiveOption"></label>
327 </div>
328 <div>
329 <input id="encrypt-all-option" name="encrypt" type="radio"
330 value="all">
331 <label for="encrypt-all-option" i18n-content="encryptAllOption">
332 </label>
333 </div>
334 </div>
335 </div>
336 <hr>
337 <h4 i18n-content="passphraseSectionTitle"></h4>
338 <div id="sync-custom-passphrase-container"
339 class="sync-customize-section-container">
340 <div id="passphrase-encryption-message"
341 i18n-content="passphraseEncryptionMessage"></div>
342 <div>
343 <input id="google-option" name="option" type="radio"
344 value="google">
345 <label for="google-option" i18n-content="googleOption"></label>
346 </div>
347 <div>
348 <input id="explicit-option" name="option" type="radio"
349 value="explicit">
350 <label for="explicit-option" i18n-content="explicitOption">
351 </label>
352 <a i18n-values="href:encryptionHelpURL" target="_blank"
353 i18n-content="learnMore"></a>
354 </div>
355 <div id="sync-custom-passphrase" hidden>
356 <div id="sync-passphrase-message">
357 <span i18n-content="sectionExplicitMessagePrefix"></span>
358 <a href="http://google.com/dashboard" target="_blank"
359 i18n-content="sectionExplicitMessagePostfix"></a>
360 <span>.</span>
361 </div>
362 <div class="sync-custom-passphrase-input">
363 <input id="custom-passphrase" type="password"
364 class="reset-value"
365 i18n-values="placeholder:passphraseLabel">
366 </div>
367 <div class="sync-custom-passphrase-input">
368 <input id="confirm-passphrase" type="password"
369 class="reset-value"
370 i18n-values="placeholder:confirmLabel">
371 </div>
372 <div id="empty-error" class="error"
373 i18n-content="emptyErrorMessage" hidden></div>
374 <div id="mismatch-error" class="error"
375 i18n-content="mismatchErrorMessage" hidden></div>
376 </div>
377 </div>
378 <div id="sync-existing-passphrase-container" hidden>
379 <div id="enter-passphrase">
380 <div id="normal-body" i18n-content="enterPassphraseBody" hidden>
381 </div>
382 <div id="passphrase-rejected-body"
383 i18n-content="enterOtherPassphraseBody" hidden>
384 </div>
385 </div>
386 <div id="passphrase-input">
387 <input id="passphrase" name="passphrase" type="password"
388 class="reset-value"
389 i18n-values="placeholder:passphraseLabel">
390 <div id="incorrect-passphrase" class="error"
391 i18n-content="incorrectPassphrase" hidden>
392 </div>
393 </div>
394 <div id="sync-passphrase-warning"
395 i18n-values=".innerHTML:passphraseRecover" hidden>
396 </div>
397 </div>
398 </div>
399 <div class="action-area">
400 <div class="action-area-link-container">
401 <a id="use-default-link" href="#" i18n-content="useDefaultSettings"
402 class="reset-opaque reset-shown">
403 </a>
404 </div>
405 <div id="choose-datatypes-throbber" class="throbber"></div>
406 <input id="choose-datatypes-ok" type="submit" i18n-values="value:ok">
407 <input id="choose-datatypes-cancel" type="button"
408 i18n-values="value:cancel">
409 </div>
410 </form>
411 </div>
412 </div>
413 <div id="sync-setup-stop-syncing" hidden>
414 <h1 i18n-content="stopSyncingTitle"></h1>
415 <div class="content-area">
416 <span i18n-content="stopSyncingExplanation"></span>
417 </div>
418 <div class="action-area">
419 <input id="stop-syncing-ok" type="button"
420 i18n-values="value:stopSyncingConfirm">
421 <input id="stop-syncing-cancel" type="button"
422 i18n-values="value:cancel">
423 </div>
424 </div>
425 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698