Quota view in Resources pannel.

Source/devtools/front_end/ResourcesPanel.js

 /*
  * Copyright (C) 2007, 2008, 2010 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 18 matching lines @@
  */
 
 importScript("ApplicationCacheItemsView.js");
 importScript("DOMStorageItemsView.js");
 importScript("DatabaseQueryView.js");
 importScript("DatabaseTableView.js");
 importScript("DirectoryContentView.js");
 importScript("IndexedDBViews.js");
 importScript("FileContentView.js");
 importScript("FileSystemView.js");
+importScript("QuotaView.js");
 
 /**
  * @constructor
  * @extends {WebInspector.Panel}
  */
 WebInspector.ResourcesPanel = function(database)
 {
     WebInspector.Panel.call(this, "resources");
     this.registerRequiredCSS("resourcesPanel.css");
 
@@ skipping 21 matching lines @@
 
     this.sessionStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Session Storage"), "SessionStorage", ["domstorage-storage-tree-item", "session-storage"]);
     this.sidebarTree.appendChild(this.sessionStorageListTreeElement);
 
     this.cookieListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Cookies"), "Cookies", ["cookie-storage-tree-item"]);
     this.sidebarTree.appendChild(this.cookieListTreeElement);
 
     this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Application Cache"), "ApplicationCache", ["application-cache-storage-tree-item"]);
     this.sidebarTree.appendChild(this.applicationCacheListTreeElement);
 
+    this.quotaListTreeElement = new WebInspector.QuotaHostListTreeElement(this);
+    this.sidebarTree.appendChild(this.quotaListTreeElement);
+
     if (WebInspector.experimentsSettings.fileSystemInspection.isEnabled()) {
         this.fileSystemListTreeElement = new WebInspector.FileSystemListTreeElement(this);
         this.sidebarTree.appendChild(this.fileSystemListTreeElement);
     }
 
     var mainElement = this.splitView.mainElement;
     this.storageViews = mainElement.createChild("div", "resources-main");
     var statusBarContainer = mainElement.createChild("div", "resources-status-bar");
     this.storageViewStatusBarItemsContainer = statusBarContainer.createChild("div", "status-bar");
     this.storageViews.addStyleClass("diff-container");
@@ skipping 104 matching lines @@
         this._databaseQueryViews.clear();
         this._databaseTreeElements.clear();
         this._domStorageViews.clear();
         this._domStorageTreeElements.clear();
         this._cookieViews = {};
 
         this.databasesListTreeElement.removeChildren();
         this.localStorageListTreeElement.removeChildren();
         this.sessionStorageListTreeElement.removeChildren();
         this.cookieListTreeElement.removeChildren();
+        this.quotaListTreeElement.removeChildren();
 
         if (this.visibleView && !(this.visibleView instanceof WebInspector.StorageCategoryView))
             this.visibleView.detach();
 
         this.storageViewStatusBarItemsContainer.removeChildren();
 
         if (this.sidebarTree.selectedTreeElement)
             this.sidebarTree.selectedTreeElement.deselect();
     },
 
@@ skipping 327 matching lines @@
     },
 
     showApplicationCache: function(frameId)
     {
         if (!this._applicationCacheViews[frameId])
             this._applicationCacheViews[frameId] = new WebInspector.ApplicationCacheItemsView(this._applicationCacheModel, frameId);
 
         this._innerShowView(this._applicationCacheViews[frameId]);
     },
 
