[MD Extensions] Add a details subpage, move to one list

chrome/browser/resources/md_extensions/item_list.js

Index: chrome/browser/resources/md_extensions/item_list.js
diff --git a/chrome/browser/resources/md_extensions/item_list.js b/chrome/browser/resources/md_extensions/item_list.js
index 2e6d9c3257d132c6d0ced6005adc3f1d862da7d7..35bfbc5f82af4fcc652535b936aa5c6e74a694bd 100644
--- a/chrome/browser/resources/md_extensions/item_list.js
+++ b/chrome/browser/resources/md_extensions/item_list.js
@@ -6,7 +6,25 @@ cr.define('extensions', function() {
   var ItemList = Polymer({
     is: 'extensions-item-list',
 
+    behaviors: [
+      Polymer.NeonAnimatableBehavior,
+      Polymer.IronResizableBehavior
+    ],
+
     properties: {
+      animationConfig: {
+        type: Object,
+        value: function() {
+          return {
+            exit: [{
+              name: 'hero-animation',
+              id: 'hero',
+              fromPage: this,
+            }],
+          };
+        },
+      },
+
       /** @type {Array<!chrome.developerPrivate.ExtensionInfo>} */
       items: Array,
 
@@ -25,6 +43,7 @@ cr.define('extensions', function() {
 
     listeners: {
       'list.extension-item-size-changed': 'itemSizeChanged_',
+      'list.extension-item-will-show-details': 'itemWillShowDetails_',
     },
 
     /**
@@ -37,6 +56,10 @@ cr.define('extensions', function() {
       this.$.list.updateSizeForItem(e.detail.item);
     },
 

[Dan Beam, 2016/04/26 01:32:12]

doc

[Devlin, 2016/04/26 17:24:18]

Done.

+    itemWillShowDetails_: function(e) {
+      this.sharedElements = { hero: e.detail.element };

[Dan Beam, 2016/04/26 01:32:12]

no spaces around braces

[Devlin, 2016/04/26 17:24:18]

Done.

+    },
+
     /**
      * Computes the list of items to be shown.
      * @param {Object} changeRecord The changeRecord for |items|.