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 |