• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<div id="sync-setup-overlay" class="page hidden">
2  <div id="sync-setup-login" class="hidden">
3    <h1 i18n-content="syncSetupOverlayTitle"></h1>
4    <div class="content-area">
5      <div>
6        <div id="top-blurb-error">
7          <span id="error-signing-in" i18n-content="errorsigningin"></span>
8          <span id="error-custom"></span>
9        </div>
10        <form id="gaia-login-form">
11          <div id="gaia-login-box">
12            <table id="content-table" cellspacing="0"
13                cellpadding="5" width="75%" border="0" align="center">
14              <tr>
15                <td valign="top" style="text-align:center" nowrap="nowrap"
16                    bgcolor="#e8eefa">
17                  <div>
18                    <table id="gaia-table" align="center" border="0"
19                        cellpadding="1" cellspacing="0">
20                      <tr>
21                        <td colspan="2" align="center">
22                          <table>
23                            <tr>
24                              <td>
25                                <span id="gaia-account-text-prefix"
26                                    i18n-content="signinprefix"></span>
27                              </td>
28                              <td id="gaia-logo" valign="top">
29                                <img src="google-transparent.png" alt="Google">
30                              </td>
31                              <td valign="middle">
32                                <span id="gaia-account-text"
33                                    i18n-content="signinsuffix"></span>
34                              </td>
35                            </tr>
36                          </table>
37                        </td>
38                      </tr>
39                      <tr>
40                        <td colspan="2" align="center"> </td>
41                      </tr>
42                      <tr id="email-row">
43                        <td nowrap="nowrap">
44                          <div class="end-aligned">
45                            <span i18n-content="emaillabel">
46                            </span>
47                          </div>
48                        </td>
49                        <td>
50                          <input id="gaia-email" type="text" name="email"
51                              size="18" value="">
52                          <span id="email-readonly"></span>
53                        </td>
54                      </tr>
55                      <tr id="access-code-label-row" class="access-code-row">
56                        <td colspan="2">
57                          <span i18n-content="enteraccesscode"></span>
58                        </td>
59                      </tr>
60                      <tr id="access-code-help-row" class="access-code-row">
61                        <td colspan="2">
62                          <a i18n-values="href:getaccesscodeurl"
63                              i18n-content="getaccesscodehelp" target="_blank">
64                          </a>
65                        </td>
66                      <tr>
67                        <td></td>
68                        <td>
69                          <div id="errormsg-0-email" class="errormsg"
70                              i18n-content="cannotbeblank">
71                          </div>
72                        </td>
73                      </tr>
74                      <tr id="password-row">
75                        <td class="end-aligned">
76                          <span i18n-content="passwordlabel"></span>
77                        </td>
78                        <td>
79                          <input id="gaia-passwd" type="password" name="passwd"
80                              size="18">
81                        </td>
82                      </tr>
83                      <tr id="access-code-input-row" class="access-code-row">
84                        <td colspan="2">
85                          <input id="access-code" type="password"
86                              name="accessCode" size="18">
87                        </td>
88                      </tr>
89                      <tr>
90                        <td></td>
91                        <td>
92                          <div class="errormsgspacer">
93                            <div id="errormsg-0-password" class="errormsg"
94                                i18n-content="cannotbeblank">
95                            </div>
96                            <div id="errormsg-1-password" class="errormsg">
97                              <span i18n-content="invalidcredentials"></span>
98                              <!-- Brackets are intentional -->
99                              [<a i18n-values="href:invalidpasswordhelpurl"
100                                   target="_blank">?</a>]
101                            </div>
102                            <div id="errormsg-0-access-code" class="errormsg"
103                                i18n-content="invalidaccesscode">
104                            </div>
105                          </div>
106                        </td>
107                      </tr>
108                      <tr>
109                        <td colspan="2">
110                          <div id="captcha-div">
111                            <div id="captcha-instructions"
112                                i18n-content="captchainstructions"
113                                class="bottom-padded-cell">
114                            </div>
115                            <div class="bottom-padded-cell">
116                              <div id="captcha-wrapper">
117                                <div id="captcha-image"></div>
118                              </div>
119                            </div>
120                            <div>
121                              <input id="captcha-value" type="text"
122                                  name="captchaValue" size="18" value="">
123                            </div>
124                          </div>
125                        </td>
126                      </tr>
127                      <tr>
128                        <td colspan="2" align="center">
129                          <div id="errormsg-0-connection" class="errormsg"
130                              i18n-content="couldnotconnect">
131                          </div>
132                        </td>
133                      </tr>
134                      <tr id="action-area">
135                        <td colspan="2">
136                          <table align="center" cellpadding="0"
137                              cellspacing="0">
138                            <tr>
139                              <td>
140                                <div id="logging-in-throbber" class="throbber">
141                                </div>
142                              </td>
143                              <td class="no-vertical-padding">
144                                <input id="sign-in" type="submit"
145                                    i18n-content="signin">
146                                </button>
147                              </td>
148                            </tr>
149                          </table>
150                        </td>
151                      </tr>
152                      <tr id="ga-fprow">
153                        <td colspan="2" height="16.0"
154                            align="center" valign="bottom">
155                          <a i18n-values="href:cannotaccessaccounturl"
156                              target="_blank"
157                              i18n-content="cannotaccessaccount">
158                          </a>
159                        </td>
160                      </tr>
161                      <tr>
162                        <td id="create-account-cell" colspan="2" height="16.0"
163                            align="center" valign="bottom">
164                          <div id="create-account-div">
165                            <a i18n-values="href:createnewaccounturl"
166                                i18n-content="createaccount" target="_blank">
167                            </a>
168                          </div>
169                       </td>
170                      </tr>
171                    </table>
172                  </div>
173                </td>
174              </tr>
175            </table>
176          </div>
177        </form>
178      </div>
179      <div>
180        <div id="cancel-space-no-captcha" colspan="2">
181        </div>
182      </div>
183    </div>
184    <div class="action-area">
185      <div class="button-strip">
186        <button id="sync-setup-cancel" type="reset" i18n-content="cancel">
187        </button>
188      </div>
189    </div>
190  </div>
191  <div id="sync-setup-configure" class="hidden">
192    <div id="confirm-sync-preferences">
193      <h1 i18n-content="confirmSyncPreferences"></h1>
194      <div id="sync-instructions-container" class="content-area">
195        <span i18n-content="choosedatatypesinstructions"></span>
196        <a i18n-values="href:encryptionhelpurl" target="_blank"
197            i18n-content="learnMore"></a>
198      </div>
199      <div>
200        <div class="action-area">
201          <div class="action-area-link-container">
202            <a id="customize-link" href="#" i18n-content="customizeLinkLabel">
203            </a>
204          </div>
205          <div id="confirm-everything-throbber" class="throbber"></div>
206          <input id="confirm-everything-ok" type="button"
207              i18n-values="value:syncEverything">
208          <input id="confirm-everything-cancel" type="button"
209              i18n-values="value:cancel">
210        </div>
211      </div>
212    </div>
213    <div id="customize-sync-preferences" hidden>
214      <h1 i18n-content="syncSetupConfigureTitle"></h1>
215      <form id="chooseDataTypesForm">
216        <div id="sync-configure-content" class="content-area">
217          <div id="sync-select-container">
218            <select id="sync-select-datatypes">
219              <option i18n-content="keepeverythingsynced" selected></option>
220              <option i18n-content="choosedatatypes"></option>
221            </select>
222            <div id="chooseDataTypesBody">
223              <div>
224                <!-- Apps -->
225                <div class="sync-item-show" id="appsItem">
226                  <input id="appsCheckbox" type="checkbox"
227                      name="dataTypeCheckbox">
228                  <label id="appsCheckboxLabel" name="dataTypeLabel"
229                      for="appsCheckbox" i18n-content="apps"
230                      i18n-values="title:apps"></label>
231                </div>
232                <!-- Autofill -->
233                <div class="sync-item-show" id="autofillItem">
234                  <input id="autofillCheckbox" type="checkbox"
235                      name="dataTypeCheckbox">
236                  <label id="autofillCheckboxLabel" name="dataTypeLabel"
237                         for="autofillCheckbox" i18n-content="autofill"
238                         i18n-values="title:autofill"></label>
239                </div>
240                <!-- Bookmarks -->
241                <div class="sync-item-show" id="bookmarksItem">
242                  <input id="bookmarksCheckbox" type="checkbox"
243                      name="dataTypeCheckbox">
244                  <label id="bookmarksCheckboxLabel" name="dataTypeLabel"
245                         for="bookmarksCheckbox" i18n-content="bookmarks"
246                         i18n-values="title:bookmarks"></label>
247                </div>
248                <!-- Extensions -->
249                <div class="sync-item-show" id="extensionsItem">
250                  <input id="extensionsCheckbox" type="checkbox"
251                      name="dataTypeCheckbox">
252                  <label id="extensionsCheckboxLabel" name="dataTypeLabel"
253                         for="extensionsCheckbox" i18n-content="extensions"
254                         i18n-values="title:extensions"></label>
255                </div>
256                <!-- Omnibox -->
257                <div class="sync-item-show" id="omniboxItem">
258                  <input id="typedUrlsCheckbox" type="checkbox"
259                      name="dataTypeCheckbox">
260                  <label id="typedUrlsCheckboxLabel" name="dataTypeLabel"
261                         for="typedUrlsCheckbox" i18n-content="typedurls"
262                         i18n-values="title:typedurls"></label>
263                </div>
264                <!-- Passwords -->
265                <div class="sync-item-show" id="passwordsItem">
266                  <input id="passwordsCheckbox" type="checkbox"
267                      name="dataTypeCheckbox">
268                  <label id="passwordsCheckboxLabel" name="dataTypeLabel"
269                         for="passwordsCheckbox" i18n-content="passwords"
270                         i18n-values="title:passwords"></label>
271                </div>
272                <!-- Preferences -->
273                <div class="sync-item-show" id="preferencesItem">
274                  <input id="preferencesCheckbox" type="checkbox"
275                      name="dataTypeCheckbox">
276                  <label id="preferencesCheckboxLabel" name="dataTypeLabel"
277                         for="preferencesCheckbox" i18n-content="preferences"
278                         i18n-values="title:preferences"></label>
279                </div>
280                <!-- Themes -->
281                <div class="sync-item-show" id="themesItem">
282                  <input id="themesCheckbox" type="checkbox"
283                      name="dataTypeCheckbox">
284                  <label id="themesCheckboxLabel" name="dataTypeLabel"
285                      for="themesCheckbox" i18n-content="themes"
286                      i18n-values="title:themes"></label>
287                </div>
288                <!-- Sessions -->
289                <div class="sync-item-show" id="sessionsItem">
290                  <input id="sessionsCheckbox" type="checkbox"
291                      name="dataTypeCheckbox">
292                  <label id="sessionsCheckboxLabel" name="dataTypeLabel"
293                         for="sessionsCheckbox" i18n-content="foreignsessions"
294                         il8n-values="title:sessions"></label>
295                </div>
296              </div>
297            </div>
298          </div>
299          <div class="sync-errors">
300            <span id="error-text" i18n-content="synczerodatatypeserror"
301                  class="sync-error-hide"></span>
302            <span id="aborted-text" i18n-content="abortederror"
303                  class="sync-error-hide"></span>
304          </div>
305          <hr>
306          <h4 i18n-content="passphraseSectionTitle"></h4>
307          <div id="sync-passphrase-container">
308            <div id="passphrase-encryption-message"
309                i18n-content="passphraseEncryptionMessage"></div>
310            <div>
311              <input id="google-option" name="option" type="radio"
312                  value="google">
313              <label for="google-option" i18n-content="googleOption"></label>
314            </div>
315            <div>
316              <input id="explicit-option" name="option" type="radio"
317                  value="explicit">
318              <label for="explicit-option" i18n-content="explicitOption">
319              </label>
320              <a i18n-values="href:encryptionhelpurl" target="_blank"
321                  i18n-content="learnMore"></a>
322            </div>
323            <div id="sync-custom-passphrase" hidden>
324              <div id="sync-passphrase-message">
325                <span i18n-content="sectionExplicitMessagePrefix"></span>
326                <a href="http://google.com/dashboard" target="_blank"
327                    i18n-content="sectionExplicitMessagePostfix"></a>
328                <span>.</span>
329              </div>
330              <div class="sync-custom-passphrase-input">
331                <input id="custom-passphrase" type="password"
332                    i18n-values="placeholder:passphraseLabel">
333              </div>
334              <div class="sync-custom-passphrase-input">
335                <input id="confirm-passphrase" type="password"
336                    i18n-values="placeholder:confirmLabel">
337              </div>
338              <div class="error" style="display:none"
339                  id="emptyerror" i18n-content="emptyErrorMessage"></div>
340              <div class="error" style="display:none"
341                  id="mismatcherror" i18n-content="mismatchErrorMessage"></div>
342            </div>
343          </div>
344        </div>
345        <div class="action-area">
346          <div class="action-area-link-container">
347            <a id="use-default-link" href="#" i18n-content="useDefaultSettings">
348            </a>
349          </div>
350          <div id="choose-datatypes-throbber" class="throbber"></div>
351          <input id="choose-datatypes-ok" type="submit" i18n-values="value:ok">
352          <input id="choose-datatypes-cancel" type="button"
353              i18n-values="value:cancel">
354        </div>
355      </form>
356    </div>
357  </div>
358  <div id="sync-setup-passphrase" class="hidden">
359    <h1 i18n-content="enterPassphraseTitle"></h1>
360    <div class="content-area">
361      <form id="passphraseForm">
362        <div id="enter-passphrase">
363          <div id="normalBody" class="sync-instructions-start-hidden"
364               i18n-content="enterPassphraseBody"></div>
365          <div id="passphraseRejectedBody"
366              class="sync-instructions-start-hidden"
367              i18n-content="enterOtherPassphraseBody"></div>
368        </div>
369        <div id="passphrase-input">
370          <label id="passphraseLabel" name="passphraseLabel"
371                 for="passphrase" i18n-content="passphraseLabel">
372          </label>
373          <input id="passphrase" name="passphrase" type="password">
374          <div class="error" id="incorrectPassphrase"
375               i18n-content="incorrectPassphrase">
376          </div>
377        </div>
378        <span id="sync-passphrase-warning" i18n-content="passphraseRecover">
379        </span> <a href="http://google.com/dashboard" target="_blank"
380            i18n-content="cleardatalink"></a>
381        <div class="overlay-warning" id="cancel-warning-box" hidden>
382          <div id="cancel-warning-header" i18n-content="cancelWarningHeader">
383          </div>
384          <div id="cancel-warning" i18n-content="cancelWarning"></div>
385          <input id="cancel-yes-button" type="submit" i18n-values="value:yes">
386          <input id="cancel-no-button" type="submit" i18n-values="value:no">
387        </div>
388      </form>
389    </div>
390    <div class="action-area">
391      <div id="passphrase-throbber" class="throbber"></div>
392      <input id="passphrase-ok" type="submit" i18n-values="value:ok">
393      <input id="passphrase-cancel" type="button" i18n-values="value:cancel">
394    </div>
395  </div>
396</div>
397