271 lines
11 KiB
JavaScript
271 lines
11 KiB
JavaScript
|
/*
|
||
|
|
* Copyright (C) 2010 Apple Inc. 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
|
||
|
|
* 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.
|
||
|
|
*
|
||
|
|
* THIS SOFTWARE IS PROVIDED BY APPLE INC. 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 INC. 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.ApplicationCacheItemsView = function(treeElement, appcacheDomain)
|
||
|
|
{
|
||
|
|
WebInspector.View.call(this);
|
||
|
|
|
||
|
|
this.element.addStyleClass("storage-view");
|
||
|
|
this.element.addStyleClass("table");
|
||
|
|
|
||
|
|
// FIXME: Delete Button semantics are not yet defined.
|
||
|
|
// FIXME: Needs better tooltip. (Localized)
|
||
|
|
this.deleteButton = new WebInspector.StatusBarButton(WebInspector.UIString("Delete"), "delete-storage-status-bar-item");
|
||
|
|
this.deleteButton.visible = false;
|
||
|
|
this.deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false);
|
||
|
|
|
||
|
|
// FIXME: Refresh Button semantics are not yet defined.
|
||
|
|
// FIXME: Needs better tooltip. (Localized)
|
||
|
|
this.refreshButton = new WebInspector.StatusBarButton(WebInspector.UIString("Refresh"), "refresh-storage-status-bar-item");
|
||
|
|
this.refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false);
|
||
|
|
|
||
|
|
if (Preferences.onlineDetectionEnabled) {
|
||
|
|
this.connectivityIcon = document.createElement("img");
|
||
|
|
this.connectivityIcon.className = "storage-application-cache-connectivity-icon";
|
||
|
|
this.connectivityIcon.src = "";
|
||
|
|
this.connectivityMessage = document.createElement("span");
|
||
|
|
this.connectivityMessage.className = "storage-application-cache-connectivity";
|
||
|
|
this.connectivityMessage.textContent = "";
|
||
|
|
}
|
||
|
|
|
||
|
|
this.divider = document.createElement("span");
|
||
|
|
this.divider.className = "status-bar-item status-bar-divider";
|
||
|
|
|
||
|
|
this.statusIcon = document.createElement("img");
|
||
|
|
this.statusIcon.className = "storage-application-cache-status-icon";
|
||
|
|
this.statusIcon.src = "";
|
||
|
|
this.statusMessage = document.createElement("span");
|
||
|
|
this.statusMessage.className = "storage-application-cache-status";
|
||
|
|
this.statusMessage.textContent = "";
|
||
|
|
|
||
|
|
this._treeElement = treeElement;
|
||
|
|
this._appcacheDomain = appcacheDomain;
|
||
|
|
|
||
|
|
this._emptyMsgElement = document.createElement("div");
|
||
|
|
this._emptyMsgElement.className = "storage-empty-view";
|
||
|
|
this._emptyMsgElement.textContent = WebInspector.UIString("No Application Cache information available.");
|
||
|
|
this.element.appendChild(this._emptyMsgElement);
|
||
|
|
|
||
|
|
this.updateStatus(applicationCache.UNCACHED);
|
||
|
|
}
|
||
|
|
|
||
|
|
WebInspector.ApplicationCacheItemsView.prototype = {
|
||
|
|
get statusBarItems()
|
||
|
|
{
|
||
|
|
if (Preferences.onlineDetectionEnabled) {
|
||
|
|
return [
|
||
|
|
this.refreshButton.element, this.deleteButton.element,
|
||
|
|
this.connectivityIcon, this.connectivityMessage, this.divider,
|
||
|
|
this.statusIcon, this.statusMessage
|
||
|
|
];
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
this.refreshButton.element, this.deleteButton.element, this.divider,
|
||
|
|
this.statusIcon, this.statusMessage
|
||
|
|
];
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
show: function(parentElement)
|
||
|
|
{
|
||
|
|
WebInspector.View.prototype.show.call(this, parentElement);
|
||
|
|
this.updateNetworkState(navigator.onLine);
|
||
|
|
this._update();
|
||
|
|
},
|
||
|
|
|
||
|
|
hide: function()
|
||
|
|
{
|
||
|
|
WebInspector.View.prototype.hide.call(this);
|
||
|
|
this.deleteButton.visible = false;
|
||
|
|
},
|
||
|
|
|
||
|
|
updateStatus: function(status)
|
||
|
|
{
|
||
|
|
var statusInformation = {};
|
||
|
|
statusInformation[applicationCache.UNCACHED] = { src: "Images/warningOrangeDot.png", text: "UNCACHED" };
|
||
|
|
statusInformation[applicationCache.IDLE] = { src: "Images/warningOrangeDot.png", text: "IDLE" };
|
||
|
|
statusInformation[applicationCache.CHECKING] = { src: "Images/successGreenDot.png", text: "CHECKING" };
|
||
|
|
statusInformation[applicationCache.DOWNLOADING] = { src: "Images/successGreenDot.png", text: "DOWNLOADING" };
|
||
|
|
statusInformation[applicationCache.UPDATEREADY] = { src: "Images/successGreenDot.png", text: "UPDATEREADY" };
|
||
|
|
statusInformation[applicationCache.OBSOLETE] = { src: "Images/errorRedDot.png", text: "OBSOLETE" };
|
||
|
|
|
||
|
|
var info = statusInformation[status];
|
||
|
|
if (!info) {
|
||
|
|
console.error("Unknown Application Cache Status was Not Handled: %d", status);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.statusIcon.src = info.src;
|
||
|
|
this.statusMessage.textContent = info.text;
|
||
|
|
},
|
||
|
|
|
||
|
|
updateNetworkState: function(isNowOnline)
|
||
|
|
{
|
||
|
|
if (Preferences.onlineDetectionEnabled) {
|
||
|
|
if (isNowOnline) {
|
||
|
|
this.connectivityIcon.src = "Images/successGreenDot.png";
|
||
|
|
this.connectivityMessage.textContent = WebInspector.UIString("Online");
|
||
|
|
} else {
|
||
|
|
this.connectivityIcon.src = "Images/errorRedDot.png";
|
||
|
|
this.connectivityMessage.textContent = WebInspector.UIString("Offline");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_update: function()
|
||
|
|
{
|
||
|
|
WebInspector.ApplicationCacheDispatcher.getApplicationCachesAsync(this._updateCallback.bind(this));
|
||
|
|
},
|
||
|
|
|
||
|
|
_updateCallback: function(applicationCaches)
|
||
|
|
{
|
||
|
|
// FIXME: applicationCaches is just one cache.
|
||
|
|
// FIXME: are these variables needed anywhere else?
|
||
|
|
this._manifest = applicationCaches.manifest;
|
||
|
|
this._creationTime = applicationCaches.creationTime;
|
||
|
|
this._updateTime = applicationCaches.updateTime;
|
||
|
|
this._size = applicationCaches.size;
|
||
|
|
this._resources = applicationCaches.resources;
|
||
|
|
var lastPathComponent = applicationCaches.lastPathComponent;
|
||
|
|
|
||
|
|
if (!this._manifest) {
|
||
|
|
this._emptyMsgElement.removeStyleClass("hidden");
|
||
|
|
this.deleteButton.visible = false;
|
||
|
|
if (this._dataGrid)
|
||
|
|
this._dataGrid.element.addStyleClass("hidden");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!this._dataGrid)
|
||
|
|
this._createDataGrid();
|
||
|
|
|
||
|
|
this._populateDataGrid();
|
||
|
|
this._dataGrid.autoSizeColumns(20, 80);
|
||
|
|
this._dataGrid.element.removeStyleClass("hidden");
|
||
|
|
this._emptyMsgElement.addStyleClass("hidden");
|
||
|
|
this.deleteButton.visible = true;
|
||
|
|
|
||
|
|
var totalSizeString = Number.bytesToString(this._size);
|
||
|
|
this._treeElement.subtitle = WebInspector.UIString("%s (%s)", lastPathComponent, totalSizeString);
|
||
|
|
|
||
|
|
// FIXME: For Chrome, put creationTime and updateTime somewhere.
|
||
|
|
// NOTE: localizedString has not yet been added.
|
||
|
|
// WebInspector.UIString("(%s) Created: %s Updated: %s", this._size, this._creationTime, this._updateTime);
|
||
|
|
},
|
||
|
|
|
||
|
|
_createDataGrid: function()
|
||
|
|
{
|
||
|
|
var columns = { 0: {}, 1: {}, 2: {} };
|
||
|
|
columns[0].title = WebInspector.UIString("Resource");
|
||
|
|
columns[0].sort = "ascending";
|
||
|
|
columns[0].sortable = true;
|
||
|
|
columns[1].title = WebInspector.UIString("Type");
|
||
|
|
columns[1].sortable = true;
|
||
|
|
columns[2].title = WebInspector.UIString("Size");
|
||
|
|
columns[2].aligned = "right";
|
||
|
|
columns[2].sortable = true;
|
||
|
|
this._dataGrid = new WebInspector.DataGrid(columns);
|
||
|
|
this.element.appendChild(this._dataGrid.element);
|
||
|
|
this._dataGrid.addEventListener("sorting changed", this._populateDataGrid, this);
|
||
|
|
this._dataGrid.updateWidths();
|
||
|
|
},
|
||
|
|
|
||
|
|
_populateDataGrid: function()
|
||
|
|
{
|
||
|
|
var selectedResource = this._dataGrid.selectedNode ? this._dataGrid.selectedNode.resource : null;
|
||
|
|
var sortDirection = this._dataGrid.sortOrder === "ascending" ? 1 : -1;
|
||
|
|
|
||
|
|
function numberCompare(field, resource1, resource2)
|
||
|
|
{
|
||
|
|
return sortDirection * (resource1[field] - resource2[field]);
|
||
|
|
}
|
||
|
|
function localeCompare(field, resource1, resource2)
|
||
|
|
{
|
||
|
|
return sortDirection * (resource1[field] + "").localeCompare(resource2[field] + "")
|
||
|
|
}
|
||
|
|
|
||
|
|
var comparator;
|
||
|
|
switch (parseInt(this._dataGrid.sortColumnIdentifier)) {
|
||
|
|
case 0: comparator = localeCompare.bind(this, "name"); break;
|
||
|
|
case 1: comparator = localeCompare.bind(this, "type"); break;
|
||
|
|
case 2: comparator = numberCompare.bind(this, "size"); break;
|
||
|
|
default: localeCompare.bind(this, "resource"); // FIXME: comparator = ?
|
||
|
|
}
|
||
|
|
|
||
|
|
this._resources.sort(comparator);
|
||
|
|
this._dataGrid.removeChildren();
|
||
|
|
|
||
|
|
var nodeToSelect;
|
||
|
|
for (var i = 0; i < this._resources.length; ++i) {
|
||
|
|
var data = {};
|
||
|
|
var resource = this._resources[i];
|
||
|
|
data[0] = resource.name;
|
||
|
|
data[1] = resource.type;
|
||
|
|
data[2] = Number.bytesToString(resource.size);
|
||
|
|
var node = new WebInspector.DataGridNode(data);
|
||
|
|
node.resource = resource;
|
||
|
|
node.selectable = true;
|
||
|
|
this._dataGrid.appendChild(node);
|
||
|
|
if (resource === selectedResource) {
|
||
|
|
nodeToSelect = node;
|
||
|
|
nodeToSelect.selected = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!nodeToSelect)
|
||
|
|
this._dataGrid.children[0].selected = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
resize: function()
|
||
|
|
{
|
||
|
|
if (this._dataGrid)
|
||
|
|
this._dataGrid.updateWidths();
|
||
|
|
},
|
||
|
|
|
||
|
|
_deleteButtonClicked: function(event)
|
||
|
|
{
|
||
|
|
if (!this._dataGrid || !this._dataGrid.selectedNode)
|
||
|
|
return;
|
||
|
|
|
||
|
|
// FIXME: Delete Button semantics are not yet defined. (Delete a single, or all?)
|
||
|
|
this._deleteCallback(this._dataGrid.selectedNode);
|
||
|
|
},
|
||
|
|
|
||
|
|
_deleteCallback: function(node)
|
||
|
|
{
|
||
|
|
// FIXME: Should we delete a single (selected) resource or all resources?
|
||
|
|
// InspectorBackend.deleteCachedResource(...)
|
||
|
|
// this._update();
|
||
|
|
},
|
||
|
|
|
||
|
|
_refreshButtonClicked: function(event)
|
||
|
|
{
|
||
|
|
// FIXME: Is this a refresh button or a re-fetch manifest button?
|
||
|
|
// this._update();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
WebInspector.ApplicationCacheItemsView.prototype.__proto__ = WebInspector.View.prototype;
|