+    showQuota: function(securityOrigin)
+    {
+        this._innerShowView(new WebInspector.QuotaView(securityOrigin));
+    },
+
     /**
      *  @param {WebInspector.View} view
      */
     showFileSystem: function(view)
     {
         this._innerShowView(view);
     },
 
     showCategoryView: function(categoryName)
     {
@@ skipping 889 matching lines @@
         }
 
         this._fileSystemModel.refreshFileSystemList();
     },
 
     __proto__: WebInspector.StorageCategoryTreeElement.prototype
 }
 
 /**
  * @constructor
+ * @extends {WebInspector.StorageCategoryTreeElement}
+ * @param {WebInspector.ResourcesPanel} storagePanel
+ */
+WebInspector.QuotaHostListTreeElement = function(storagePanel)
+{
+    WebInspector.StorageCategoryTreeElement.call(this, storagePanel, WebInspector.UIString("Quota"), "Quota", ["quota-tree-item"])
+}
+
+WebInspector.QuotaHostListTreeElement.prototype = {
+    onattach: function()
+    {
+        WebInspector.StorageCategoryTreeElement.prototype.onattach.call(this);
+        WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.SecurityOriginAdded, this._securityOriginAdded, this);
+        WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.SecurityOriginRemoved, this._securityOriginRemoved, this);
+
+        var securityOrigins = WebInspector.resourceTreeModel.securityOrigins();
+        for (var i = 0; i < securityOrigins.length; ++i)
+            this._addOrigin(securityOrigins[i]);
+    },
+
+    ondetach: function()
+    {
+        WebInspector.StorageCategoryTreeElement.prototype.ondetach.call(this);
+        WebInspector.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.SecurityOriginAdded, this._securityOriginAdded, this);
+        WebInspector.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.SecurityOriginRemoved, this._securityOriginRemoved, this);
+        this.removeChildren();
+    },
+
+    /**
+     * @param {string} securityOrigin
+     */
+    _addOrigin: function(securityOrigin)
+    {
+        var quotaTreeElement = new WebInspector.QuotaTreeElement(this._storagePanel, securityOrigin);
+        this.appendChild(quotaTreeElement);
+    },
+
+    /**
+     * @param {WebInspector.Event} event
+     */
+    _securityOriginAdded: function(event)
+    {
+        var securityOrigin = /** @type {string} */ (event.data);
+        this._addOrigin(securityOrigin);
+    },
+
+    /**
+     * @param {WebInspector.Event} event
+     */
+    _securityOriginRemoved: function(event)
+    {
+        var securityOrigin = /** @type {string} */ (event.data);
+        var quotaTreeElement = this._quotaTreeElementBySecurityOrigin(securityOrigin);
+        if (!quotaTreeElement)
+            return;
+        this.removeChild(quotaTreeElement);
+    },
+
+    /**
+     * @param {string} securityOrigin
+     * @return {WebInspector.QuotaTreeElement}
+     */
+    _quotaTreeElementBySecurityOrigin: function(securityOrigin)
+    {
+        for (var i = 0; i < this.children.length; ++i) {
+            var child = /** @type {WebInspector.QuotaTreeElement} */ (this.children[i]);
+            if (child.securityOrigin === securityOrigin)
+                return child;
+        }
+        return null;
+    },
+
+    __proto__: WebInspector.StorageCategoryTreeElement.prototype
+}
+
+/**
+ * @constructor
  * @extends {WebInspector.BaseStorageTreeElement}
  * @param {WebInspector.ResourcesPanel} storagePanel
  * @param {WebInspector.IndexedDBModel} model
  * @param {WebInspector.IndexedDBModel.DatabaseId} databaseId
  */
 WebInspector.IDBDatabaseTreeElement = function(storagePanel, model, databaseId)
 {
     WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, databaseId.name + " - " + databaseId.securityOrigin, ["indexed-db-storage-tree-item"]);
     this._model = model;
     this._databaseId = databaseId;
@@ skipping 476 matching lines @@
     {
         if (this.fileSystemView && this._storagePanel.visibleView === this.fileSystemView)
             this._storagePanel.closeVisibleView();
     },
 
     __proto__: WebInspector.BaseStorageTreeElement.prototype
 }
 
 /**
  * @constructor
+ * @extends {WebInspector.BaseStorageTreeElement}
+ */
+WebInspector.QuotaTreeElement = function(storagePanel, securityOrigin)
+{
+    var displayName = securityOrigin;
+    WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, displayName, ["quota-tree-item"]);
+    this.securityOrigin = securityOrigin;
+}
+
+WebInspector.QuotaTreeElement.prototype = {
+    onselect: function(selectedByUser)
+    {
+        WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
+        this._storagePanel.showQuota(this.securityOrigin);
+    },
+
+    __proto__: WebInspector.BaseStorageTreeElement.prototype
+}
+
+/**
+ * @constructor
  * @extends {WebInspector.View}
  */
 WebInspector.StorageCategoryView = function()
 {
     WebInspector.View.call(this);
 
     this.element.addStyleClass("storage-view");
     this._emptyView = new WebInspector.EmptyView("");
     this._emptyView.show(this.element);
 }
 
 WebInspector.StorageCategoryView.prototype = {
     setText: function(text)
     {
         this._emptyView.text = text;
     },
 
     __proto__: WebInspector.View.prototype
 }