DirectoryContentView.js [plain text]
WebInspector.DirectoryContentView = function()
{
const indexes = WebInspector.DirectoryContentView.columnIndexes;
var columns = [
{id: indexes.Name, title: WebInspector.UIString("Name"), sortable: true, sort: WebInspector.DataGrid.Order.Ascending, width: "20%"},
{id: indexes.URL, title: WebInspector.UIString("URL"), sortable: true, width: "20%"},
{id: indexes.Type, title: WebInspector.UIString("Type"), sortable: true, width: "15%"},
{id: indexes.Size, title: WebInspector.UIString("Size"), sortable: true, width: "10%"},
{id: indexes.ModificationTime, title: WebInspector.UIString("Modification Time"), sortable: true, width: "25%"}
];
WebInspector.DataGrid.call(this, columns);
this.addEventListener(WebInspector.DataGrid.Events.SortingChanged, this._sort, this);
}
WebInspector.DirectoryContentView.columnIndexes = {
Name: "0",
URL: "1",
Type: "2",
Size: "3",
ModificationTime: "4"
}
WebInspector.DirectoryContentView.prototype = {
showEntries: function(entries)
{
const indexes = WebInspector.DirectoryContentView.columnIndexes;
this.rootNode().removeChildren();
for (var i = 0; i < entries.length; ++i)
this.rootNode().appendChild(new WebInspector.DirectoryContentView.Node(entries[i]));
},
_sort: function()
{
var column = (this.sortColumnIdentifier());
this.sortNodes(WebInspector.DirectoryContentView.Node.comparator(column, !this.isSortOrderAscending()), false);
},
__proto__: WebInspector.DataGrid.prototype
}
WebInspector.DirectoryContentView.Node = function(entry)
{
const indexes = WebInspector.DirectoryContentView.columnIndexes;
var data = {};
data[indexes.Name] = entry.name;
data[indexes.URL] = entry.url;
data[indexes.Type] = entry.isDirectory ? WebInspector.UIString("Directory") : entry.mimeType;
data[indexes.Size] = "";
data[indexes.ModificationTime] = "";
WebInspector.DataGridNode.call(this, data);
this._entry = entry;
this._metadata = null;
this._entry.requestMetadata(this._metadataReceived.bind(this));
}
WebInspector.DirectoryContentView.Node.comparator = function(column, reverse)
{
var reverseFactor = reverse ? -1 : 1;
const indexes = WebInspector.DirectoryContentView.columnIndexes;
switch (column) {
case indexes.Name:
case indexes.URL:
return function(x, y)
{
return isDirectoryCompare(x, y) || nameCompare(x, y);
};
case indexes.Type:
return function(x, y)
{
return isDirectoryCompare(x ,y) || typeCompare(x, y) || nameCompare(x, y);
};
case indexes.Size:
return function(x, y)
{
return isDirectoryCompare(x, y) || sizeCompare(x, y) || nameCompare(x, y);
};
case indexes.ModificationTime:
return function(x, y)
{
return isDirectoryCompare(x, y) || modificationTimeCompare(x, y) || nameCompare(x, y);
};
}
function isDirectoryCompare(x, y)
{
if (x._entry.isDirectory != y._entry.isDirectory)
return y._entry.isDirectory ? 1 : -1;
return 0;
}
function nameCompare(x, y)
{
return reverseFactor * x._entry.name.compareTo(y._entry.name);
}
function typeCompare(x, y)
{
return reverseFactor * (x._entry.mimeType || "").compareTo(y._entry.mimeType || "");
}
function sizeCompare(x, y)
{
return reverseFactor * ((x._metadata ? x._metadata.size : 0) - (y._metadata ? y._metadata.size : 0));
}
function modificationTimeCompare(x, y)
{
return reverseFactor * ((x._metadata ? x._metadata.modificationTime : 0) - (y._metadata ? y._metadata.modificationTime : 0));
}
}
WebInspector.DirectoryContentView.Node.prototype = {
_metadataReceived: function(errorCode, metadata)
{
const indexes = WebInspector.DirectoryContentView.columnIndexes;
if (errorCode !== 0)
return;
this._metadata = metadata;
var data = this.data;
if (this._entry.isDirectory)
data[indexes.Size] = WebInspector.UIString("-");
else
data[indexes.Size] = Number.bytesToString(metadata.size);
data[indexes.ModificationTime] = new Date(metadata.modificationTime).toGMTString();
this.data = data;
},
__proto__: WebInspector.DataGridNode.prototype
}