[MD settings] side nav ink ripple on click

chrome/browser/resources/settings/settings_menu/settings_menu.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview
  * 'settings-menu' shows a menu with a hardcoded set of pages and subpages.
  */
 Polymer({
   is: 'settings-menu',
@@ skipping 45 matching lines @@
     } else if (newRoute.page == 'basic') {
       this.$.advancedMenu.selected = null;
       this.$.basicMenu.selected = this.currentRoute.section;
     } else {
       this.$.advancedMenu.selected = null;
       this.$.basicMenu.selected = null;
     }
   },
 
   /**
    * @param {!Event} event

[Dan Beam, 2016/06/28 23:59:43]

this should be target

[dschuyler, 2016/07/06 21:05:33]

Done.

    * @private
    */
+  ripple_: function(target) {
+    var ripple = document.createElement('paper-ripple');
+    ripple.addEventListener('transitionend', function() {
+      Polymer.dom(target).removeChild(ripple);
+    });
+    Polymer.dom(target).appendChild(ripple);
+    ripple.downAction();
+    ripple.upAction();
+  },
+
+  /** @private */
   openPage_: function(event) {

[Dan Beam, 2016/06/28 23:59:43]

document |event|

[dschuyler, 2016/07/06 21:05:33]

Done.

+    this.ripple_(event.currentTarget);
     var submenuRoute = event.currentTarget.parentNode.dataset.page;
     if (submenuRoute) {
       this.currentRoute = {
         page: submenuRoute,
         section: event.currentTarget.dataset.section,
         subpage: [],
       };
     }
   },
 
   /**
    * @param {boolean} opened Whether the menu is expanded.
    * @return {string} Which icon to use.
    * @private
    * */
   arrowState_: function(opened) {
     return opened ? 'settings:arrow-drop-up' : 'cr:arrow-drop-down';
   },
 });