Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(159)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/network/RequestHeadersView.js

Issue 2604883002: DevTools: namespace globals (Closed)
Patch Set: address CL feedback Created 3 years, 12 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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
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
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 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698