/* | |
* 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); | |
this.createSidebar(); | |
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._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(); | |
}, | |
addDatabase: function(database) | |
{ | |
this._databases.push(database); | |
var databaseTreeElement = new WebInspector.DatabaseSidebarTreeElement(database); | |
database._databasesTreeElement = databaseTreeElement; | |
this.databasesListTreeElement.appendChild(databaseTreeElement); | |
}, | |
addCookieDomain: function(domain) | |
{ | |
var cookieDomainTreeElement = new WebInspector.CookieSidebarTreeElement(domain); | |
this.cookieListTreeElement.appendChild(cookieDomainTreeElement); | |
}, | |
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(treeElement, cookieDomain) | |
{ | |
if (this.visibleView) | |
this.visibleView.hide(); | |
var view = this._cookieViews[cookieDomain]; | |
if (!view) { | |
view = new WebInspector.CookieItemsView(treeElement, 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) | |
data[columnIdentifier] = row[columnIdentifier]; | |
var node = new WebInspector.DataGridNode(data, false); | |
node.selectable = false; | |
nodes.push(node); | |
} | |
var dataGrid = new WebInspector.DataGrid(columns); | |
var length = nodes.length; | |
for (var i = 0; i < length; ++i) | |
dataGrid.appendChild(nodes[i]); | |
return dataGrid; | |
}, | |
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; | |
}, | |
updateMainViewWidth: function(width) | |
{ | |
this.storageViews.style.left = width + "px"; | |
this.storageViewStatusBarItemsContainer.style.left = width + "px"; | |
this.resize(); | |
} | |
} | |
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._subtitle = ""; | |
this.refreshTitles(); | |
} | |
WebInspector.CookieSidebarTreeElement.prototype = { | |
onselect: function() | |
{ | |
WebInspector.panels.storage.showCookies(this, this._cookieDomain); | |
}, | |
get mainTitle() | |
{ | |
return this._cookieDomain ? this._cookieDomain : WebInspector.UIString("Local Files"); | |
}, | |
set mainTitle(x) | |
{ | |
// Do nothing. | |
}, | |
get subtitle() | |
{ | |
return this._subtitle; | |
}, | |
set subtitle(x) | |
{ | |
this._subtitle = x; | |
this.refreshTitles(); | |
} | |
} | |
WebInspector.CookieSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; |