DOMStorageItemsView.js [plain text]
WebInspector.DOMStorageItemsView = function(domStorage)
{
WebInspector.View.call(this);
this.domStorage = domStorage;
this.element.addStyleClass("storage-view");
this.element.addStyleClass("table");
this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item");
this.deleteButton.visible = false;
this.deleteButton.addEventListener("click", this._deleteButtonClicked, this);
this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item");
this.refreshButton.addEventListener("click", this._refreshButtonClicked, this);
}
WebInspector.DOMStorageItemsView.prototype = {
get statusBarItems()
{
return [this.refreshButton.element, this.deleteButton.element];
},
wasShown: function()
{
this.update();
},
willHide: function()
{
this.deleteButton.visible = false;
},
update: function()
{
this.detachChildViews();
this.domStorage.getEntries(this._showDOMStorageEntries.bind(this));
},
_showDOMStorageEntries: function(error, entries)
{
if (error)
return;
this._dataGrid = this._dataGridForDOMStorageEntries(entries);
this._dataGrid.show(this.element);
this._dataGrid.autoSizeColumns(10);
this.deleteButton.visible = true;
},
_dataGridForDOMStorageEntries: function(entries)
{
var columns = {};
columns[0] = {};
columns[1] = {};
columns[0].title = WebInspector.UIString("Key");
columns[1].title = WebInspector.UIString("Value");
var nodes = [];
var keys = [];
var length = entries.length;
for (var i = 0; i < entries.length; i++) {
var data = {};
var key = entries[i][0];
data[0] = key;
var value = entries[i][1];
data[1] = value;
var node = new WebInspector.DataGridNode(data, false);
node.selectable = true;
nodes.push(node);
keys.push(key);
}
var dataGrid = new WebInspector.DataGrid(columns, this._editingCallback.bind(this), this._deleteCallback.bind(this));
length = nodes.length;
for (var i = 0; i < length; ++i)
dataGrid.rootNode().appendChild(nodes[i]);
dataGrid.addCreationNode(false);
if (length > 0)
nodes[0].selected = true;
return dataGrid;
},
_deleteButtonClicked: function(event)
{
if (!this._dataGrid || !this._dataGrid.selectedNode)
return;
this._deleteCallback(this._dataGrid.selectedNode);
},
_refreshButtonClicked: function(event)
{
this.update();
},
_editingCallback: function(editingNode, columnIdentifier, oldText, newText)
{
var domStorage = this.domStorage;
if (columnIdentifier === 0) {
if (oldText)
domStorage.removeItem(oldText);
domStorage.setItem(newText, editingNode.data[1]);
} else {
domStorage.setItem(editingNode.data[0], newText);
}
this.update();
},
_deleteCallback: function(node)
{
if (!node || node.isCreationNode)
return;
if (this.domStorage)
this.domStorage.removeItem(node.data[0]);
this.update();
}
}
WebInspector.DOMStorageItemsView.prototype.__proto__ = WebInspector.View.prototype;