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 class="sync-configuration-errors">
 109             <div id="error-text" i18n-content="syncZeroDataTypesError"
 110                 class="sync-configuration-error reset-hidden" hidden></div>
 111           </div>
 112           <div id="customize-sync-encryption-new">
 113             <hr>
 114             <h4 i18n-content="encryptionSectionTitle"></h4>
 115             <div id="encryption-section-message"
 116                 i18n-content="encryptionSectionMessage"></div>
 117             <div id="sync-new-encryption-section-container">
 118               <div class="radio">
 119                 <label>
 120                   <input id="basic-encryption-option" name="encrypt-new"
 121                       type="radio" value="full">
 122                   <span id="basic-encryption-body"
 123                       i18n-content="basicEncryptionOption"></span>
 124                 </label>
 125               </div>
 126               <div class="radio">
 127                 <label>
 128                   <input id="full-encryption-option" name="encrypt-new"
 129                       type="radio" value="full">
 130                   <span id="full-encryption-body"
 131                       i18n-content="fullEncryptionOption"></span>
 132                 </label>
 133                 <a i18n-values="href:encryptionHelpURL" target="_blank"
 134                     i18n-content="learnMore"></a>
 135               </div>
 136             </div>
 137           </div>
 138           <div id="sync-custom-passphrase-container"
 139               class="sync-customize-section-container">
 140             <div id="sync-custom-passphrase"
 141                 class="reset-hidden" hidden>
 142               <div id="sync-passphrase-message">
 143                 <span i18n-content="sectionExplicitMessagePrefix"></span>
 144                 <a href="https://www.google.com/settings/chrome/sync/"
 145                     target="_blank"
 146                     i18n-content="sectionExplicitMessagePostfix"></a>
 147                 <span>.</span>
 148               </div>
 149               <div class="sync-custom-passphrase-input">
 150                 <input id="custom-passphrase" type="password"
 151                     class="reset-value"
 152                     i18n-values="placeholder:passphraseLabel">
 153               </div>
 154               <div class="sync-custom-passphrase-input">
 155                 <input id="confirm-passphrase" type="password"
 156                     class="reset-value"
 157                     i18n-values="placeholder:confirmLabel">
 158               </div>
 159               <div id="empty-error" class="error"
 160                   i18n-content="emptyErrorMessage" hidden></div>
 161               <div id="mismatch-error" class="error"
 162                   i18n-content="mismatchErrorMessage" hidden></div>
 163             </div>
 164           </div>
 165           <div id="sync-existing-passphrase-container" hidden>
 166             <div id="enter-passphrase">
 167               <span id="normal-body" i18n-content="enterPassphraseBody" hidden>
 168               </span>
 169               <span id="google-passphrase-needed-body"
 170                   i18n-content="enterGooglePassphraseBody" hidden>
 171               </span>
 172               <a id="passphrase-learn-more" i18n-content="learnMore"
 173                   i18n-values="href:syncErrorHelpURL" class="reset-hidden"
 174                   target="_blank" hidden>
 175               </a>
 176             </div>
 177             <div id="passphrase-input">
 178               <input id="passphrase" name="passphrase" type="password"
 179                   class="reset-value"
 180                   i18n-values="placeholder:passphraseLabel">
 181               <div id="incorrect-passphrase" class="error"
 182                    i18n-content="incorrectPassphrase" hidden>
 183               </div>
 184             </div>
 185             <div id="sync-passphrase-warning"
 186                  i18n-values=".innerHTML:passphraseRecover" hidden>
 187             </div>
 188           </div>
 189         </div>
 190         <div class="action-area">
 191           <div class="action-area-link-container">
 192             <button id="use-default-link" type="button"
 193                 i18n-content="useDefaultSettings"
 194                 class="link-button">
 195             </button>
 196           </div>
 197           <div id="choose-datatypes-throbber" class="throbber"></div>
 198           <div class="button-strip">
 199             <input id="choose-datatypes-cancel" type="button"
 200                 i18n-values="value:cancel">
 201             <input id="choose-datatypes-ok" type="submit"
 202                 i18n-values="value:ok">
 203           </div>
 204         </div>
 205       </form>
 206     </div>
 207   </div>
 208   <div id="sync-setup-spinner" hidden>
 209     <h1 i18n-content="syncSetupSpinnerTitle"></h1>
 210     <div class="action-area button-strip">
 211       <input id="sync-spinner-cancel" type="button" i18n-values="value:cancel">
 212     </div>
 213   </div>
 214   <div id="sync-setup-timeout" hidden>
 215     <h1 i18n-content="syncSetupTimeoutTitle"></h1>
 216     <div class="content-area">
 217       <span i18n-content="syncSetupTimeoutContent"></span>
 218     </div>
 219     <div class="action-area button-strip">
 220       <button id="timeout-ok" i18n-content="ok"></button>
 221     </div>
 222   </div>
 223   <div id="sync-setup-stop-syncing" hidden>
 224     <h1 i18n-content="stopSyncingTitle"></h1>
 225     <div class="content-area">
 226       <span i18n-values=".innerHTML:stopSyncingExplanation"></span>
 227     </div>
 228     <div class="action-area button-strip">
 229       <input id="stop-syncing-cancel" type="button"
 230           i18n-values="value:cancel">
 231       <input id="stop-syncing-ok" type="button"
 232           i18n-values="value:stopSyncingConfirm">
 233     </div>
 234   </div>
 235 </div>