| OLD | NEW |
| 1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 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 /** | 5 /** |
| 6 * @fileoverview | 6 * @fileoverview |
| 7 * 'settings-subpage' shows a subpage beneath a subheader. The header contains | 7 * 'settings-subpage' shows a subpage beneath a subheader. The header contains |
| 8 * the subpage title, a search field and a back icon. | 8 * the subpage title, a search field and a back icon. |
| 9 */ | 9 */ |
| 10 | 10 |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 | 22 |
| 23 /** Setting a |searchLabel| will enable search. */ | 23 /** Setting a |searchLabel| will enable search. */ |
| 24 searchLabel: String, | 24 searchLabel: String, |
| 25 | 25 |
| 26 searchTerm: { | 26 searchTerm: { |
| 27 type: String, | 27 type: String, |
| 28 notify: true, | 28 notify: true, |
| 29 value: '', | 29 value: '', |
| 30 }, | 30 }, |
| 31 | 31 |
| 32 /** If true shows an active spinner at the end of the subpage header. */ |
| 33 showSpinner: { |
| 34 type: Boolean, |
| 35 value: false, |
| 36 }, |
| 37 |
| 32 /** | 38 /** |
| 33 * Indicates which element triggers this subpage. Used by the searching | 39 * Indicates which element triggers this subpage. Used by the searching |
| 34 * algorithm to show search bubbles. It is |null| for subpages that are | 40 * algorithm to show search bubbles. It is |null| for subpages that are |
| 35 * skipped during searching. | 41 * skipped during searching. |
| 36 * @type {?HTMLElement} | 42 * @type {?HTMLElement} |
| 37 */ | 43 */ |
| 38 associatedControl: { | 44 associatedControl: { |
| 39 type: Object, | 45 type: Object, |
| 40 value: null, | 46 value: null, |
| 41 }, | 47 }, |
| 42 }, | 48 }, |
| 43 | 49 |
| 44 /** @private */ | 50 /** @private */ |
| 45 onTapBack_: function() { | 51 onTapBack_: function() { |
| 46 settings.navigateToPreviousRoute(); | 52 settings.navigateToPreviousRoute(); |
| 47 }, | 53 }, |
| 48 | 54 |
| 49 /** @private */ | 55 /** @private */ |
| 50 onSearchChanged_: function(e) { | 56 onSearchChanged_: function(e) { |
| 51 this.searchTerm = e.detail; | 57 this.searchTerm = e.detail; |
| 52 }, | 58 }, |
| 53 }); | 59 }); |
| OLD | NEW |