Add a button to clear local storage for a given origin to Website Settings dialog.

chrome/browser/resources/options/website_settings_edit_page.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.WebsiteSettings', function() {
   /** @const */ var Page = cr.ui.pageManager.Page;
 
   /////////////////////////////////////////////////////////////////////////////
   // WebsiteSettingsEditor class:
 
@@ skipping 11 matching lines @@
   cr.addSingletonGetter(WebsiteSettingsEditor);
 
   WebsiteSettingsEditor.prototype = {
     __proto__: Page.prototype,
 
 
     /** @override */
     initializePage: function() {
       Page.prototype.initializePage.call(this);
 
+      $('websiteSettingsStorageDeleteButton').onclick = function(event) {
+        chrome.send('deleteLocalStorage');
+      };
+
       $('websiteSettingsEditorCancelButton').onclick =
           PageManager.closeOverlay.bind(PageManager);
 
       $('websiteSettingsEditorDoneButton').onclick = function(event) {
         WebsiteSettingsEditor.getInstance().updatePermissions();
         PageManager.closeOverlay.bind(PageManager)();
       };
     },
 
     /**
      * Populates the page with the proper information for a given URL.
      * @param {string} url The URL of the page.
      * @private
      */
     populatePage: function(url) {
         this.url = url;
 
         var titleEl = $('website-title');
         titleEl.textContent = url;
         titleEl.style.backgroundImage = getFaviconImageSet(url);
 
         chrome.send('getOriginInfo', [url]);
     },
 
     /**
      * Populates and displays the page with given origin information.
      * @param {string} local_storage A string describing the local storage use.
      * @param {Object} permissions A dictionary of permissions to their
      *     available and current settings, and if it is editable.
+     * @param {boolean} show_page If the page should raised.
      * @private
      */
-    populateOrigin_: function(local_storage, permissions) {
+    populateOrigin_: function(local_storage, permissions, show_page) {

[Bernhard Bauer, 2014/08/22 20:42:38]

This should be named showPage (same goes for local_storage, sorry I missed
that).

[Daniel Nishi, 2014/08/22 21:45:25]

Done.

       $('local-storage-title').textContent = local_storage;
       for (var key in permissions) {
         var selector = $(key + '-select-option');
 
         var options = permissions[key].options;
         selector.options.length = 0;
         for (var option in options) {
           selector.options[selector.options.length] =
               new Option(loadTimeData.getString(options[option] + 'Exception'),
                   options[option]);
         }
 
         selector.value = permissions[key].setting;
         selector.originalValue = permissions[key].setting;
         selector.disabled = !permissions[key].editable;
       }
-      PageManager.showPageByName('websiteEdit', false);
+      if (show_page)
+        PageManager.showPageByName('websiteEdit', false);
     },
 
     updatePermissions: function() {
       for (var key in this.permissions) {
         var selection = $(this.permissions[key] + '-select-option');
         if (selection.value != selection.originalValue) {
           chrome.send('setOriginPermission',
               [this.permissions[key], selection.value]);
         }
       }
     },
   };
 
-  WebsiteSettingsEditor.populateOrigin = function(local_storage, permissions) {
+  WebsiteSettingsEditor.populateOrigin = function(local_storage, permissions,
+      show_page) {
     WebsiteSettingsEditor.getInstance().populateOrigin_(local_storage,
-                                                        permissions);
+                                                        permissions,
+                                                        show_page);
   };
 
   // Export
   return {
     WebsiteSettingsEditor: WebsiteSettingsEditor
   };
 
 });