summaryrefslogtreecommitdiffstats
path: root/WebCore/inspector/front-end/ImageView.js
diff options
context:
space:
mode:
Diffstat (limited to 'WebCore/inspector/front-end/ImageView.js')
-rw-r--r--WebCore/inspector/front-end/ImageView.js63
1 files changed, 33 insertions, 30 deletions
diff --git a/WebCore/inspector/front-end/ImageView.js b/WebCore/inspector/front-end/ImageView.js
index 96e1a6e..c13c9a5 100644
--- a/WebCore/inspector/front-end/ImageView.js
+++ b/WebCore/inspector/front-end/ImageView.js
@@ -31,45 +31,48 @@ WebInspector.ImageView = function(resource)
WebInspector.ResourceView.call(this, resource);
this.element.addStyleClass("image");
+}
- var container = document.createElement("div");
- container.className = "image";
- this.contentElement.appendChild(container);
+WebInspector.ImageView.prototype = {
+ contentTabSelected: function()
+ {
+ if (this._container)
+ return;
+ this._container = document.createElement("div");
+ this._container.className = "image";
+ this.contentElement.appendChild(this._container);
- this.imagePreviewElement = document.createElement("img");
- this.imagePreviewElement.addStyleClass("resource-image-view");
- this.imagePreviewElement.setAttribute("src", this.resource.url);
+ this.imagePreviewElement = document.createElement("img");
+ this.imagePreviewElement.addStyleClass("resource-image-view");
+ this.imagePreviewElement.setAttribute("src", this.resource.url);
- container.appendChild(this.imagePreviewElement);
+ this._container.appendChild(this.imagePreviewElement);
- container = document.createElement("div");
- container.className = "info";
- this.contentElement.appendChild(container);
+ this._container = document.createElement("div");
+ this._container.className = "info";
+ this.contentElement.appendChild(this._container);
- var imageNameElement = document.createElement("h1");
- imageNameElement.className = "title";
- imageNameElement.textContent = this.resource.displayName;
- container.appendChild(imageNameElement);
+ var imageNameElement = document.createElement("h1");
+ imageNameElement.className = "title";
+ imageNameElement.textContent = this.resource.displayName;
+ this._container.appendChild(imageNameElement);
- var infoListElement = document.createElement("dl");
- infoListElement.className = "infoList";
+ 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: Number.bytesToString(this.resource.contentLength, WebInspector.UIString.bind(WebInspector)) },
- { name: WebInspector.UIString("MIME type"), value: this.resource.mimeType }
- ];
+ var imageProperties = [
+ { name: WebInspector.UIString("Dimensions"), value: WebInspector.UIString("%d × %d", this.imagePreviewElement.naturalWidth, this.imagePreviewElement.height) },
+ { name: WebInspector.UIString("File size"), value: Number.bytesToString(this.resource.resourceSize, WebInspector.UIString.bind(WebInspector)) },
+ { 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>";
+ 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.ImageView.prototype = {
-
+ infoListElement.innerHTML = listHTML;
+ this._container.appendChild(infoListElement);
+ }
}
WebInspector.ImageView.prototype.__proto__ = WebInspector.ResourceView.prototype;