Home | History | Annotate | Download | only in resources 
      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>
    236