chrome/browser/resources/sync_setup_overlay.html

   1 <div id="sync-setup-overlay" class="page" hidden>
   2   <div class="close-button"></div>
   3   <div id="sync-setup-configure" hidden>
   4     <div id="confirm-sync-preferences">
   5       <h1 i18n-content="confirmSyncPreferences"></h1>
   6       <div id="sync-instructions-container" class="content-area">
   7         <span i18n-content="chooseDataTypesInstructions"></span>
   8         <a id="encryption-help-link" target="_blank"
   9             i18n-values="href:syncEverythingHelpURL" i18n-content="learnMore">
  10         </a>
  11       </div>
  12       <div>
  13         <div class="action-area">
  14           <div class="action-area-link-container">
  15             <button id="customize-link" type="button"
  16                 i18n-content="customizeLinkLabel"
  17                 class="link-button">
  18             </button>
  19           </div>
  20           <div id="confirm-everything-throbber" class="throbber"></div>
  21           <div class="button-strip">
  22             <input id="confirm-everything-cancel" type="button"
  23                 i18n-values="value:cancel">
  24             <input id="confirm-everything-ok" type="button"
  25                 i18n-values="value:syncEverything">
  26           </div>
  27         </div>
  28       </div>
  29     </div>
  30     <div id="customize-sync-preferences" hidden>
  31       <h1 i18n-content="syncSetupConfigureTitle"></h1>
  32       <form id="choose-data-types-form">
  33         <div id="sync-configure-content" class="content-area">
  34           <div id="sync-select-container">
  35             <select id="sync-select-datatypes">
  36               <option i18n-content="syncAllDataTypes" selected></option>
  37               <option i18n-content="chooseDataTypes"></option>
  38               <!-- The syncNothing element is to be removed for M29.
  39                    TODO(rsimha): Revisit this for M30.
  40                    See http://crbug.com/252049.
  41               -->
  42             </select>
  43             <div id="choose-data-types-body">
  44               <div id="apps-item" class="sync-type-checkbox checkbox">
  45                 <label>
  46                   <input id="apps-checkbox" type="checkbox">
  47                   <span i18n-content="apps" i18n-values="title:apps"></span>
  48                 </label>
  49               </div>
  50               <div id="autofill-item" class="sync-type-checkbox checkbox">
  51                 <label>
  52                   <input id="autofill-checkbox" type="checkbox">
  53                   <span i18n-content="autofill" i18n-values="title:autofill">
  54                   </span>
  55                 </label>
  56               </div>
  57               <div class="sync-type-checkbox checkbox">
  58                 <label>
  59                   <input id="bookmarks-checkbox" type="checkbox">
  60                   <span i18n-content="bookmarks"
  61                       i18n-values="title:bookmarks"></span>
  62                 </label>
  63               </div>
  64               <div id="extensions-item" class="sync-type-checkbox checkbox">
  65                 <label>
  66                   <input id="extensions-checkbox" type="checkbox">
  67                   <span i18n-content="extensions"
  68                       i18n-values="title:extensions"></span>
  69                 </label>
  70               </div>
  71               <div id="omnibox-item" class="sync-type-checkbox checkbox">
  72                 <label>
  73                   <input id="typed-urls-checkbox" type="checkbox">
  74                   <span i18n-content="typedURLs"
  75                       i18n-values="title:typedURLs"></span>
  76                 </label>
  77               </div>
  78               <div id="passwords-item" class="sync-type-checkbox checkbox">
  79                 <label>
  80                   <input id="passwords-checkbox" type="checkbox">
  81                   <span i18n-content="passwords"
  82                       i18n-values="title:passwords"></span>
  83                 </label>
  84               </div>
  85               <div class="sync-type-checkbox checkbox">
  86                 <label>
  87                   <input id="preferences-checkbox" type="checkbox">
  88                   <span i18n-content="preferences"
  89                       i18n-values="title:preferences"></span>
  90                 </label>
  91               </div>
  92               <div class="sync-type-checkbox checkbox">
  93                 <label>
  94                   <input id="themes-checkbox" type="checkbox">
  95                   <span i18n-content="themes" i18n-values="title:themes">
  96                   </span>
  97                 </label>
  98               </div>
  99               <div id="tabs-item" class="sync-type-checkbox checkbox">
 100                 <label>
 101                   <input id="tabs-checkbox" type="checkbox">
 102                   <span i18n-content="openTabs" il8n-values="title:tabs">
 103                   </span>
 104                 </label>
 105               </div>
 106             </div>
 107           </div>
 108           <div id="customize-sync-encryption-new">
 109             <hr>
 110             <h4 i18n-content="encryptionSectionTitle"></h4>
 111             <div id="encryption-section-message"
 112                 i18n-content="encryptionSectionMessage"></div>
 113             <div id="sync-new-encryption-section-container">
 114               <div class="radio">
 115                 <label>
 116                   <input id="basic-encryption-option" name="encrypt-new"
 117                       type="radio" value="full">
 118                   <span id="basic-encryption-body"
 119                       i18n-content="basicEncryptionOption"></span>
 120                 </label>
 121               </div>
 122               <div class="radio">
 123                 <label>
 124                   <input id="full-encryption-option" name="encrypt-new"
 125                       type="radio" value="full">
 126                   <span id="full-encryption-body"
 127                       i18n-content="fullEncryptionOption"></span>
 128                 </label>
 129                 <a i18n-values="href:encryptionHelpURL" target="_blank"
 130                     i18n-content="learnMore"></a>
 131               </div>
 132             </div>
 133           </div>
 134           <div id="sync-custom-passphrase-container"
 135               class="sync-customize-section-container">
 136             <div id="sync-custom-passphrase"
 137                 class="reset-hidden" hidden>
 138               <div id="sync-passphrase-message">
 139                 <span i18n-content="sectionExplicitMessagePrefix"></span>
 140                 <a href="https://www.google.com/settings/chrome/sync/"
 141                     target="_blank"
 142                     i18n-content="sectionExplicitMessagePostfix"></a>
 143                 <span>.</span>
 144               </div>
 145               <div class="sync-custom-passphrase-input">
 146                 <input id="custom-passphrase" type="password"
 147                     class="reset-value"
 148                     i18n-values="placeholder:passphraseLabel">
 149               </div>
 150               <div class="sync-custom-passphrase-input">
 151                 <input id="confirm-passphrase" type="password"
 152                     class="reset-value"
 153                     i18n-values="placeholder:confirmLabel">
 154               </div>
 155               <div id="empty-error" class="error"
 156                   i18n-content="emptyErrorMessage" hidden></div>
 157               <div id="mismatch-error" class="error"
 158                   i18n-content="mismatchErrorMessage" hidden></div>
 159             </div>
 160           </div>
 161           <div id="sync-existing-passphrase-container" hidden>
 162             <div id="enter-passphrase">
 163               <span id="normal-body" i18n-content="enterPassphraseBody" hidden>
 164               </span>
 165               <span id="google-passphrase-needed-body"
 166                   i18n-content="enterGooglePassphraseBody" hidden>
 167               </span>
 168               <a id="passphrase-learn-more" i18n-content="learnMore"
 169                   i18n-values="href:syncErrorHelpURL" class="reset-hidden"
 170                   target="_blank" hidden>
 171               </a>
 172             </div>
 173             <div id="passphrase-input">
 174               <input id="passphrase" name="passphrase" type="password"
 175                   class="reset-value"
 176                   i18n-values="placeholder:passphraseLabel">
 177               <div id="incorrect-passphrase" class="error"
 178                    i18n-content="incorrectPassphrase" hidden>
 179               </div>
 180             </div>
 181             <div id="sync-passphrase-warning"
 182                  i18n-values=".innerHTML:passphraseRecover" hidden>
 183             </div>
 184           </div>
 185         </div>
 186         <div class="action-area">
 187           <div class="action-area-link-container">
 188             <button id="use-default-link" type="button"
 189                 i18n-content="useDefaultSettings"
 190                 class="link-button">
 191             </button>
 192           </div>
 193           <div id="choose-datatypes-throbber" class="throbber"></div>
 194           <div class="button-strip">
 195             <input id="choose-datatypes-cancel" type="button"
 196                 i18n-values="value:cancel">
 197             <input id="choose-datatypes-ok" type="submit"
 198                 i18n-values="value:ok">
 199           </div>
 200         </div>
 201       </form>
 202     </div>
 203   </div>
 204   <div id="sync-setup-spinner" hidden>
 205     <h1 i18n-content="syncSetupSpinnerTitle"></h1>
 206     <div class="action-area button-strip">
 207       <input id="sync-spinner-cancel" type="button" i18n-values="value:cancel">
 208     </div>
 209   </div>
 210   <div id="sync-setup-timeout" hidden>
 211     <h1 i18n-content="syncSetupTimeoutTitle"></h1>
 212     <div class="content-area">
 213       <span i18n-content="syncSetupTimeoutContent"></span>
 214     </div>
 215     <div class="action-area button-strip">
 216       <button id="timeout-ok" i18n-content="ok"></button>
 217     </div>
 218   </div>
 219   <div id="sync-setup-stop-syncing" hidden>
 220     <h1 i18n-content="stopSyncingTitle"></h1>
 221     <div class="content-area">
 222       <span i18n-values=".innerHTML:stopSyncingExplanation"></span>
 223     </div>
 224     <div class="action-area button-strip">
 225       <input id="stop-syncing-cancel" type="button"
 226           i18n-values="value:cancel">
 227       <input id="stop-syncing-ok" type="button"
 228           i18n-values="value:stopSyncingConfirm">
 229     </div>
 230   </div>
 231 </div>