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 |
+ * |