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

Side by Side Diff: ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.js

Issue 1406023003: Elim cr_elements/v1_0 subdirectory (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 5 years, 2 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
(Empty)
1 // Copyright 2015 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file.
4
5 /** @interface */
6 var SearchFieldDelegate = function() {};
7
8 SearchFieldDelegate.prototype = {
9 /**
10 * @param {string} value
11 */
12 onSearchTermSearch: assertNotReached,
13 };
14
15 var SearchField = Polymer({
16 is: 'cr-search-field',
17
18 properties: {
19 label: {
20 type: String,
21 value: '',
22 },
23
24 clearLabel: {
25 type: String,
26 value: '',
27 },
28
29 showingSearch_: {
30 type: Boolean,
31 value: false,
32 },
33 },
34
35 /** @param {SearchFieldDelegate} delegate */
36 setDelegate: function(delegate) {
37 this.delegate_ = delegate;
38 },
39
40 /**
41 * Returns the value of the search field.
42 * @return {string}
43 */
44 getValue: function() {
45 var searchInput = this.$$('#search-input');
46 return searchInput ? searchInput.value : '';
47 },
48
49 /** @private */
50 onSearchTermSearch_: function() {
51 if (this.delegate_)
52 this.delegate_.onSearchTermSearch(this.getValue());
53 },
54
55 /** @private */
56 onSearchTermKeydown_: function(e) {
57 assert(this.showingSearch_);
58 if (e.keyIdentifier == 'U+001B') // Escape.
59 this.toggleShowingSearch_();
60 },
61
62 /** @private */
63 toggleShowingSearch_: function() {
64 this.showingSearch_ = !this.showingSearch_;
65 this.async(function() {
66 var searchInput = this.$$('#search-input');
67 if (this.showingSearch_) {
68 searchInput.focus();
69 } else {
70 searchInput.value = '';
71 this.onSearchTermSearch_();
72 }
73 });
74 },
75 });
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698