Index: ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js |
diff --git a/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js b/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js |
index 2dd61692875ae837a854754fb89cfd80c5b05612..8e9f3db4a8e379636f43f2d92999edcab1358a03 100644 |
--- a/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js |
+++ b/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js |
@@ -149,9 +149,9 @@ function FileManagerUI(providersModel, element, launchParam) { |
* @const |
*/ |
this.searchBox = new SearchBox( |
- this.element.querySelector('#search-box'), |
- this.element.querySelector('#search-button'), |
- this.element.querySelector('#no-search-results')); |
+ queryRequiredElement(this.element, '#search-box'), |
+ queryRequiredElement(this.element, '#search-button'), |
+ queryRequiredElement(this.element, '#no-search-results')); |
/** |
* Empty folder UI. |
@@ -177,6 +177,15 @@ function FileManagerUI(providersModel, element, launchParam) { |
'#sort-button', cr.ui.MenuButton); |
/** |
+ * Ripple effect of sort button. |
+ * @private {!FilesToggleRipple} |
+ * @const |
+ */ |
+ this.sortButtonToggleRipple = |
+ /** @type {!FilesToggleRipple} */ (queryRequiredElement( |
+ this.sortButton, 'files-toggle-ripple')); |
+ |
+ /** |
* The button to open gear menu. |
* @type {!cr.ui.MenuButton} |
* @const |
@@ -185,6 +194,15 @@ function FileManagerUI(providersModel, element, launchParam) { |
'#gear-button', cr.ui.MenuButton); |
/** |
+ * Ripple effect of gear button. |
+ * @type {!FilesToggleRipple} |
+ * @const |
+ */ |
+ this.gearButtonToggleRipple = |
+ /** @type {!FilesToggleRipple} */ (queryRequiredElement( |
+ this.gearButton, 'files-toggle-ripple')); |
+ |
+ /** |
* @type {!GearMenu} |
* @const |
*/ |