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