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
