blob: 2002e22946b9a2b5c4b51b385ac266706e0489f4 [file] [log] [blame]
<div id="sync-setup-overlay" class="page" hidden>
<div id="sync-setup-login" hidden>
<h1 id="promo-title" i18n-content="promoTitle" hidden></h1>
<div>
<div id="sync-setup-login-content-column">
<h1 id="sync-setup-overlay-title"
i18n-content="syncSetupOverlayTitle">
</h1>
<!-- top-blurb-error's reset state is handled differently from most
elements. Instead of being [hidden] it is visibility:hidden so it
still takes up space. But it is also [hidden] when we display the
captcha, so when it is reset, it needs to be shown. -->
<div id="top-blurb-error"
class="reset-shown reset-visibility-hidden">
<span id="error-signing-in" i18n-content="errorSigningIn"></span>
<span id="error-custom" hidden></span>
</div>
<div class="sign-in">
<div class="signin-box">
<div id="signin-header">
<h2 i18n-content="signinHeader"></h2>
<div id="signin-header-logo"></div>
</div>
<form id="gaia-login-form">
<div id="email-row" class="reset-shown">
<label>
<strong class="email-label" i18n-content="emailLabel"></strong>
<input id="gaia-email" type="text" name="email" value=""
class="reset-enabled reset-shown reset-value"
autocomplete="off">
<div id="email-readonly" class="reset-hidden" hidden></div>
<div id="errormsg-0-email" class="errormsg reset-hidden"
i18n-content="cannotBeBlank" hidden></div>
</label>
</div>
<div id="password-row" class="reset-shown">
<label>
<strong class="password-label" i18n-content="passwordLabel">
</strong>
<input id="gaia-passwd" type="password" name="passwd"
class="reset-enabled reset-value" autocomplete="off">
<div id="errormsg-0-password" class="errormsg reset-hidden"
i18n-content="cannotBeBlank" hidden></div>
<label>
</div>
<div id="access-code-input-row" class="access-code-row reset-hidden"
hidden>
<label>
<strong i18n-content="enterAccessCode"></strong>
<a i18n-values="href:getAccessCodeURL"
i18n-content="getAccessCodeHelp" target="_blank"
class="account-link"></a>
<input id="access-code" type="password" name="accessCode"
class="reset-enabled reset-value">
</label>
</div>
<div id="errormsg-1-password" class="errormsg reset-hidden" hidden>
<span i18n-content="invalidCredentials"></span>
<a i18n-values="href:invalidPasswordHelpURL" class="help-link"
target="_blank">?</a>
</div>
<div id="errormsg-fatal" class="errormsg reset-hidden" hidden>
<span i18n-content="unrecoverableError"></span>
<a i18n-values="href:unrecoverableErrorHelpURL"
i18n-content="errorLearnMore" target="_blank"></a>
</div>
<div id="errormsg-0-access-code" class="errormsg reset-hidden"
i18n-content="invalidAccessCode" hidden>
</div>
<div id="asp-warning-div" class="errormsg reset-hidden" hidden>
<span i18n-values=".innerHTML:aspWarningText"></span>
</div>
<div id="captcha-div" class="reset-hidden" hidden>
<div id="captcha-wrapper">
<div id="captcha-image"></div>
</div>
<div>
<label>
<strong i18n-content="captchaInstructions"></strong>
<input id="captcha-value" type="text" name="captchaValue"
value="" class="reset-disabled">
</label>
</div>
</div>
<div id="errormsg-0-connection" class="errormsg reset-hidden"
i18n-content="couldNotConnect" hidden>
</div>
<div id="action-area">
<input id="sign-in" type="submit" i18n-content="signin">
<div id="create-account-div" i18n-values=".innerHTML:createAccountLinkHTML">
</div>
<div id="logging-in-throbber" class="throbber"></div>
</div>
<div id="ga-fprow">
<a id="cannot-access-account-link"
i18n-values="href:cannotAccessAccountURL"
target="_blank"
i18n-content="cannotAccessAccount"
class="account-link">
</a>
</div>
</form>
</div>
</div> <!-- sign-in -->
<div id="cancel-space-no-captcha"></div>
<div class="action-area">
<div class="button-strip">
<button id="sync-setup-cancel" type="reset" i18n-content="cancel">
</button>
</div>
</div>
</div>
<div id="sync-setup-login-promo-column" hidden>
<h2 id="promo-message-title" i18n-content="promoMessageTitle"></h2>
<p>
<span i18n-values=".innerHTML:promoMessageBody"></span>
<a id="promo-learn-more-show" i18n-content="promoLearnMoreShow"
href="#"></a>
<a id="promo-learn-more-hide" i18n-content="promoLearnMoreHide"
href="#" hidden> </a>
</p>
<div id="promo-info-pane">
<img id="promo-infographic"
src="chrome://theme/IRD_SYNC_PROMO_INFO_GRAPHIC">
<div id="promo-information" i18n-values=".innerHTML:promoInformation"
hidden>
</div>
</div>
</div>
</div>
<div id="promo-skip" hidden>
<button id="promo-skip-button" type="reset"
i18n-content="promoSkipButton"> </button>
<button id="promo-advanced" i18n-content="promoAdvanced"
class="link-button"></button>
</div>
</div>
<div id="sync-setup-configure" hidden>
<div id="confirm-sync-preferences">
<h1 i18n-content="confirmSyncPreferences"></h1>
<div id="sync-instructions-container" class="content-area">
<span i18n-content="chooseDataTypesInstructions"></span>
<a id="encryption-help-link" target="_blank"
i18n-values="href:encryptionHelpURL" i18n-content="learnMore"></a>
</div>
<div>
<div class="action-area">
<div class="action-area-link-container">
<a id="customize-link" href="#" i18n-content="customizeLinkLabel"
class="reset-opaque reset-shown">
</a>
</div>
<div id="confirm-everything-throbber" class="throbber"></div>
<div class="button-strip">
<input id="confirm-everything-cancel" type="button"
i18n-values="value:cancel">
<input id="confirm-everything-ok" type="button"
i18n-values="value:syncEverything">
</div>
</div>
</div>
</div>
<div id="customize-sync-preferences" hidden>
<h1 i18n-content="syncSetupConfigureTitle"></h1>
<form id="choose-data-types-form">
<div id="sync-configure-content" class="content-area">
<div id="sync-select-container">
<select id="sync-select-datatypes">
<option i18n-content="syncAllDataTypes" selected></option>
<option i18n-content="chooseDataTypes"></option>
</select>
<div id="choose-data-types-body">
<div>
<div id="apps-item" class="sync-item-show">
<input id="apps-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="apps-checkbox" i18n-content="apps"
i18n-values="title:apps" name="dataTypeLabel"></label>
</div>
<div id="autofill-item" class="sync-item-show">
<input id="autofill-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="autofill-checkbox" i18n-content="autofill"
i18n-values="title:autofill" name="dataTypeLabel"></label>
</div>
<div class="sync-item-show">
<input id="bookmarks-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="bookmarks-checkbox" i18n-content="bookmarks"
i18n-values="title:bookmarks" name="dataTypeLabel">
</label>
</div>
<div id="extensions-item" class="sync-item-show">
<input id="extensions-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="extensions-checkbox" i18n-content="extensions"
i18n-values="title:extensions" name="dataTypeLabel">
</label>
</div>
<div id="omnibox-item" class="sync-item-show">
<input id="typed-urls-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="typed-urls-checkbox" i18n-content="typedURLs"
i18n-values="title:typedURLs" name="dataTypeLabel">
</label>
</div>
<div id="passwords-item" class="sync-item-show">
<input id="passwords-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="passwords-checkbox" i18n-content="passwords"
i18n-values="title:passwords" name="dataTypeLabel">
</label>
</div>
<div class="sync-item-show">
<input id="preferences-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="preferences-checkbox" i18n-content="preferences"
i18n-values="title:preferences" name="dataTypeLabel">
</label>
</div>
<div class="sync-item-show">
<input id="themes-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="themes-checkbox" i18n-content="themes"
i18n-values="title:themes" name="dataTypeLabel"></label>
</div>
<div id="sessions-item" class="sync-item-show">
<input id="sessions-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="sessions-checkbox" i18n-content="openTabs"
il8n-values="title:tabs" name="dataTypeLabel"></label>
</div>
<div id="search-engines-item" class="sync-item-show">
<input id="search-engines-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="search-engines-checkbox"
i18n-content="searchEngines"
il8n-values="title:searchEngines"
name="dataTypeLabel"></label>
</div>
<div id="app-notifications-item" class="sync-item-show">
<input id="app-notifications-checkbox" type="checkbox"
name="dataTypeCheckbox">
<label for="app-notifications-checkbox"
i18n-content="appNotifications"
il8n-values="title:appNotifications"
name="dataTypeLabel"></label>
</div>
</div>
</div>
</div>
<div class="sync-configuration-errors">
<div id="error-text" i18n-content="syncZeroDataTypesError"
class="sync-configuration-error reset-hidden" hidden></div>
</div>
<div id="customize-sync-encryption">
<hr>
<h4 i18n-content="encryptedDataTypesTitle"></h4>
<div class="sync-customize-section-container">
<div id="passphrase-encryption-message"
i18n-content="passphraseEncryptionMessage"></div>
<div>
<input id="encrypt-sensitive-option" name="encrypt" type="radio"
value="sensitive">
<label for="encrypt-sensitive-option"
i18n-content="encryptSensitiveOption"></label>
</div>
<div>
<input id="encrypt-all-option" name="encrypt" type="radio"
value="all">
<label for="encrypt-all-option" i18n-content="encryptAllOption">
</label>
</div>
</div>
</div>
<hr>
<h4 i18n-content="passphraseSectionTitle"></h4>
<div id="sync-custom-passphrase-container"
class="sync-customize-section-container">
<div>
<input id="google-option" name="option" type="radio"
value="google">
<label for="google-option" i18n-content="googleOption"></label>
</div>
<div>
<input id="explicit-option" name="option" type="radio"
value="explicit">
<label for="explicit-option" i18n-content="explicitOption">
</label>
<a i18n-values="href:encryptionHelpURL" target="_blank"
i18n-content="learnMore"></a>
</div>
<div id="sync-custom-passphrase"
class="reset-hidden" hidden>
<div id="sync-passphrase-message">
<span i18n-content="sectionExplicitMessagePrefix"></span>
<a href="http://google.com/dashboard" target="_blank"
i18n-content="sectionExplicitMessagePostfix"></a>
<span>.</span>
</div>
<div class="sync-custom-passphrase-input">
<input id="custom-passphrase" type="password"
class="reset-value"
i18n-values="placeholder:passphraseLabel">
</div>
<div class="sync-custom-passphrase-input">
<input id="confirm-passphrase" type="password"
class="reset-value"
i18n-values="placeholder:confirmLabel">
</div>
<div id="empty-error" class="error"
i18n-content="emptyErrorMessage" hidden></div>
<div id="mismatch-error" class="error"
i18n-content="mismatchErrorMessage" hidden></div>
</div>
</div>
<div id="sync-existing-passphrase-container" hidden>
<div id="enter-passphrase">
<div id="normal-body" i18n-content="enterPassphraseBody" hidden>
</div>
<div id="passphrase-rejected-body"
i18n-content="enterOtherPassphraseBody" hidden>
</div>
<div id="google-passphrase-needed-body"
i18n-content="enterGooglePassphraseBody" hidden>
</div>
</div>
<div id="passphrase-input">
<input id="passphrase" name="passphrase" type="password"
class="reset-value"
i18n-values="placeholder:passphraseLabel">
<div id="incorrect-passphrase" class="error"
i18n-content="incorrectPassphrase" hidden>
</div>
</div>
<div id="sync-passphrase-warning"
i18n-values=".innerHTML:passphraseRecover" hidden>
</div>
</div>
</div>
<div class="action-area">
<div class="action-area-link-container">
<a id="use-default-link" href="#" i18n-content="useDefaultSettings"
class="reset-opaque reset-shown">
</a>
</div>
<div id="choose-datatypes-throbber" class="throbber"></div>
<div class="button-strip">
<input id="choose-datatypes-cancel" type="button"
i18n-values="value:cancel">
<input id="choose-datatypes-ok" type="submit"
i18n-values="value:ok">
</div>
</div>
</form>
</div>
</div>
<div id="sync-setup-stop-syncing" hidden>
<h1 i18n-content="stopSyncingTitle"></h1>
<div class="content-area">
<span i18n-values=".innerHTML:stopSyncingExplanation"></span>
</div>
<div class="action-area button-strip">
<input id="stop-syncing-cancel" type="button"
i18n-values="value:cancel">
<input id="stop-syncing-ok" type="button"
i18n-values="value:stopSyncingConfirm">
</div>
</div>
</div>