WebInspector.ImagePanel = function(resource)
{
WebInspector.ResourcePanel.call(this, resource);
this.element.addStyleClass("image");
var container = document.createElement("div");
container.className = "image";
this.element.appendChild(container);
this.imagePreviewElement = document.createElement("img");
this.imagePreviewElement.setAttribute("src", this.resource.url);
container.appendChild(this.imagePreviewElement);
container = document.createElement("div");
container.className = "info";
this.element.appendChild(container);
var imageNameElement = document.createElement("h1");
imageNameElement.className = "title";
imageNameElement.textContent = this.resource.displayName;
container.appendChild(imageNameElement);
var infoListElement = document.createElement("dl");
infoListElement.className = "infoList";
var imageProperties = [
{ name: WebInspector.UIString("Dimensions"), value: WebInspector.UIString("%d × %d", this.imagePreviewElement.naturalWidth, this.imagePreviewElement.height) },
{ name: WebInspector.UIString("File size"), value: WebInspector.UIString("%.2fKB", (this.resource.contentLength / 1024)) },
{ name: WebInspector.UIString("MIME type"), value: this.resource.mimeType }
];
var listHTML = '';
for (var i = 0; i < imageProperties.length; ++i)
listHTML += "<dt>" + imageProperties[i].name + "</dt><dd>" + imageProperties[i].value + "</dd>";
infoListElement.innerHTML = listHTML;
container.appendChild(infoListElement);
}
WebInspector.ImagePanel.prototype = {
}
WebInspector.ImagePanel.prototype.__proto__ = WebInspector.ResourcePanel.prototype;