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

chrome/browser/resources/md_extensions/detail_view.js

Index: chrome/browser/resources/md_extensions/detail_view.js
diff --git a/chrome/browser/resources/md_extensions/detail_view.js b/chrome/browser/resources/md_extensions/detail_view.js
new file mode 100644
index 0000000000000000000000000000000000000000..50816a786149da06a6ded2f8aecd70c1ac099bac
--- /dev/null
+++ b/chrome/browser/resources/md_extensions/detail_view.js
@@ -0,0 +1,65 @@
+// Copyright 2016 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.
+
+cr.define('extensions', function() {
+  'use strict';
+
+  var DetailView = Polymer({
+    is: 'extensions-detail-view',
+
+    behaviors: [Polymer.NeonAnimatableBehavior, I18nBehavior],

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

I'm getting closure warnings about NeonAnimatableBehavior (here and in
item_list.js):
ERROR - Behaviors must be global, fully qualified names which are declared as
object literals or array literals of other valid Behaviors.
##     behaviors: [Polymer.NeonAnimatableBehavior, I18nBehavior],
ERROR - Property NeonAnimatableBehavior never defined on Polymer
##     behaviors: [Polymer.NeonAnimatableBehavior, I18nBehavior],

The behavior files are included, so I'm a little confused.

+
+    properties: {
+      animationConfig: {
+        type: Object,
+        /** @suppress {checkTypes} Compiler doesn't recognize this.$.main. */

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

:(

+        value: function() {
+          return {
+            entry: [{
+              name: 'hero-animation',
+              id: 'hero',
+              toPage: this
+            }],
+            exit: [{
+              name: 'scale-down-animation',
+              node: this.$.main,
+              transformOrigin: '50% 50%',
+              axis: 'y'
+            }],
+          };
+        },
+      },
+
+      /**
+       * The underlying ExtensionInfo for the details being displayed.
+       * @type {chrome.developerPrivate.ExtensionInfo}
+       */
+      data: {
+        type: Object,
+      }
+    },
+
+    ready: function() {
+      this.sharedElements = {hero: this.$.main};
+    },
+
+    /** @private */
+    onCloseButtonClick_: function() {
+      this.fire('close');
+    },
+
+    /** @private */
+    hasDependentExtensions_: function() {
+      return this.data.dependentExtensions.length > 0;
+    },
+
+    /** @private */
+    computeOptionsSectionShown_: function() {
+      // TODO(devlin): Also include run on all urls, file access, etc.
+      return this.data.incognitoAccess.isEnabled;
+    },
+  });
+
+  return {DetailView: DetailView};
+});