Disable checkboxes in the advanced sync settings overlay whose type is force-enabled.

chrome/browser/resources/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.define('options', function() {
   /** @const */ var Page = cr.ui.pageManager.Page;
   /** @const */ var PageManager = cr.ui.pageManager.PageManager;
 
   // True if the synced account uses a custom passphrase.
   var usePassphrase_ = false;
 
   // True if the synced account uses 'encrypt everything'.
   var useEncryptEverything_ = false;
 
   // An object used as a cache of the arguments passed in while initially
   // displaying the advanced sync settings dialog. Used to switch between the
   // options in the main drop-down menu. Reset when the dialog is closed.
   var syncConfigureArgs_ = null;
 
   // A dictionary that maps the sync data type checkbox names to their checked
   // state. Initialized when the advanced settings dialog is first brought up,
   // updated any time a box is checked / unchecked, and reset when the dialog is
   // closed. Used to restore checkbox state while switching between the options
   // in the main drop-down menu. All checkboxes are checked and disabled when
   // the "Sync everything" menu-item is selected, and unchecked and disabled
   // when "Sync nothing" is selected. When "Choose what to sync" is selected,
   // the boxes are restored to their most recent checked state from this cache.
-  var dataTypeBoxes_ = {};
+  var dataTypeBoxesChecked_ = {};
+
+  // A dictionary that maps the sync data type checkbox names to their disabled
+  // state (when a data type is enabled programmatically without user choice).
+  // Initialized when the advanced settings dialog is first brought up, and
+  // reset when the dialog is closed.
+  var dataTypeBoxesDisabled_ = {};
 
   // Used to determine whether to bring the OK button / passphrase field into
   // focus.
   var confirmPageVisible_ = false;
   var customizePageVisible_ = false;
 
   /**
    * The user's selection in the synced data type drop-down menu, as an index.
    * @enum {number}
    * @const
@@ skipping 49 matching lines @@
         self.closeOverlay_();
       };
     },
 
     showOverlay_: function() {
       PageManager.showPageByName('syncSetup');
     },
 
     closeOverlay_: function() {
       this.syncConfigureArgs_ = null;
-      this.dataTypeBoxes_ = {};
+      this.dataTypeBoxesChecked_ = {};
+      this.dataTypeBoxesDisabled_ = {};
 
       var overlay = $('sync-setup-overlay');
       if (!overlay.hidden)
         PageManager.closeOverlay();
     },
 
     /** @override */
     didShowPage: function() {
       chrome.send('SyncSetupShowSetupUI');
     },
@@ skipping 31 matching lines @@
      * 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
      * checkboxes remain hidden, and never get cached.
      * @private
      */
     restoreDataTypeCheckboxes_: function() {
-      for (dataType in dataTypeBoxes_) {
-        $(dataType).checked = dataTypeBoxes_[dataType];
+      for (dataType in dataTypeBoxesChecked_) {
+        $(dataType).checked = dataTypeBoxesChecked_[dataType];
       }
     },
 
     /**
      * Enables / grays out the sync data type checkboxes in the advanced
      * settings dialog.
      * @param {boolean} enabled True for enabled, false for grayed out.
      * @private
      */
     setDataTypeCheckboxesEnabled_: function(enabled) {
-      var checkboxes = $('choose-data-types-body').querySelectorAll('input');
-      for (var i = 0; i < checkboxes.length; i++) {
-        checkboxes[i].disabled = !enabled;
+      for (dataType in dataTypeBoxesDisabled_) {
+        $(dataType).disabled = !enabled || dataTypeBoxesDisabled_[dataType];
       }
     },
 
     /**
      * Sets the state of the sync data type checkboxes based on whether "Sync
      * everything", "Choose what to sync", or "Sync nothing" are selected in the
      * drop-down menu of the advanced settings dialog.
      * @param {cr.DataTypeSelection} selectedIndex Index of user's selection.
      * @private
      */
@@ skipping 118 matching lines @@
       $('customize-link').disabled = disabled;
       $('customize-link').onclick = disabled ? null : function() {
         SyncSetupOverlay.showCustomizePage(self.syncConfigureArgs_,
                                            DataTypeSelection.SYNC_EVERYTHING);
         return false;
       };
     },
 
     /**
      * Shows or hides the sync data type checkboxes in the advanced sync
-     * settings dialog. Also initializes |dataTypeBoxes_| with their values, and
-     * makes their onclick handlers update |dataTypeBoxes_|.
+     * settings dialog. Also initializes |dataTypeBoxesChecked_| and
+     * |dataTypeBoxedDisabled_| with their values, and makes their onclick
+     * handlers update |dataTypeBoxesChecked_|.
      * @param {Object} args The configuration data used to show/hide UI.
      * @private
      */
     setChooseDataTypesCheckboxes_: function(args) {
       var datatypeSelect = $('sync-select-datatypes');
       datatypeSelect.selectedIndex = args.syncAllDataTypes ?
                                          DataTypeSelection.SYNC_EVERYTHING :
                                          DataTypeSelection.CHOOSE_WHAT_TO_SYNC;
 
       $('bookmarks-checkbox').checked = args.bookmarksSynced;
-      dataTypeBoxes_['bookmarks-checkbox'] = args.bookmarksSynced;
+      dataTypeBoxesChecked_['bookmarks-checkbox'] = args.bookmarksSynced;
+      dataTypeBoxesDisabled_['bookmarks-checkbox'] = args.bookmarksEnforced;
       $('bookmarks-checkbox').onclick = this.handleDataTypeClick_;
 
       $('preferences-checkbox').checked = args.preferencesSynced;
-      dataTypeBoxes_['preferences-checkbox'] = args.preferencesSynced;
+      dataTypeBoxesChecked_['preferences-checkbox'] = args.preferencesSynced;
+      dataTypeBoxesDisabled_['preferences-checkbox'] = args.preferencesEnforced;
       $('preferences-checkbox').onclick = this.handleDataTypeClick_;
 
       $('themes-checkbox').checked = args.themesSynced;
-      dataTypeBoxes_['themes-checkbox'] = args.themesSynced;
+      dataTypeBoxesChecked_['themes-checkbox'] = args.themesSynced;
+      dataTypeBoxesDisabled_['themes-checkbox'] = args.themesEnforced;
       $('themes-checkbox').onclick = this.handleDataTypeClick_;
 
       if (args.passwordsRegistered) {
         $('passwords-checkbox').checked = args.passwordsSynced;
-        dataTypeBoxes_['passwords-checkbox'] = args.passwordsSynced;
+        dataTypeBoxesChecked_['passwords-checkbox'] = args.passwordsSynced;
+        dataTypeBoxesDisabled_['passwords-checkbox'] = args.passwordsEnforced;
         $('passwords-checkbox').onclick = this.handleDataTypeClick_;
         $('passwords-item').hidden = false;
       } else {
         $('passwords-item').hidden = true;
       }
       if (args.autofillRegistered) {
         $('autofill-checkbox').checked = args.autofillSynced;
-        dataTypeBoxes_['autofill-checkbox'] = args.autofillSynced;
+        dataTypeBoxesChecked_['autofill-checkbox'] = args.autofillSynced;
+        dataTypeBoxesDisabled_['autofill-checkbox'] = args.autofillEnforced;
         $('autofill-checkbox').onclick = this.handleDataTypeClick_;
         $('autofill-item').hidden = false;
       } else {
         $('autofill-item').hidden = true;
       }
       if (args.extensionsRegistered) {
         $('extensions-checkbox').checked = args.extensionsSynced;
-        dataTypeBoxes_['extensions-checkbox'] = args.extensionsSynced;
+        dataTypeBoxesChecked_['extensions-checkbox'] = args.extensionsSynced;
+        dataTypeBoxesDisabled_['extensions-checkbox'] = args.extensionsEnforced;
         $('extensions-checkbox').onclick = this.handleDataTypeClick_;
         $('extensions-item').hidden = false;
       } else {
         $('extensions-item').hidden = true;
       }
       if (args.typedUrlsRegistered) {
         $('typed-urls-checkbox').checked = args.typedUrlsSynced;
-        dataTypeBoxes_['typed-urls-checkbox'] = args.typedUrlsSynced;
+        dataTypeBoxesChecked_['typed-urls-checkbox'] = args.typedUrlsSynced;
+        dataTypeBoxesDisabled_['typed-urls-checkbox'] = args.typedUrlsEnforced;
         $('typed-urls-checkbox').onclick = this.handleDataTypeClick_;
         $('omnibox-item').hidden = false;
       } else {
         $('omnibox-item').hidden = true;
       }
       if (args.appsRegistered) {
         $('apps-checkbox').checked = args.appsSynced;
-        dataTypeBoxes_['apps-checkbox'] = args.appsSynced;
+        dataTypeBoxesChecked_['apps-checkbox'] = args.appsSynced;
+        dataTypeBoxesDisabled_['apps-checkbox'] = args.appsEnforced;
         $('apps-checkbox').onclick = this.handleDataTypeClick_;
         $('apps-item').hidden = false;
       } else {
         $('apps-item').hidden = true;
       }
       if (args.tabsRegistered) {
         $('tabs-checkbox').checked = args.tabsSynced;
-        dataTypeBoxes_['tabs-checkbox'] = args.tabsSynced;
+        dataTypeBoxesChecked_['tabs-checkbox'] = args.tabsSynced;
+        dataTypeBoxesDisabled_['tabs-checkbox'] = args.tabsEnforced;
         $('tabs-checkbox').onclick = this.handleDataTypeClick_;
         $('tabs-item').hidden = false;
       } else {
         $('tabs-item').hidden = true;
       }
 
       this.setDataTypeCheckboxes_(datatypeSelect.selectedIndex);
     },
 
     /**
      * Updates the cached values of the sync data type checkboxes stored in
-     * |dataTypeBoxes_|. Used as an onclick handler for each data type checkbox.
+     * |dataTypeBoxesChecked_|. Used as an onclick handler for each data type
+     * checkbox.
      * @private
      */
     handleDataTypeClick_: function() {
-      dataTypeBoxes_[this.id] = this.checked;
+      dataTypeBoxesChecked_[this.id] = this.checked;
       chrome.send('coreOptionsUserMetricsAction',
                   ['Options_SyncToggleDataType']);
     },
 
     setEncryptionRadios_: function(args) {
       if (!args.encryptAllData && !args.usePassphrase) {
         $('basic-encryption-option').checked = true;
       } else {
         $('full-encryption-option').checked = true;
         $('full-encryption-option').disabled = true;
@@ skipping 392 matching lines @@
 
   SyncSetupOverlay.showStopSyncingUI = function() {
     SyncSetupOverlay.getInstance().showStopSyncingUI_();
   };
 
   // Export
   return {
     SyncSetupOverlay: SyncSetupOverlay
   };
 });