[MD Extensions] Implement opening tab-style options pages

chrome/browser/resources/md_extensions/detail_view.js

 // 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',
 
@@ skipping 10 matching lines @@
       delegate: Object,
     },
 
     ready: function() {
       this.sharedElements = {hero: this.$.main};
       /** @type {!extensions.AnimationHelper} */
       this.animationHelper = new extensions.AnimationHelper(this, this.$.main);
     },
 
     /** @private */
-    onCloseButtonClick_: function() {
+    onCloseButtonTap_: function() {
       this.fire('close');
     },
 
     /**
      * @return {boolean}
      * @private
      */
     hasDependentExtensions_: function() {
       return this.data.dependentExtensions.length > 0;
     },
 
     /**
      * @return {boolean}
      * @private
      */
     hasPermissions_: function() {
       return this.data.permissions.length > 0;
     },
 
     /**
      * @return {boolean}
      * @private
      */
+    shouldShowOptionsButton_: function() {
+      return !!this.data.optionsPage;
+    },
+
+    /**
+     * @return {boolean}
+     * @private
+     */
     shouldShowOptionsSection_: function() {
       return this.data.incognitoAccess.isEnabled ||
              this.data.fileAccess.isEnabled ||
              this.data.runOnAllUrls.isEnabled ||
              this.data.errorCollection.isEnabled;
     },
 
     /** @private */
+    onOptionsButtonTap_: function() {
+      this.delegate.showItemOptionsPage(this.data.id);
+    },
+
+    /** @private */
     onAllowIncognitoChange_: function() {
       this.delegate.setItemAllowedIncognito(
           this.data.id, this.$$('#allow-incognito').checked);
     },
 
     /** @private */
     onAllowOnFileUrlsChange_: function() {
       this.delegate.setItemAllowedOnFileUrls(
           this.data.id, this.$$('#allow-on-file-urls').checked);
     },
@@ skipping 20 matching lines @@
 
     /** @private */
     computeSourceString_: function() {
       return extensions.getItemSourceString(
           extensions.getItemSource(this.data));
     }
   });
 
   return {DetailView: DetailView};
 });