Show local storage usage on the Website Settings options page.

chrome/browser/resources/options/website_settings.js

Index: chrome/browser/resources/options/website_settings.js
diff --git a/chrome/browser/resources/options/website_settings.js b/chrome/browser/resources/options/website_settings.js
index c43c6fcfe880aba2c630d0da5c78e0ba9eaef1ef..42b8f95e405416dd48a22d4e2c4dfd99b75f0e7d 100644
--- a/chrome/browser/resources/options/website_settings.js
+++ b/chrome/browser/resources/options/website_settings.js
@@ -41,7 +41,10 @@ cr.define('options', function() {
       $('resourceType').onchange = function() {
         var target = event.target;
         assert(target.tagName == 'SELECT');
-        chrome.send('updateOrigins', [target.value]);
+        if (target.value == 'storage')
+          chrome.send('updateLocalStorage');
+        else
+          chrome.send('updateOrigins', [target.value]);
       };
 
       var searchBox = $('website-settings-search-box');
@@ -90,6 +93,22 @@ cr.define('options', function() {
     },
 
     /**
+     * Populates the origin list with all origins that are using local storage.
+     * @private
+     */
+    populateLocalStorage_: function(originDict) {
+      var origins = Object.keys(originDict).map(function(origin) {
+        return {origin: origin,

[Bernhard Bauer, 2014/07/23 09:09:43]

Nit: This still looks a bit awkward... Can you write it like this:

return {
  origin: origin,
  ...
};

?

[Daniel Nishi, 2014/07/23 16:01:11]

Done.

+                usage: originDict[origin].usage,
+                usageString: originDict[origin].usageString};
+      });
+      origins.sort(function(first, second) {
+        return second.usage - first.usage;
+      });
+      this.originList_.dataModel = new ArrayDataModel(origins);
+    },
+
+    /**
      * Handle and delay search query changes.
      * @param {!Event} e The event object.
      * @private
@@ -107,6 +126,10 @@ cr.define('options', function() {
     WebsiteSettingsManager.getInstance().populateOrigins_(originDict);
   };
 
+  WebsiteSettingsManager.populateLocalStorage = function(originDict) {
+    WebsiteSettingsManager.getInstance().populateLocalStorage_(originDict);
+  };
+
   // Export
   return {
     WebsiteSettingsManager: WebsiteSettingsManager