| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) IBM Corp. 2009 All rights reserved. | 3 * Copyright (C) IBM Corp. 2009 All rights reserved. |
| 4 * Copyright (C) 2010 Google Inc. All rights reserved. | 4 * Copyright (C) 2010 Google Inc. All rights reserved. |
| 5 * | 5 * |
| 6 * Redistribution and use in source and binary forms, with or without | 6 * Redistribution and use in source and binary forms, with or without |
| 7 * modification, are permitted provided that the following conditions | 7 * modification, are permitted provided that the following conditions |
| 8 * are met: | 8 * are met: |
| 9 * | 9 * |
| 10 * 1. Redistributions of source code must retain the above copyright | 10 * 1. Redistributions of source code must retain the above copyright |
| (...skipping 27 matching lines...) Expand all Loading... |
| 38 constructor(request) { | 38 constructor(request) { |
| 39 super(); | 39 super(); |
| 40 this.registerRequiredCSS('network/requestHeadersView.css'); | 40 this.registerRequiredCSS('network/requestHeadersView.css'); |
| 41 this.element.classList.add('request-headers-view'); | 41 this.element.classList.add('request-headers-view'); |
| 42 | 42 |
| 43 this._request = request; | 43 this._request = request; |
| 44 this._decodeRequestParameters = true; | 44 this._decodeRequestParameters = true; |
| 45 this._showRequestHeadersText = false; | 45 this._showRequestHeadersText = false; |
| 46 this._showResponseHeadersText = false; | 46 this._showResponseHeadersText = false; |
| 47 | 47 |
| 48 var root = new TreeOutlineInShadow(); | 48 var root = new UI.TreeOutlineInShadow(); |
| 49 root.registerRequiredCSS('network/requestHeadersTree.css'); | 49 root.registerRequiredCSS('network/requestHeadersTree.css'); |
| 50 root.element.classList.add('request-headers-tree'); | 50 root.element.classList.add('request-headers-tree'); |
| 51 root.setFocusable(false); | 51 root.setFocusable(false); |
| 52 root.makeDense(); | 52 root.makeDense(); |
| 53 root.expandTreeElementsWhenArrowing = true; | 53 root.expandTreeElementsWhenArrowing = true; |
| 54 this.element.appendChild(root.element); | 54 this.element.appendChild(root.element); |
| 55 | 55 |
| 56 var generalCategory = new Network.RequestHeadersView.Category(root, 'general
', Common.UIString('General')); | 56 var generalCategory = new Network.RequestHeadersView.Category(root, 'general
', Common.UIString('General')); |
| 57 generalCategory.hidden = false; | 57 generalCategory.hidden = false; |
| 58 this._urlItem = generalCategory.createLeaf(); | 58 this._urlItem = generalCategory.createLeaf(); |
| (...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 172 try { | 172 try { |
| 173 var json = JSON.parse(formData); | 173 var json = JSON.parse(formData); |
| 174 this._refreshRequestJSONPayload(json, formData); | 174 this._refreshRequestJSONPayload(json, formData); |
| 175 } catch (e) { | 175 } catch (e) { |
| 176 this._populateTreeElementWithSourceText(this._requestPayloadCategory, fo
rmData); | 176 this._populateTreeElementWithSourceText(this._requestPayloadCategory, fo
rmData); |
| 177 } | 177 } |
| 178 } | 178 } |
| 179 } | 179 } |
| 180 | 180 |
| 181 /** | 181 /** |
| 182 * @param {!TreeElement} treeElement | 182 * @param {!UI.TreeElement} treeElement |
| 183 * @param {?string} sourceText | 183 * @param {?string} sourceText |
| 184 */ | 184 */ |
| 185 _populateTreeElementWithSourceText(treeElement, sourceText) { | 185 _populateTreeElementWithSourceText(treeElement, sourceText) { |
| 186 var sourceTextElement = createElementWithClass('span', 'header-value source-
code'); | 186 var sourceTextElement = createElementWithClass('span', 'header-value source-
code'); |
| 187 sourceTextElement.textContent = String(sourceText || '').trim(); | 187 sourceTextElement.textContent = String(sourceText || '').trim(); |
| 188 | 188 |
| 189 var sourceTreeElement = new TreeElement(sourceTextElement); | 189 var sourceTreeElement = new UI.TreeElement(sourceTextElement); |
| 190 sourceTreeElement.selectable = false; | 190 sourceTreeElement.selectable = false; |
| 191 treeElement.removeChildren(); | 191 treeElement.removeChildren(); |
| 192 treeElement.appendChild(sourceTreeElement); | 192 treeElement.appendChild(sourceTreeElement); |
| 193 } | 193 } |
| 194 | 194 |
| 195 /** | 195 /** |
| 196 * @param {string} title | 196 * @param {string} title |
| 197 * @param {?Array.<!SDK.NetworkRequest.NameValue>} params | 197 * @param {?Array.<!SDK.NetworkRequest.NameValue>} params |
| 198 * @param {?string} sourceText | 198 * @param {?string} sourceText |
| 199 * @param {!TreeElement} paramsTreeElement | 199 * @param {!UI.TreeElement} paramsTreeElement |
| 200 */ | 200 */ |
| 201 _refreshParams(title, params, sourceText, paramsTreeElement) { | 201 _refreshParams(title, params, sourceText, paramsTreeElement) { |
| 202 paramsTreeElement.removeChildren(); | 202 paramsTreeElement.removeChildren(); |
| 203 | 203 |
| 204 paramsTreeElement.listItemElement.removeChildren(); | 204 paramsTreeElement.listItemElement.removeChildren(); |
| 205 paramsTreeElement.listItemElement.createTextChild(title); | 205 paramsTreeElement.listItemElement.createTextChild(title); |
| 206 | 206 |
| 207 var headerCount = createElementWithClass('span', 'header-count'); | 207 var headerCount = createElementWithClass('span', 'header-count'); |
| 208 headerCount.textContent = Common.UIString('\u00A0(%d)', params.length); | 208 headerCount.textContent = Common.UIString('\u00A0(%d)', params.length); |
| 209 paramsTreeElement.listItemElement.appendChild(headerCount); | 209 paramsTreeElement.listItemElement.appendChild(headerCount); |
| (...skipping 27 matching lines...) Expand all Loading... |
| 237 if (params[i].name !== '') { | 237 if (params[i].name !== '') { |
| 238 var name = this._formatParameter(params[i].name + ':', 'header-name', th
is._decodeRequestParameters); | 238 var name = this._formatParameter(params[i].name + ':', 'header-name', th
is._decodeRequestParameters); |
| 239 var value = this._formatParameter(params[i].value, 'header-value source-
code', this._decodeRequestParameters); | 239 var value = this._formatParameter(params[i].value, 'header-value source-
code', this._decodeRequestParameters); |
| 240 paramNameValue.appendChild(name); | 240 paramNameValue.appendChild(name); |
| 241 paramNameValue.appendChild(value); | 241 paramNameValue.appendChild(value); |
| 242 } else { | 242 } else { |
| 243 paramNameValue.appendChild( | 243 paramNameValue.appendChild( |
| 244 this._formatParameter(Common.UIString('(empty)'), 'empty-request-hea
der', this._decodeRequestParameters)); | 244 this._formatParameter(Common.UIString('(empty)'), 'empty-request-hea
der', this._decodeRequestParameters)); |
| 245 } | 245 } |
| 246 | 246 |
| 247 var paramTreeElement = new TreeElement(paramNameValue); | 247 var paramTreeElement = new UI.TreeElement(paramNameValue); |
| 248 paramTreeElement.selectable = false; | 248 paramTreeElement.selectable = false; |
| 249 paramsTreeElement.appendChild(paramTreeElement); | 249 paramsTreeElement.appendChild(paramTreeElement); |
| 250 } | 250 } |
| 251 } | 251 } |
| 252 | 252 |
| 253 /** | 253 /** |
| 254 * @param {*} parsedObject | 254 * @param {*} parsedObject |
| 255 * @param {string} sourceText | 255 * @param {string} sourceText |
| 256 */ | 256 */ |
| 257 _refreshRequestJSONPayload(parsedObject, sourceText) { | 257 _refreshRequestJSONPayload(parsedObject, sourceText) { |
| (...skipping 15 matching lines...) Expand all Loading... |
| 273 } | 273 } |
| 274 | 274 |
| 275 listItem.appendChild(this._createViewSourceToggle(treeElement._viewSource, t
oggleViewSource.bind(this))); | 275 listItem.appendChild(this._createViewSourceToggle(treeElement._viewSource, t
oggleViewSource.bind(this))); |
| 276 if (treeElement._viewSource) { | 276 if (treeElement._viewSource) { |
| 277 this._populateTreeElementWithSourceText(this._requestPayloadCategory, sour
ceText); | 277 this._populateTreeElementWithSourceText(this._requestPayloadCategory, sour
ceText); |
| 278 } else { | 278 } else { |
| 279 var object = SDK.RemoteObject.fromLocalObject(parsedObject); | 279 var object = SDK.RemoteObject.fromLocalObject(parsedObject); |
| 280 var section = new Components.ObjectPropertiesSection(object, object.descri
ption); | 280 var section = new Components.ObjectPropertiesSection(object, object.descri
ption); |
| 281 section.expand(); | 281 section.expand(); |
| 282 section.editable = false; | 282 section.editable = false; |
| 283 treeElement.appendChild(new TreeElement(section.element)); | 283 treeElement.appendChild(new UI.TreeElement(section.element)); |
| 284 } | 284 } |
| 285 } | 285 } |
| 286 | 286 |
| 287 /** | 287 /** |
| 288 * @param {boolean} viewSource | 288 * @param {boolean} viewSource |
| 289 * @param {function(!Event)} handler | 289 * @param {function(!Event)} handler |
| 290 * @return {!Element} | 290 * @return {!Element} |
| 291 */ | 291 */ |
| 292 _createViewSourceToggle(viewSource, handler) { | 292 _createViewSourceToggle(viewSource, handler) { |
| 293 var viewSourceToggleTitle = viewSource ? Common.UIString('view parsed') : Co
mmon.UIString('view source'); | 293 var viewSourceToggleTitle = viewSource ? Common.UIString('view parsed') : Co
mmon.UIString('view source'); |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 380 statusTextElement.classList.add('status-from-cache'); | 380 statusTextElement.classList.add('status-from-cache'); |
| 381 } | 381 } |
| 382 statusTextElement.textContent = statusText; | 382 statusTextElement.textContent = statusText; |
| 383 | 383 |
| 384 statusCodeElement.title = statusCodeFragment; | 384 statusCodeElement.title = statusCodeFragment; |
| 385 } | 385 } |
| 386 } | 386 } |
| 387 | 387 |
| 388 /** | 388 /** |
| 389 * @param {string} title | 389 * @param {string} title |
| 390 * @param {!TreeElement} headersTreeElement | 390 * @param {!UI.TreeElement} headersTreeElement |
| 391 * @param {number} headersLength | 391 * @param {number} headersLength |
| 392 */ | 392 */ |
| 393 _refreshHeadersTitle(title, headersTreeElement, headersLength) { | 393 _refreshHeadersTitle(title, headersTreeElement, headersLength) { |
| 394 headersTreeElement.listItemElement.removeChildren(); | 394 headersTreeElement.listItemElement.removeChildren(); |
| 395 headersTreeElement.listItemElement.createTextChild(title); | 395 headersTreeElement.listItemElement.createTextChild(title); |
| 396 | 396 |
| 397 var headerCount = Common.UIString('\u00A0(%d)', headersLength); | 397 var headerCount = Common.UIString('\u00A0(%d)', headersLength); |
| 398 headersTreeElement.listItemElement.createChild('span', 'header-count').textC
ontent = headerCount; | 398 headersTreeElement.listItemElement.createChild('span', 'header-count').textC
ontent = headerCount; |
| 399 } | 399 } |
| 400 | 400 |
| 401 /** | 401 /** |
| 402 * @param {string} title | 402 * @param {string} title |
| 403 * @param {!Array.<!SDK.NetworkRequest.NameValue>} headers | 403 * @param {!Array.<!SDK.NetworkRequest.NameValue>} headers |
| 404 * @param {!TreeElement} headersTreeElement | 404 * @param {!UI.TreeElement} headersTreeElement |
| 405 * @param {boolean=} provisionalHeaders | 405 * @param {boolean=} provisionalHeaders |
| 406 */ | 406 */ |
| 407 _refreshHeaders(title, headers, headersTreeElement, provisionalHeaders) { | 407 _refreshHeaders(title, headers, headersTreeElement, provisionalHeaders) { |
| 408 headersTreeElement.removeChildren(); | 408 headersTreeElement.removeChildren(); |
| 409 | 409 |
| 410 var length = headers.length; | 410 var length = headers.length; |
| 411 this._refreshHeadersTitle(title, headersTreeElement, length); | 411 this._refreshHeadersTitle(title, headersTreeElement, length); |
| 412 | 412 |
| 413 if (provisionalHeaders) { | 413 if (provisionalHeaders) { |
| 414 var cautionText = Common.UIString('Provisional headers are shown'); | 414 var cautionText = Common.UIString('Provisional headers are shown'); |
| 415 var cautionFragment = createDocumentFragment(); | 415 var cautionFragment = createDocumentFragment(); |
| 416 cautionFragment.createChild('label', '', 'dt-icon-label').type = 'smallico
n-warning'; | 416 cautionFragment.createChild('label', '', 'dt-icon-label').type = 'smallico
n-warning'; |
| 417 cautionFragment.createChild('div', 'caution').textContent = cautionText; | 417 cautionFragment.createChild('div', 'caution').textContent = cautionText; |
| 418 var cautionTreeElement = new TreeElement(cautionFragment); | 418 var cautionTreeElement = new UI.TreeElement(cautionFragment); |
| 419 cautionTreeElement.selectable = false; | 419 cautionTreeElement.selectable = false; |
| 420 headersTreeElement.appendChild(cautionTreeElement); | 420 headersTreeElement.appendChild(cautionTreeElement); |
| 421 } | 421 } |
| 422 | 422 |
| 423 headersTreeElement.hidden = !length && !provisionalHeaders; | 423 headersTreeElement.hidden = !length && !provisionalHeaders; |
| 424 for (var i = 0; i < length; ++i) { | 424 for (var i = 0; i < length; ++i) { |
| 425 var headerTreeElement = new TreeElement(this._formatHeader(headers[i].name
, headers[i].value)); | 425 var headerTreeElement = new UI.TreeElement(this._formatHeader(headers[i].n
ame, headers[i].value)); |
| 426 headerTreeElement.selectable = false; | 426 headerTreeElement.selectable = false; |
| 427 headersTreeElement.appendChild(headerTreeElement); | 427 headersTreeElement.appendChild(headerTreeElement); |
| 428 } | 428 } |
| 429 } | 429 } |
| 430 | 430 |
| 431 /** | 431 /** |
| 432 * @param {string} title | 432 * @param {string} title |
| 433 * @param {number} count | 433 * @param {number} count |
| 434 * @param {string} headersText | 434 * @param {string} headersText |
| 435 * @param {!TreeElement} headersTreeElement | 435 * @param {!UI.TreeElement} headersTreeElement |
| 436 */ | 436 */ |
| 437 _refreshHeadersText(title, count, headersText, headersTreeElement) { | 437 _refreshHeadersText(title, count, headersText, headersTreeElement) { |
| 438 this._populateTreeElementWithSourceText(headersTreeElement, headersText); | 438 this._populateTreeElementWithSourceText(headersTreeElement, headersText); |
| 439 this._refreshHeadersTitle(title, headersTreeElement, count); | 439 this._refreshHeadersTitle(title, headersTreeElement, count); |
| 440 } | 440 } |
| 441 | 441 |
| 442 _refreshRemoteAddress() { | 442 _refreshRemoteAddress() { |
| 443 var remoteAddress = this._request.remoteAddress(); | 443 var remoteAddress = this._request.remoteAddress(); |
| 444 var treeElement = this._remoteAddressItem; | 444 var treeElement = this._remoteAddressItem; |
| 445 treeElement.hidden = !remoteAddress; | 445 treeElement.hidden = !remoteAddress; |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 481 */ | 481 */ |
| 482 _createHeadersToggleButton(isHeadersTextShown) { | 482 _createHeadersToggleButton(isHeadersTextShown) { |
| 483 var toggleTitle = isHeadersTextShown ? Common.UIString('view parsed') : Comm
on.UIString('view source'); | 483 var toggleTitle = isHeadersTextShown ? Common.UIString('view parsed') : Comm
on.UIString('view source'); |
| 484 return this._createToggleButton(toggleTitle); | 484 return this._createToggleButton(toggleTitle); |
| 485 } | 485 } |
| 486 }; | 486 }; |
| 487 | 487 |
| 488 /** | 488 /** |
| 489 * @unrestricted | 489 * @unrestricted |
| 490 */ | 490 */ |
| 491 Network.RequestHeadersView.Category = class extends TreeElement { | 491 Network.RequestHeadersView.Category = class extends UI.TreeElement { |
| 492 /** | 492 /** |
| 493 * @param {!TreeOutline} root | 493 * @param {!UI.TreeOutline} root |
| 494 * @param {string} name | 494 * @param {string} name |
| 495 * @param {string=} title | 495 * @param {string=} title |
| 496 */ | 496 */ |
| 497 constructor(root, name, title) { | 497 constructor(root, name, title) { |
| 498 super(title || '', true); | 498 super(title || '', true); |
| 499 this.selectable = false; | 499 this.selectable = false; |
| 500 this.toggleOnClick = true; | 500 this.toggleOnClick = true; |
| 501 this.hidden = true; | 501 this.hidden = true; |
| 502 this._expandedSetting = Common.settings.createSetting('request-info-' + name
+ '-category-expanded', true); | 502 this._expandedSetting = Common.settings.createSetting('request-info-' + name
+ '-category-expanded', true); |
| 503 this.expanded = this._expandedSetting.get(); | 503 this.expanded = this._expandedSetting.get(); |
| 504 root.appendChild(this); | 504 root.appendChild(this); |
| 505 } | 505 } |
| 506 | 506 |
| 507 /** | 507 /** |
| 508 * @return {!TreeElement} | 508 * @return {!UI.TreeElement} |
| 509 */ | 509 */ |
| 510 createLeaf() { | 510 createLeaf() { |
| 511 var leaf = new TreeElement(); | 511 var leaf = new UI.TreeElement(); |
| 512 leaf.selectable = false; | 512 leaf.selectable = false; |
| 513 this.appendChild(leaf); | 513 this.appendChild(leaf); |
| 514 return leaf; | 514 return leaf; |
| 515 } | 515 } |
| 516 | 516 |
| 517 /** | 517 /** |
| 518 * @override | 518 * @override |
| 519 */ | 519 */ |
| 520 onexpand() { | 520 onexpand() { |
| 521 this._expandedSetting.set(true); | 521 this._expandedSetting.set(true); |
| 522 } | 522 } |
| 523 | 523 |
| 524 /** | 524 /** |
| 525 * @override | 525 * @override |
| 526 */ | 526 */ |
| 527 oncollapse() { | 527 oncollapse() { |
| 528 this._expandedSetting.set(false); | 528 this._expandedSetting.set(false); |
| 529 } | 529 } |
| 530 }; | 530 }; |
| OLD | NEW |