Add a global on/off switch for content settings and expose a toggle on the Website Settings options…

chrome/browser/resources/options/website_settings.js

 // Copyright 2014 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.ContentSettings', function() {
   /** @const */ var Page = cr.ui.pageManager.Page;
   /** @const */ var PageManager = cr.ui.pageManager.PageManager;
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
 
   // Lookup table to generate the i18n strings.
@@ skipping 48 matching lines @@
     initializePage: function() {
       Page.prototype.initializePage.call(this);
 
       $('website-settings-overlay-confirm').onclick =
           PageManager.closeOverlay.bind(PageManager);
 
       $('global-setting').onchange = function(event) {
         chrome.send('setDefaultContentSetting', [this.value]);
       };
 
+      $('global-setting-toggle').onchange = function(event) {
+        var value = event.target.checked;
+        chrome.send('setGlobalEnabled', [value]);
+      };
+
       var searchBox = $('website-settings-search-box');
       searchBox.addEventListener('search',
                                  this.handleSearchQueryChange_.bind(this));
 
       searchBox.onkeydown = function(e) {
         if (e.keyIdentifier == 'Enter')
           e.preventDefault();
       };
 
       this.createOriginsList_();
@@ skipping 58 matching lines @@
 
     /**
      * Populate the origin lists with all of the origins with a given permission
      * or that are using a given resource, potentially split by if allowed or
      * denied. If no blocked dictionary is provided, only the allowed list is
      * shown.
      * @param {!Object} allowedDict A dictionary of origins to their usage,
            which will be used to sort the origins in the main/allowed list.
      * @param {!Object} blockedDict An optional dictionary of origins to their
            usage, which will be used to sort the origins in the blocked list.
+     * @param {bool} isGloballyEnabled If the content setting is turned on.
      * @private
      */
-    populateOrigins: function(allowedDict, blockedDict) {
+    populateOrigins: function(allowedDict, blockedDict, isGloballyEnabled) {
       this.populateOriginsHelper_(this.allowedList_, allowedDict);
       if (blockedDict) {
         this.populateOriginsHelper_(this.blockedList_, blockedDict);
         this.blockedList_.hidden = false;
         $('blocked-origin-list-title').hidden = false;
         this.allowedList_.classList.remove('nonsplit-origin-list');
       } else {
         this.blockedList_.hidden = true;
         $('blocked-origin-list-title').hidden = true;
         $('allowed-origin-list-title').hidden = true;
         this.allowedList_.classList.add('nonsplit-origin-list');
       }
+      $('global-setting-toggle').checked = isGloballyEnabled;
     },
 
     /**
      * Update the table with the origins filtered by the value in the search
      * box.
      * @private
      */
     searchOrigins: function() {
       var filter = $('website-settings-search-box').value;
       chrome.send('updateOriginsSearchResults', [filter]);
@@ skipping 63 matching lines @@
       } else {
         $('website-settings-global-controls').hidden = false;
         chrome.send('updateDefaultSetting');
       }
 
       $('website-settings-title').textContent =
           loadTimeData.getString(permissionString + 'TabLabel');
     }
   };
 
-  WebsiteSettingsManager.populateOrigins = function(allowedDict, blockedDict) {
+  WebsiteSettingsManager.populateOrigins = function(allowedDict, blockedDict,
+      isGloballyEnabled) {
     WebsiteSettingsManager.getInstance().populateOrigins(allowedDict,
-        blockedDict);
+        blockedDict, isGloballyEnabled);
   };
 
   WebsiteSettingsManager.updateDefault = function(dict) {
     WebsiteSettingsManager.getInstance().updateDefault(dict);
   };
 
   WebsiteSettingsManager.showWebsiteSettings = function(hash) {
     PageManager.showPageByName('websiteSettings', true, {hash: '#' + hash});
   };
 
   // Export
   return {
     WebsiteSettingsManager: WebsiteSettingsManager
   };
 });