[Extensions UI] Update extensions page to use api methods for permissions prompt

chrome/browser/resources/extensions/extension_list.js

 // Copyright (c) 2012 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.
 
 <include src="extension_error.js">
 
 ///////////////////////////////////////////////////////////////////////////////
 // ExtensionFocusRow:
 
 /**
@@ skipping 154 matching lines @@
      * @private
      */
     optionsShown_: false,
 
     /** @private {!cr.ui.FocusGrid} */
     focusGrid_: new cr.ui.FocusGrid(),
 
     /**
      * Indicates whether an uninstall dialog is being shown to prevent multiple
      * dialogs from being displayed.
-     * @type {boolean}
-     * @private
+     * @private {boolean}
      */
     uninstallIsShowing_: false,
 
     /**
+     * Indicates whether a permissions prompt is showing.
+     * @private {boolean}
+     */
+    permissionsPromptIsShowing_: false,
+
+    /**
      * Necessary to only show the butterbar once.
      * @private {boolean}
      */
     butterbarShown_: false,
 
     decorate: function() {
       chrome.developerPrivate.getExtensionsInfo(
           {includeDisabled: true, includeTerminated: true},
           function(extensions) {
         // Sort in order of unpacked vs. packed, followed by name, followed by
@@ skipping 177 matching lines @@
       row.setupColumn('.options-button', 'options', 'click', function(e) {
         this.showEmbeddedExtensionOptions_(extension.id, false);
         e.preventDefault();
       }.bind(this));
 
       // The 'View in Web Store/View Web Site' link.
       row.querySelector('.site-link').setAttribute('column-type', 'website');
 
       // The 'Permissions' link.
       row.setupColumn('.permissions-link', 'details', 'click', function(e) {
-        chrome.send('extensionSettingsPermissions', [extension.id]);
+        if (!this.permissionsPromptIsShowing_) {
+          chrome.developerPrivate.showPermissionsDialog(extension.id,
+                                                        function() {
+            this.permissionsPromptIsShowing_ = false;
+          }.bind(this));
+          this.permissionsPromptIsShowing_ = true;
+        }
         e.preventDefault();
       });
 
       // The 'Reload' link.
       row.setupColumn('.reload-link', 'localReload', 'click', function(e) {
         chrome.developerPrivate.reload(extension.id, {failQuietly: true});
         extensionReloadedTimestamp[extension.id] = Date.now();
       });
 
       // The 'Launch' link.
@@ skipping 514 matching lines @@
       // TODO(dbeam): why do we need to focus <extensionoptions> before and
       // after its showing animation? Makes very little sense to me.
       overlay.setInitialFocus();
     },
   };
 
   return {
     ExtensionList: ExtensionList
   };
 });