Index: resources/inspector/ResourceView.js |
=================================================================== |
--- resources/inspector/ResourceView.js (revision 33840) |
+++ resources/inspector/ResourceView.js (working copy) |
@@ -1,325 +0,0 @@ |
-/* |
- * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
- * Copyright (C) IBM Corp. 2009 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. |
- * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
- * its contributors may be used to endorse or promote products derived |
- * from this software without specific prior written permission. |
- * |
- * THIS SOFTWARE IS PROVIDED BY APPLE 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 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.ResourceView = function(resource) |
-{ |
- WebInspector.View.call(this); |
- |
- this.element.addStyleClass("resource-view"); |
- |
- this.resource = resource; |
- |
- this.headersElement = document.createElement("div"); |
- this.headersElement.className = "resource-view-headers"; |
- this.element.appendChild(this.headersElement); |
- |
- this.contentElement = document.createElement("div"); |
- this.contentElement.className = "resource-view-content"; |
- this.element.appendChild(this.contentElement); |
- |
- this.headersListElement = document.createElement("ol"); |
- this.headersListElement.className = "outline-disclosure"; |
- this.headersElement.appendChild(this.headersListElement); |
- |
- this.headersTreeOutline = new TreeOutline(this.headersListElement); |
- this.headersTreeOutline.expandTreeElementsWhenArrowing = true; |
- |
- this.urlTreeElement = new TreeElement("", null, false); |
- this.urlTreeElement.selectable = false; |
- this.headersTreeOutline.appendChild(this.urlTreeElement); |
- |
- this.httpInformationTreeElement = new TreeElement("", null, true); |
- this.httpInformationTreeElement.expanded = false; |
- this.httpInformationTreeElement.selectable = false; |
- this.headersTreeOutline.appendChild(this.httpInformationTreeElement); |
- |
- this.requestHeadersTreeElement = new TreeElement("", null, true); |
- this.requestHeadersTreeElement.expanded = false; |
- this.requestHeadersTreeElement.selectable = false; |
- this.headersTreeOutline.appendChild(this.requestHeadersTreeElement); |
- |
- this._decodeHover = WebInspector.UIString("Double-Click to toggle between URL encoded and decoded formats"); |
- this._decodeRequestParameters = true; |
- |
- this.queryStringTreeElement = new TreeElement("", null, true); |
- this.queryStringTreeElement.expanded = false; |
- this.queryStringTreeElement.selectable = false; |
- this.queryStringTreeElement.hidden = true; |
- this.headersTreeOutline.appendChild(this.queryStringTreeElement); |
- |
- this.formDataTreeElement = new TreeElement("", null, true); |
- this.formDataTreeElement.expanded = false; |
- this.formDataTreeElement.selectable = false; |
- this.formDataTreeElement.hidden = true; |
- this.headersTreeOutline.appendChild(this.formDataTreeElement); |
- |
- this.requestPayloadTreeElement = new TreeElement(WebInspector.UIString("Request Payload"), null, true); |
- this.requestPayloadTreeElement.expanded = false; |
- this.requestPayloadTreeElement.selectable = false; |
- this.requestPayloadTreeElement.hidden = true; |
- this.headersTreeOutline.appendChild(this.requestPayloadTreeElement); |
- |
- this.responseHeadersTreeElement = new TreeElement("", null, true); |
- this.responseHeadersTreeElement.expanded = false; |
- this.responseHeadersTreeElement.selectable = false; |
- this.headersTreeOutline.appendChild(this.responseHeadersTreeElement); |
- |
- this.headersVisible = true; |
- |
- resource.addEventListener("url changed", this._refreshURL, this); |
- resource.addEventListener("requestHeaders changed", this._refreshRequestHeaders, this); |
- resource.addEventListener("responseHeaders changed", this._refreshResponseHeaders, this); |
- resource.addEventListener("finished", this._refreshHTTPInformation, this); |
- |
- this._refreshURL(); |
- this._refreshRequestHeaders(); |
- this._refreshResponseHeaders(); |
- this._refreshHTTPInformation(); |
-} |
- |
-WebInspector.ResourceView.prototype = { |
- get headersVisible() |
- { |
- return this._headersVisible; |
- }, |
- |
- set headersVisible(x) |
- { |
- if (x === this._headersVisible) |
- return; |
- |
- this._headersVisible = x; |
- |
- if (x) |
- this.element.addStyleClass("headers-visible"); |
- else |
- this.element.removeStyleClass("headers-visible"); |
- }, |
- |
- attach: function() |
- { |
- if (!this.element.parentNode) { |
- var parentElement = (document.getElementById("resource-views") || document.getElementById("script-resource-views")); |
- if (parentElement) |
- parentElement.appendChild(this.element); |
- } |
- }, |
- |
- _refreshURL: function() |
- { |
- var url = this.resource.url; |
- var statusCodeImage = ""; |
- if (this.resource.statusCode) { |
- var statusImageSource = ""; |
- |
- if (this.resource.statusCode < 300) |
- statusImageSource = "Images/successGreenDot.png"; |
- else if (this.resource.statusCode < 400) |
- statusImageSource = "Images/warningOrangeDot.png"; |
- else |
- statusImageSource = "Images/errorRedDot.png"; |
- |
- statusCodeImage = "<img class=\"resource-status-image\" src=\"" + statusImageSource + "\" title=\"" + WebInspector.Resource.StatusTextForCode(this.resource.statusCode) + "\">"; |
- } |
- |
- this.urlTreeElement.title = statusCodeImage + "<span class=\"resource-url\">" + url.escapeHTML() + "</span>"; |
- this._refreshQueryString(); |
- }, |
- |
- _refreshQueryString: function() |
- { |
- var url = this.resource.url; |
- var hasQueryString = url.indexOf("?") >= 0; |
- |
- if (!hasQueryString) { |
- this.queryStringTreeElement.hidden = true; |
- return; |
- } |
- |
- this.queryStringTreeElement.hidden = false; |
- var parmString = url.split("?", 2)[1]; |
- this._refreshParms(WebInspector.UIString("Query String Parameters"), parmString, this.queryStringTreeElement); |
- }, |
- |
- _refreshFormData: function() |
- { |
- this.formDataTreeElement.hidden = true; |
- this.requestPayloadTreeElement.hidden = true; |
- |
- var isFormData = this.resource.requestFormData; |
- if (!isFormData) |
- return; |
- |
- var isFormEncoded = false; |
- var requestContentType = this._getHeaderValue(this.resource.requestHeaders, "Content-Type"); |
- if (requestContentType && requestContentType.match(/^application\/x-www-form-urlencoded\s*(;.*)?$/i)) |
- isFormEncoded = true; |
- |
- if (isFormEncoded) { |
- this.formDataTreeElement.hidden = false; |
- this._refreshParms(WebInspector.UIString("Form Data"), this.resource.requestFormData, this.formDataTreeElement); |
- } else { |
- this.requestPayloadTreeElement.hidden = false; |
- this._refreshRequestPayload(this.resource.requestFormData); |
- } |
- }, |
- |
- _refreshRequestPayload: function(formData) |
- { |
- this.requestPayloadTreeElement.removeChildren(); |
- |
- var title = "<div class=\"header-name\"> </div>"; |
- title += "<div class=\"raw-form-data header-value\">" + formData.escapeHTML() + "</div>"; |
- var parmTreeElement = new TreeElement(title, null, false); |
- parmTreeElement.selectable = false; |
- this.requestPayloadTreeElement.appendChild(parmTreeElement); |
- }, |
- |
- _refreshParms: function(title, parmString, parmsTreeElement) |
- { |
- var parms = parmString.split("&"); |
- for (var i = 0; i < parms.length; ++i) { |
- var parm = parms[i]; |
- parm = parm.split("=", 2); |
- if (parm.length == 1) |
- parm.push(""); |
- parms[i] = parm; |
- } |
- |
- parmsTreeElement.removeChildren(); |
- |
- parmsTreeElement.title = title + "<span class=\"header-count\">" + WebInspector.UIString(" (%d)", parms.length) + "</span>"; |
- |
- for (var i = 0; i < parms.length; ++i) { |
- var key = parms[i][0]; |
- var value = parms[i][1]; |
- |
- var errorDecoding = false; |
- if (this._decodeRequestParameters) { |
- if (value.indexOf("%") >= 0) { |
- try { |
- value = decodeURIComponent(value); |
- } catch(e) { |
- errorDecoding = true; |
- } |
- } |
- |
- value = value.replace(/\+/g, " "); |
- } |
- |
- valueEscaped = value.escapeHTML(); |
- if (errorDecoding) |
- valueEscaped += " <span class=\"error-message\">" + WebInspector.UIString("(unable to decode value)").escapeHTML() + "</span>"; |
- |
- var title = "<div class=\"header-name\">" + key.escapeHTML() + ":</div>"; |
- title += "<div class=\"header-value\">" + valueEscaped + "</div>"; |
- |
- var parmTreeElement = new TreeElement(title, null, false); |
- parmTreeElement.selectable = false; |
- parmTreeElement.tooltip = this._decodeHover; |
- parmTreeElement.ondblclick = this._toggleURLdecoding.bind(this); |
- parmsTreeElement.appendChild(parmTreeElement); |
- } |
- }, |
- |
- _toggleURLdecoding: function(treeElement, event) |
- { |
- this._decodeRequestParameters = !this._decodeRequestParameters; |
- this._refreshQueryString(); |
- this._refreshFormData(); |
- }, |
- |
- _getHeaderValue: function(headers, key) |
- { |
- var lowerKey = key.toLowerCase(); |
- for (var testKey in headers) { |
- if (testKey.toLowerCase() === lowerKey) |
- return headers[testKey]; |
- } |
- }, |
- |
- _refreshRequestHeaders: function() |
- { |
- this._refreshHeaders(WebInspector.UIString("Request Headers"), this.resource.sortedRequestHeaders, this.requestHeadersTreeElement); |
- this._refreshFormData(); |
- }, |
- |
- _refreshResponseHeaders: function() |
- { |
- this._refreshHeaders(WebInspector.UIString("Response Headers"), this.resource.sortedResponseHeaders, this.responseHeadersTreeElement); |
- }, |
- |
- _refreshHTTPInformation: function() |
- { |
- const listElements = 2; |
- |
- var headerElement = this.httpInformationTreeElement; |
- headerElement.removeChildren(); |
- headerElement.hidden = !this.resource.statusCode; |
- |
- if (this.resource.statusCode) { |
- headerElement.title = WebInspector.UIString("HTTP Information") + "<span class=\"header-count\">" + WebInspector.UIString(" (%d)", listElements) + "</span>"; |
- |
- var title = "<div class=\"header-name\">" + WebInspector.UIString("Request Method") + ":</div>"; |
- title += "<div class=\"header-value\">" + this.resource.requestMethod + "</div>" |
- |
- var headerTreeElement = new TreeElement(title, null, false); |
- headerTreeElement.selectable = false; |
- headerElement.appendChild(headerTreeElement); |
- |
- title = "<div class=\"header-name\">" + WebInspector.UIString("Status Code") + ":</div>"; |
- title += "<div class=\"header-value\">" + WebInspector.Resource.StatusTextForCode(this.resource.statusCode) + "</div>" |
- |
- headerTreeElement = new TreeElement(title, null, false); |
- headerTreeElement.selectable = false; |
- headerElement.appendChild(headerTreeElement); |
- } |
- }, |
- |
- _refreshHeaders: function(title, headers, headersTreeElement) |
- { |
- headersTreeElement.removeChildren(); |
- |
- var length = headers.length; |
- headersTreeElement.title = title.escapeHTML() + "<span class=\"header-count\">" + WebInspector.UIString(" (%d)", length) + "</span>"; |
- headersTreeElement.hidden = !length; |
- |
- var length = headers.length; |
- for (var i = 0; i < length; ++i) { |
- var title = "<div class=\"header-name\">" + headers[i].header.escapeHTML() + ":</div>"; |
- title += "<div class=\"header-value\">" + headers[i].value.escapeHTML() + "</div>" |
- |
- var headerTreeElement = new TreeElement(title, null, false); |
- headerTreeElement.selectable = false; |
- headersTreeElement.appendChild(headerTreeElement); |
- } |
- } |
-} |
- |
-WebInspector.ResourceView.prototype.__proto__ = WebInspector.View.prototype; |