Move Autofill Payments integration checkbox to the sync settings page.

chrome/browser/resources/options/sync_setup_overlay.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.exportPath('options');
 
 /** @typedef {{appsEnforced: boolean,
  *             appsRegistered: boolean,
  *             appsSynced: boolean,
  *             autofillEnforced: boolean,
  *             autofillRegistered: boolean,
  *             autofillSynced: boolean,
  *             bookmarksEnforced: boolean,
  *             bookmarksRegistered: boolean,
  *             bookmarksSynced: boolean,
  *             encryptAllData: boolean,
  *             encryptAllDataAllowed: boolean,
  *             enterGooglePassphraseBody: (string|undefined),
  *             enterPassphraseBody: (string|undefined),
  *             extensionsEnforced: boolean,
  *             extensionsRegistered: boolean,
  *             extensionsSynced: boolean,
  *             fullEncryptionBody: string,
  *             passphraseFailed: boolean,
  *             passwordsEnforced: boolean,
  *             passwordsRegistered: boolean,
  *             passwordsSynced: boolean,
+ *             paymentsIntegrationEnabled: boolean,
  *             preferencesEnforced: boolean,
  *             preferencesRegistered: boolean,
  *             preferencesSynced: boolean,
  *             showPassphrase: boolean,
  *             syncAllDataTypes: boolean,
  *             syncNothing: boolean,
  *             tabsEnforced: boolean,
  *             tabsRegistered: boolean,
  *             tabsSynced: boolean,
  *             themesEnforced: boolean,
@@ skipping 114 matching lines @@
       };
       $('stop-syncing-ok').onclick = function() {
         var deleteProfile = $('delete-profile') != undefined &&
             $('delete-profile').checked;
         chrome.send('SyncSetupStopSyncing', [deleteProfile]);
         self.closeOverlay_();
       };
       $('use-default-link').onclick = function() {
         self.showSyncEverythingPage_();
       };
+      $('autofill-checkbox').onclick = function() {
+        var autofillSyncEnabled = $('autofill-checkbox').checked;
+        $('payments-integration-checkbox').checked = autofillSyncEnabled;
+        $('payments-integration-checkbox').disabled = !autofillSyncEnabled;
+      };
     },
 
     /** @private */
     showOverlay_: function() {
       PageManager.showPageByName('syncSetup');
     },
 
     /** @private */
     closeOverlay_: function() {
       this.syncConfigureArgs_ = null;
@@ skipping 31 matching lines @@
      * @private
      */
     checkAllDataTypeCheckboxes_: function(value) {
       // Only check / uncheck the visible ones (since there's no way to uncheck
       // / check the invisible ones).
       var checkboxes = $('choose-data-types-body').querySelectorAll(
           '.sync-type-checkbox:not([hidden]) input');
       for (var i = 0; i < checkboxes.length; i++) {
         checkboxes[i].checked = value;
       }
+      $('payments-integration-checkbox').checked = value;
     },
 
     /**
      * Restores the checked states of the sync data type checkboxes in the
      * advanced sync settings dialog. Called when "Choose what to sync" is
      * selected. Required because all the checkboxes are checked when
      * "Sync everything" is selected, and unchecked when "Sync nothing" is
      * selected. Note: We only restore checkboxes for data types that are
      * actually visible and whose old values are found in the cache, since it's
      * possible for some data types to not be registered, and therefore, their
@@ skipping 100 matching lines @@
       // configuration to the backend.
       this.setInputElementsDisabledState_(true);
       $('use-default-link').hidden = true;
 
       // These values need to be kept in sync with where they are read in
       // sync_setup_handler.cc:GetConfiguration().
       var syncAll = $('sync-select-datatypes').selectedIndex ==
                     options.DataTypeSelection.SYNC_EVERYTHING;
       var syncNothing = $('sync-select-datatypes').selectedIndex ==
                         options.DataTypeSelection.SYNC_NOTHING;
+      var autofillSynced = syncAll || $('autofill-checkbox').checked;
       var result = JSON.stringify({
         'syncAllDataTypes': syncAll,
         'syncNothing': syncNothing,
         'bookmarksSynced': syncAll || $('bookmarks-checkbox').checked,
         'preferencesSynced': syncAll || $('preferences-checkbox').checked,
         'themesSynced': syncAll || $('themes-checkbox').checked,
         'passwordsSynced': syncAll || $('passwords-checkbox').checked,
-        'autofillSynced': syncAll || $('autofill-checkbox').checked,
+        'autofillSynced': autofillSynced,
         'extensionsSynced': syncAll || $('extensions-checkbox').checked,
         'typedUrlsSynced': syncAll || $('typed-urls-checkbox').checked,
         'appsSynced': syncAll || $('apps-checkbox').checked,
         'tabsSynced': syncAll || $('tabs-checkbox').checked,
-        'wifiCredentialsSynced': syncAll ||
-                                 $('wifi-credentials-checkbox').checked,
+        'wifiCredentialsSynced':
+            syncAll || $('wifi-credentials-checkbox').checked,
+        'paymentsIntegrationEnabled': syncAll ||
+            (autofillSynced && $('payments-integration-checkbox').checked),
         'encryptAllData': encryptAllData,
         'usePassphrase': usePassphrase,
         'isGooglePassphrase': googlePassphrase,
         'passphrase': customPassphrase
       });
       chrome.send('SyncSetupConfigure', [result]);
     },
 
     /**
      * Sets the disabled property of all input elements within the 'Customize
      * Sync Preferences' screen. This is used to prohibit the user from changing
      * the inputs after confirming the customized sync preferences, or resetting
      * the state when re-showing the dialog.
      * @param {boolean} disabled True if controls should be set to disabled.
      * @private
      */
     setInputElementsDisabledState_: function(disabled) {
       var self = this;
       var configureElements =
           $('customize-sync-preferences').querySelectorAll('input');
       for (var i = 0; i < configureElements.length; i++)
         configureElements[i].disabled = disabled;
       $('sync-select-datatypes').disabled = disabled;
+      $('payments-integration-checkbox').disabled = disabled;
 
       $('customize-link').hidden = disabled;
       $('customize-link').disabled = disabled;
       $('customize-link').onclick = disabled ? null : function() {
         SyncSetupOverlay.showCustomizePage(self.syncConfigureArgs_,
             options.DataTypeSelection.SYNC_EVERYTHING);
         return false;
       };
     },
 
@@ skipping 33 matching lines @@
             args.passwordsEnforced;
         $('passwords-item').hidden = false;
       } else {
         $('passwords-item').hidden = true;
       }
       if (args.autofillRegistered) {
         $('autofill-checkbox').checked = args.autofillSynced;
         this.dataTypeBoxesChecked_['autofill-checkbox'] = args.autofillSynced;
         this.dataTypeBoxesDisabled_['autofill-checkbox'] =
             args.autofillEnforced;
+        this.dataTypeBoxesChecked_['payments-integration-checkbox'] =
+            args.autofillSynced && args.paymentsIntegrationEnabled;
+        this.dataTypeBoxesDisabled_['payments-integration-checkbox'] =
+            !args.autofillSynced;
         $('autofill-item').hidden = false;
+        $('payments-integration-setting-area').hidden = false;
       } else {
         $('autofill-item').hidden = true;
+        $('payments-integration-setting-area').hidden = true;
       }
       if (args.extensionsRegistered) {
         $('extensions-checkbox').checked = args.extensionsSynced;
         this.dataTypeBoxesChecked_['extensions-checkbox'] =
             args.extensionsSynced;
         this.dataTypeBoxesDisabled_['extensions-checkbox'] =
             args.extensionsEnforced;
         $('extensions-item').hidden = false;
       } else {
         $('extensions-item').hidden = true;
@@ skipping 413 matching lines @@
     'showSyncSetupPage',
     'showCustomizePage',
     'showStopSyncingUI',
   ]);
 
   // Export
   return {
     SyncSetupOverlay: SyncSetupOverlay
   };
 });