WebInspector.RequestHeadersView = function(request)
{
WebInspector.VBox.call(this);
- this.registerRequiredCSS("resourceView.css");
- this.registerRequiredCSS("requestHeadersView.css");
+ this.registerRequiredCSS("network/requestHeadersView.css");
this.element.classList.add("request-headers-view");
this._request = request;
- this._headersListElement = document.createElement("ol");
+ this._headersListElement = createElement("ol");
this._headersListElement.className = "outline-disclosure";
this.element.appendChild(this._headersListElement);
*/
_formatHeader: function(name, value)
{
- var fragment = document.createDocumentFragment();
+ var fragment = createDocumentFragment();
fragment.createChild("div", "header-name").textContent = name + ":";
fragment.createChild("div", "header-value source-code").textContent = value;
}
}
}
- var div = document.createElement("div");
+ var div = createElement("div");
div.className = className;
if (errorDecoding)
div.createChild("span", "error-message").textContent = WebInspector.UIString("(unable to decode value)");
*/
_populateTreeElementWithSourceText: function(treeElement, sourceText)
{
- var sourceTextElement = document.createElement("span");
+ var sourceTextElement = createElement("span");
sourceTextElement.classList.add("header-value");
sourceTextElement.classList.add("source-code");
sourceTextElement.textContent = String(sourceText || "").trim();
paramsTreeElement.listItemElement.removeChildren();
paramsTreeElement.listItemElement.createTextChild(title);
- var headerCount = document.createElement("span");
+ var headerCount = createElement("span");
headerCount.classList.add("header-count");
headerCount.textContent = WebInspector.UIString(" (%d)", params.length);
paramsTreeElement.listItemElement.appendChild(headerCount);
paramsTreeElement.listItemElement.appendChild(toggleButton);
for (var i = 0; i < params.length; ++i) {
- var paramNameValue = document.createDocumentFragment();
+ var paramNameValue = createDocumentFragment();
var name = this._formatParameter(params[i].name + ":", "header-name", this._decodeRequestParameters);
var value = this._formatParameter(params[i].value, "header-value source-code", this._decodeRequestParameters);
paramNameValue.appendChild(name);
statusCodeElement.hidden = !this._request.statusCode;
if (this._request.statusCode) {
- var statusCodeFragment = document.createDocumentFragment();
+ var statusCodeFragment = createDocumentFragment();
statusCodeFragment.createChild("div", "header-name").textContent = WebInspector.UIString("Status Code") + ":";
var statusCodeImage = statusCodeFragment.createChild("div", "resource-status-image");
if (this._request.fetchedViaServiceWorker) {
statusText += " " + WebInspector.UIString("(from ServiceWorker)");
statusTextElement.classList.add("status-from-cache");
- } else if (this._request.cached) {
+ } else if (this._request.cached()) {
statusText += " " + WebInspector.UIString("(from cache)");
statusTextElement.classList.add("status-from-cache");
}
if (provisionalHeaders) {
var cautionText = WebInspector.UIString("Provisional headers are shown");
- var cautionFragment = document.createDocumentFragment();
+ var cautionFragment = createDocumentFragment();
cautionFragment.createChild("div", "warning-icon-small");
cautionFragment.createChild("div", "caution").textContent = cautionText;
var cautionTreeElement = new TreeElement(cautionFragment);
*/
_createToggleButton: function(title)
{
- var button = document.createElement("span");
+ var button = createElement("span");
button.classList.add("header-toggle");
button.textContent = title;
return button;