| Index: chrome/resources/inspector/StoragePanel.js
|
| ===================================================================
|
| --- chrome/resources/inspector/StoragePanel.js (revision 0)
|
| +++ chrome/resources/inspector/StoragePanel.js (revision 0)
|
| @@ -0,0 +1,556 @@
|
| +/*
|
| + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
|
| + * Copyright (C) 2009 Joseph Pecoraro
|
| + *
|
| + * 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
|
| + * notice, this list of conditions and the following disclaimer.
|
| + * 2. Redistributions in binary form must reproduce the above copyright
|
| + * notice, this list of conditions and the following disclaimer in the
|
| + * documentation and/or other materials provided with the distribution.
|
| + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
|
| + * its contributors may be used to endorse or promote products derived
|
| + * from this software without specific prior written permission.
|
| + *
|
| + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
|
| + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
| + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
| + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
|
| + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
| + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
| + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
| + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
| + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
|
| + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| + */
|
| +
|
| +WebInspector.StoragePanel = function(database)
|
| +{
|
| + WebInspector.Panel.call(this, true);
|
| +
|
| + this.databasesListTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("DATABASES"), {}, true);
|
| + this.sidebarTree.appendChild(this.databasesListTreeElement);
|
| + this.databasesListTreeElement.expand();
|
| +
|
| + this.localStorageListTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("LOCAL STORAGE"), {}, true);
|
| + this.sidebarTree.appendChild(this.localStorageListTreeElement);
|
| + this.localStorageListTreeElement.expand();
|
| +
|
| + this.sessionStorageListTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("SESSION STORAGE"), {}, true);
|
| + this.sidebarTree.appendChild(this.sessionStorageListTreeElement);
|
| + this.sessionStorageListTreeElement.expand();
|
| +
|
| + this.cookieListTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("COOKIES"), {}, true);
|
| + this.sidebarTree.appendChild(this.cookieListTreeElement);
|
| + this.cookieListTreeElement.expand();
|
| +
|
| + this.storageViews = document.createElement("div");
|
| + this.storageViews.id = "storage-views";
|
| + this.element.appendChild(this.storageViews);
|
| +
|
| + this.storageViewStatusBarItemsContainer = document.createElement("div");
|
| + this.storageViewStatusBarItemsContainer.id = "storage-view-status-bar-items";
|
| +
|
| + this.reset();
|
| +}
|
| +
|
| +WebInspector.StoragePanel.prototype = {
|
| + toolbarItemClass: "storage",
|
| +
|
| + get toolbarItemLabel()
|
| + {
|
| + return WebInspector.UIString("Storage");
|
| + },
|
| +
|
| + get statusBarItems()
|
| + {
|
| + return [this.storageViewStatusBarItemsContainer];
|
| + },
|
| +
|
| + reset: function()
|
| + {
|
| + if (this._databases) {
|
| + var databasesLength = this._databases.length;
|
| + for (var i = 0; i < databasesLength; ++i) {
|
| + var database = this._databases[i];
|
| +
|
| + delete database._tableViews;
|
| + delete database._queryView;
|
| + }
|
| + }
|
| +
|
| + this._databases = [];
|
| +
|
| + if (this._domStorage) {
|
| + var domStorageLength = this._domStorage.length;
|
| + for (var i = 0; i < domStorageLength; ++i) {
|
| + var domStorage = this._domStorage[i];
|
| +
|
| + delete domStorage._domStorageView;
|
| + }
|
| + }
|
| +
|
| + this._domStorage = [];
|
| +
|
| + this._cookieDomains = {};
|
| + this._cookieViews = {};
|
| +
|
| + this.databasesListTreeElement.removeChildren();
|
| + this.localStorageListTreeElement.removeChildren();
|
| + this.sessionStorageListTreeElement.removeChildren();
|
| + this.cookieListTreeElement.removeChildren();
|
| +
|
| + this.storageViews.removeChildren();
|
| +
|
| + this.storageViewStatusBarItemsContainer.removeChildren();
|
| +
|
| + if (this.sidebarTree.selectedTreeElement)
|
| + this.sidebarTree.selectedTreeElement.deselect();
|
| + },
|
| +
|
| + handleKeyEvent: function(event)
|
| + {
|
| + this.sidebarTree.handleKeyEvent(event);
|
| + },
|
| +
|
| + addDatabase: function(database)
|
| + {
|
| + this._databases.push(database);
|
| +
|
| + var databaseTreeElement = new WebInspector.DatabaseSidebarTreeElement(database);
|
| + database._databasesTreeElement = databaseTreeElement;
|
| + this.databasesListTreeElement.appendChild(databaseTreeElement);
|
| + },
|
| +
|
| + addCookieDomain: function(domain)
|
| + {
|
| + // Eliminate duplicate domains from the list.
|
| + if (typeof this._cookieDomains[domain] !== "undefined")
|
| + return;
|
| +
|
| + var cookieDomainTreeElement = new WebInspector.CookieSidebarTreeElement(domain);
|
| + this.cookieListTreeElement.appendChild(cookieDomainTreeElement);
|
| + this._cookieDomains[domain] = true;
|
| + },
|
| +
|
| + addDOMStorage: function(domStorage)
|
| + {
|
| + this._domStorage.push(domStorage);
|
| + var domStorageTreeElement = new WebInspector.DOMStorageSidebarTreeElement(domStorage, (domStorage.isLocalStorage ? "local-storage" : "session-storage"));
|
| + domStorage._domStorageTreeElement = domStorageTreeElement;
|
| + if (domStorage.isLocalStorage)
|
| + this.localStorageListTreeElement.appendChild(domStorageTreeElement);
|
| + else
|
| + this.sessionStorageListTreeElement.appendChild(domStorageTreeElement);
|
| + },
|
| +
|
| + selectDatabase: function(databaseId)
|
| + {
|
| + var database;
|
| + for (var i = 0, len = this._databases.length; i < len; ++i) {
|
| + database = this._databases[i];
|
| + if (database.id === databaseId) {
|
| + this.showDatabase(database);
|
| + database._databasesTreeElement.select();
|
| + return;
|
| + }
|
| + }
|
| + },
|
| +
|
| + selectDOMStorage: function(storageId)
|
| + {
|
| + var domStorage = this._domStorageForId(storageId);
|
| + if (domStorage) {
|
| + this.showDOMStorage(domStorage);
|
| + domStorage._domStorageTreeElement.select();
|
| + }
|
| + },
|
| +
|
| + showDatabase: function(database, tableName)
|
| + {
|
| + if (!database)
|
| + return;
|
| +
|
| + if (this.visibleView)
|
| + this.visibleView.hide();
|
| +
|
| + var view;
|
| + if (tableName) {
|
| + if (!("_tableViews" in database))
|
| + database._tableViews = {};
|
| + view = database._tableViews[tableName];
|
| + if (!view) {
|
| + view = new WebInspector.DatabaseTableView(database, tableName);
|
| + database._tableViews[tableName] = view;
|
| + }
|
| + } else {
|
| + view = database._queryView;
|
| + if (!view) {
|
| + view = new WebInspector.DatabaseQueryView(database);
|
| + database._queryView = view;
|
| + }
|
| + }
|
| +
|
| + view.show(this.storageViews);
|
| +
|
| + this.visibleView = view;
|
| +
|
| + this.storageViewStatusBarItemsContainer.removeChildren();
|
| + var statusBarItems = view.statusBarItems || [];
|
| + for (var i = 0; i < statusBarItems.length; ++i)
|
| + this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i].element);
|
| + },
|
| +
|
| + showDOMStorage: function(domStorage)
|
| + {
|
| + if (!domStorage)
|
| + return;
|
| +
|
| + if (this.visibleView)
|
| + this.visibleView.hide();
|
| +
|
| + var view;
|
| + view = domStorage._domStorageView;
|
| + if (!view) {
|
| + view = new WebInspector.DOMStorageItemsView(domStorage);
|
| + domStorage._domStorageView = view;
|
| + }
|
| +
|
| + view.show(this.storageViews);
|
| +
|
| + this.visibleView = view;
|
| +
|
| + this.storageViewStatusBarItemsContainer.removeChildren();
|
| + var statusBarItems = view.statusBarItems;
|
| + for (var i = 0; i < statusBarItems.length; ++i)
|
| + this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i]);
|
| + },
|
| +
|
| + showCookies: function(cookieDomain)
|
| + {
|
| + if (this.visibleView)
|
| + this.visibleView.hide();
|
| +
|
| + var view = this._cookieViews[cookieDomain];
|
| + if (!view) {
|
| + view = new WebInspector.CookieItemsView(cookieDomain);
|
| + this._cookieViews[cookieDomain] = view;
|
| + }
|
| +
|
| + view.show(this.storageViews);
|
| +
|
| + this.visibleView = view;
|
| +
|
| + this.storageViewStatusBarItemsContainer.removeChildren();
|
| + var statusBarItems = view.statusBarItems;
|
| + for (var i = 0; i < statusBarItems.length; ++i)
|
| + this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i]);
|
| + },
|
| +
|
| + closeVisibleView: function()
|
| + {
|
| + if (this.visibleView)
|
| + this.visibleView.hide();
|
| + delete this.visibleView;
|
| + },
|
| +
|
| + updateDatabaseTables: function(database)
|
| + {
|
| + if (!database || !database._databasesTreeElement)
|
| + return;
|
| +
|
| + database._databasesTreeElement.shouldRefreshChildren = true;
|
| +
|
| + if (!("_tableViews" in database))
|
| + return;
|
| +
|
| + var tableNamesHash = {};
|
| + var self = this;
|
| + function tableNamesCallback(tableNames)
|
| + {
|
| + var tableNamesLength = tableNames.length;
|
| + for (var i = 0; i < tableNamesLength; ++i)
|
| + tableNamesHash[tableNames[i]] = true;
|
| +
|
| + for (var tableName in database._tableViews) {
|
| + if (!(tableName in tableNamesHash)) {
|
| + if (self.visibleView === database._tableViews[tableName])
|
| + self.closeVisibleView();
|
| + delete database._tableViews[tableName];
|
| + }
|
| + }
|
| + }
|
| + database.getTableNames(tableNamesCallback);
|
| + },
|
| +
|
| + dataGridForResult: function(rows)
|
| + {
|
| + if (!rows.length)
|
| + return null;
|
| +
|
| + var columns = {};
|
| + var numColumns = 0;
|
| +
|
| + for (var columnIdentifier in rows[0]) {
|
| + var column = {};
|
| + column.width = columnIdentifier.length;
|
| + column.title = columnIdentifier;
|
| +
|
| + columns[columnIdentifier] = column;
|
| + ++numColumns;
|
| + }
|
| +
|
| + var nodes = [];
|
| + var length = rows.length;
|
| + for (var i = 0; i < length; ++i) {
|
| + var data = {};
|
| +
|
| + var row = rows[i];
|
| + for (var columnIdentifier in row) {
|
| + var text = row[columnIdentifier];
|
| + data[columnIdentifier] = text;
|
| + if (text.length > columns[columnIdentifier].width)
|
| + columns[columnIdentifier].width = text.length;
|
| + }
|
| +
|
| + var node = new WebInspector.DataGridNode(data, false);
|
| + node.selectable = false;
|
| + nodes.push(node);
|
| + }
|
| +
|
| + var totalColumnWidths = 0;
|
| + for (var columnIdentifier in columns)
|
| + totalColumnWidths += columns[columnIdentifier].width;
|
| +
|
| + // Calculate the percentage width for the columns.
|
| + const minimumPrecent = Math.min(5, Math.floor(100/numColumns));
|
| + var recoupPercent = 0;
|
| + for (var columnIdentifier in columns) {
|
| + var width = columns[columnIdentifier].width;
|
| + width = Math.round((width / totalColumnWidths) * 100);
|
| + if (width < minimumPrecent) {
|
| + recoupPercent += (minimumPrecent - width);
|
| + width = minimumPrecent;
|
| + }
|
| +
|
| + columns[columnIdentifier].width = width;
|
| + }
|
| +
|
| + // Enforce the minimum percentage width.
|
| + while (recoupPercent > 0) {
|
| + for (var columnIdentifier in columns) {
|
| + if (columns[columnIdentifier].width > minimumPrecent) {
|
| + --columns[columnIdentifier].width;
|
| + --recoupPercent;
|
| + if (!recoupPercent)
|
| + break;
|
| + }
|
| + }
|
| + }
|
| +
|
| + // Change the width property to a string suitable for a style width.
|
| + for (var columnIdentifier in columns)
|
| + columns[columnIdentifier].width += "%";
|
| +
|
| + var dataGrid = new WebInspector.DataGrid(columns);
|
| + var length = nodes.length;
|
| + for (var i = 0; i < length; ++i)
|
| + dataGrid.appendChild(nodes[i]);
|
| +
|
| + return dataGrid;
|
| + },
|
| +
|
| + resize: function()
|
| + {
|
| + var visibleView = this.visibleView;
|
| + if (visibleView && "resize" in visibleView)
|
| + visibleView.resize();
|
| + },
|
| +
|
| + updateDOMStorage: function(storageId)
|
| + {
|
| + var domStorage = this._domStorageForId(storageId);
|
| + if (!domStorage)
|
| + return;
|
| +
|
| + var view = domStorage._domStorageView;
|
| + if (this.visibleView && view === this.visibleView)
|
| + domStorage._domStorageView.update();
|
| + },
|
| +
|
| + _domStorageForId: function(storageId)
|
| + {
|
| + if (!this._domStorage)
|
| + return null;
|
| + var domStorageLength = this._domStorage.length;
|
| + for (var i = 0; i < domStorageLength; ++i) {
|
| + var domStorage = this._domStorage[i];
|
| + if (domStorage.id == storageId)
|
| + return domStorage;
|
| + }
|
| + return null;
|
| + },
|
| +
|
| + setMainViewWidth: function(width)
|
| + {
|
| + this.storageViews.style.left = width + "px";
|
| + this.storageViewStatusBarItemsContainer.style.left = width + "px";
|
| + }
|
| +}
|
| +
|
| +WebInspector.StoragePanel.prototype.__proto__ = WebInspector.Panel.prototype;
|
| +
|
| +WebInspector.DatabaseSidebarTreeElement = function(database)
|
| +{
|
| + this.database = database;
|
| +
|
| + WebInspector.SidebarTreeElement.call(this, "database-sidebar-tree-item", "", "", database, true);
|
| +
|
| + this.refreshTitles();
|
| +}
|
| +
|
| +WebInspector.DatabaseSidebarTreeElement.prototype = {
|
| + onselect: function()
|
| + {
|
| + WebInspector.panels.storage.showDatabase(this.database);
|
| + },
|
| +
|
| + oncollapse: function()
|
| + {
|
| + // Request a refresh after every collapse so the next
|
| + // expand will have an updated table list.
|
| + this.shouldRefreshChildren = true;
|
| + },
|
| +
|
| + onpopulate: function()
|
| + {
|
| + this.removeChildren();
|
| +
|
| + var self = this;
|
| + function tableNamesCallback(tableNames)
|
| + {
|
| + var tableNamesLength = tableNames.length;
|
| + for (var i = 0; i < tableNamesLength; ++i)
|
| + self.appendChild(new WebInspector.SidebarDatabaseTableTreeElement(self.database, tableNames[i]));
|
| + }
|
| + this.database.getTableNames(tableNamesCallback);
|
| + },
|
| +
|
| + get mainTitle()
|
| + {
|
| + return this.database.name;
|
| + },
|
| +
|
| + set mainTitle(x)
|
| + {
|
| + // Do nothing.
|
| + },
|
| +
|
| + get subtitle()
|
| + {
|
| + return this.database.displayDomain;
|
| + },
|
| +
|
| + set subtitle(x)
|
| + {
|
| + // Do nothing.
|
| + }
|
| +}
|
| +
|
| +WebInspector.DatabaseSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype;
|
| +
|
| +WebInspector.SidebarDatabaseTableTreeElement = function(database, tableName)
|
| +{
|
| + this.database = database;
|
| + this.tableName = tableName;
|
| +
|
| + WebInspector.SidebarTreeElement.call(this, "database-table-sidebar-tree-item small", tableName, "", null, false);
|
| +}
|
| +
|
| +WebInspector.SidebarDatabaseTableTreeElement.prototype = {
|
| + onselect: function()
|
| + {
|
| + WebInspector.panels.storage.showDatabase(this.database, this.tableName);
|
| + }
|
| +}
|
| +
|
| +WebInspector.SidebarDatabaseTableTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype;
|
| +
|
| +WebInspector.DOMStorageSidebarTreeElement = function(domStorage, className)
|
| +{
|
| +
|
| + this.domStorage = domStorage;
|
| +
|
| + WebInspector.SidebarTreeElement.call(this, "domstorage-sidebar-tree-item " + className, domStorage, "", null, false);
|
| +
|
| + this.refreshTitles();
|
| +}
|
| +
|
| +WebInspector.DOMStorageSidebarTreeElement.prototype = {
|
| + onselect: function()
|
| + {
|
| + WebInspector.panels.storage.showDOMStorage(this.domStorage);
|
| + },
|
| +
|
| + get mainTitle()
|
| + {
|
| + return this.domStorage.domain ? this.domStorage.domain : WebInspector.UIString("Local Files");
|
| + },
|
| +
|
| + set mainTitle(x)
|
| + {
|
| + // Do nothing.
|
| + },
|
| +
|
| + get subtitle()
|
| + {
|
| + return ""; //this.database.displayDomain;
|
| + },
|
| +
|
| + set subtitle(x)
|
| + {
|
| + // Do nothing.
|
| + }
|
| +}
|
| +
|
| +WebInspector.DOMStorageSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype;
|
| +
|
| +WebInspector.CookieSidebarTreeElement = function(cookieDomain)
|
| +{
|
| + WebInspector.SidebarTreeElement.call(this, "cookie-sidebar-tree-item", cookieDomain, "", null, false);
|
| + this._cookieDomain = cookieDomain;
|
| +
|
| + this.refreshTitles();
|
| +}
|
| +
|
| +WebInspector.CookieSidebarTreeElement.prototype = {
|
| + onselect: function()
|
| + {
|
| + WebInspector.panels.storage.showCookies(this._cookieDomain);
|
| + },
|
| +
|
| + get mainTitle()
|
| + {
|
| + return this._cookieDomain ? this._cookieDomain : WebInspector.UIString("Local Files");
|
| + },
|
| +
|
| + set mainTitle(x)
|
| + {
|
| + // Do nothing.
|
| + },
|
| +
|
| + get subtitle()
|
| + {
|
| + return "";
|
| + },
|
| +
|
| + set subtitle(x)
|
| + {
|
| + // Do nothing.
|
| + }
|
| +}
|
| +
|
| +WebInspector.CookieSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype;
|
|
|
| Property changes on: chrome/resources/inspector/StoragePanel.js
|
| ___________________________________________________________________
|
| Added: svn:executable
|
| + *
|
|
|
|
|