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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/sources/AdvancedSearchView.js

Issue 2776263006: [DevTools] Migrate checkbox label to a proper web component (Closed)
Patch Set: Created 3 years, 8 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 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 /** 4 /**
5 * @unrestricted 5 * @unrestricted
6 */ 6 */
7 Sources.AdvancedSearchView = class extends UI.VBox { 7 Sources.AdvancedSearchView = class extends UI.VBox {
8 constructor() { 8 constructor() {
9 super(true); 9 super(true);
10 this.setMinimumSize(0, 40); 10 this.setMinimumSize(0, 40);
(...skipping 20 matching lines...) Expand all
31 31
32 var searchIcon = UI.Icon.create('mediumicon-search', 'search-icon'); 32 var searchIcon = UI.Icon.create('mediumicon-search', 'search-icon');
33 this._searchPanelElement.appendChild(searchIcon); 33 this._searchPanelElement.appendChild(searchIcon);
34 34
35 this._searchInputClearElement = UI.Icon.create('mediumicon-gray-cross-hover' , 'search-cancel-button'); 35 this._searchInputClearElement = UI.Icon.create('mediumicon-gray-cross-hover' , 'search-cancel-button');
36 this._searchInputClearElement.classList.add('hidden'); 36 this._searchInputClearElement.classList.add('hidden');
37 this._searchInputClearElement.addEventListener('click', this._onSearchInputC lear.bind(this), false); 37 this._searchInputClearElement.addEventListener('click', this._onSearchInputC lear.bind(this), false);
38 var cancelButtonContainer = this._searchPanelElement.createChild('div', 'sea rch-cancel-button-container'); 38 var cancelButtonContainer = this._searchPanelElement.createChild('div', 'sea rch-cancel-button-container');
39 cancelButtonContainer.appendChild(this._searchInputClearElement); 39 cancelButtonContainer.appendChild(this._searchInputClearElement);
40 40
41 this._ignoreCaseLabel = UI.createCheckboxLabel(Common.UIString('Ignore case' )); 41 this._ignoreCaseLabel = UI.CheckboxLabel.create(Common.UIString('Ignore case '));
42 this._ignoreCaseLabel.classList.add('search-config-label'); 42 this._ignoreCaseLabel.classList.add('search-config-label');
43 this._searchPanelElement.appendChild(this._ignoreCaseLabel); 43 this._searchPanelElement.appendChild(this._ignoreCaseLabel);
44 this._ignoreCaseCheckbox = this._ignoreCaseLabel.checkboxElement; 44 this._ignoreCaseCheckbox = this._ignoreCaseLabel.checkboxElement;
45 this._ignoreCaseCheckbox.classList.add('search-config-checkbox'); 45 this._ignoreCaseCheckbox.classList.add('search-config-checkbox');
46 46
47 this._regexLabel = UI.createCheckboxLabel(Common.UIString('Regular expressio n')); 47 this._regexLabel = UI.CheckboxLabel.create(Common.UIString('Regular expressi on'));
48 this._regexLabel.classList.add('search-config-label'); 48 this._regexLabel.classList.add('search-config-label');
49 this._searchPanelElement.appendChild(this._regexLabel); 49 this._searchPanelElement.appendChild(this._regexLabel);
50 this._regexCheckbox = this._regexLabel.checkboxElement; 50 this._regexCheckbox = this._regexLabel.checkboxElement;
51 this._regexCheckbox.classList.add('search-config-checkbox'); 51 this._regexCheckbox.classList.add('search-config-checkbox');
52 52
53 this._searchToolbarElement = this.contentElement.createChild('div', 'search- toolbar-summary'); 53 this._searchToolbarElement = this.contentElement.createChild('div', 'search- toolbar-summary');
54 this._searchMessageElement = this._searchToolbarElement.createChild('div', ' search-message'); 54 this._searchMessageElement = this._searchToolbarElement.createChild('div', ' search-message');
55 this._searchProgressPlaceholderElement = this._searchToolbarElement.createCh ild('div', 'flex-centered'); 55 this._searchProgressPlaceholderElement = this._searchToolbarElement.createCh ild('div', 'flex-centered');
56 this._searchResultsMessageElement = this._searchToolbarElement.createChild(' div', 'search-message'); 56 this._searchResultsMessageElement = this._searchToolbarElement.createChild(' div', 'search-message');
57 57
(...skipping 372 matching lines...) Expand 10 before | Expand all | Expand 10 after
430 */ 430 */
431 performSearch(searchConfig, progress, searchResultCallback, searchFinishedCall back) {}, 431 performSearch(searchConfig, progress, searchResultCallback, searchFinishedCall back) {},
432 432
433 /** 433 /**
434 * @param {!Common.Progress} progress 434 * @param {!Common.Progress} progress
435 */ 435 */
436 performIndexing(progress) {}, 436 performIndexing(progress) {},
437 437
438 stopSearch() {} 438 stopSearch() {}
439 }; 439 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698