Show local storage usage on the Website Settings options page.

chrome/browser/resources/options/origin_resources_list.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', function() {
   /** @const */ List = cr.ui.List;
   /** @const */ ListItem = cr.ui.ListItem;
 
   function OriginListItem(origin) {
     var el = cr.doc.createElement('div');
-    el.origin_ = origin;
+
+    if (origin.origin) {
+      el.origin_ = origin.origin;
+      el.usage_ = origin.usage;
+      el.usage_string_ = origin.usage_string;
+    }
+    else {

[Bernhard Bauer, 2014/07/22 08:51:47]

Else goes on the same line as the closing brace.

[Daniel Nishi, 2014/07/22 22:30:56]

Done.

+      el.origin_ = origin;
+    }
+
     el.__proto__ = OriginListItem.prototype;
     el.decorate();
     return el;
   }
 
   OriginListItem.prototype = {
     __proto__: ListItem.prototype,
 
     /** @override */
     decorate: function() {
       ListItem.prototype.decorate.call(this);
 
-      this.classList.add('deletable-item');
-
+      this.className = 'deletable-item origin-list-item';
       this.contentElement_ = this.ownerDocument.createElement('div');
       this.appendChild(this.contentElement_);
 
       var titleEl = this.ownerDocument.createElement('div');
       titleEl.className = 'title favicon-cell weaktrl';
       titleEl.textContent = this.origin_;
       titleEl.style.backgroundImage = getFaviconImageSet(this.origin_);
       this.contentElement_.appendChild(titleEl);
+
+      if (this.usage_string_) {
+        var usageEl = this.ownerDocument.createElement('span');
+        usageEl.className = 'usage';
+        usageEl.textContent = this.usage_string_;
+        this.appendChild(usageEl);
+      }
     }
   };
 
   var OriginList = cr.ui.define('list');
 
   OriginList.prototype = {
     __proto__: List.prototype,
 
     /** @override */
     createItem: function(entry) {
       return new OriginListItem(entry);
     },
   };
 
   return {
     OriginListItem: OriginListItem,
     OriginList: OriginList,
   };
 });