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