MD Settings: Certificate manager, move "Import" button to the tab level.

chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.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-certificate-manager-page' is the settings page
  * containing SSL certificate settings.
  */
 Polymer({
   is: 'settings-certificate-manager-page',
@@ skipping 85 matching lines @@
    * @return {boolean} Whether to show tab at |tabIndex|.
    * @private
    */
   isTabSelected_: function(selectedIndex, tabIndex) {
     return selectedIndex == tabIndex;
   },
 
   /** @override */
   ready: function() {
     this.addEventListener(settings.CertificateActionEvent, function(event) {
-      this.dialogModel_ = event.detail.subnode;
-      this.dialogModelCertificateType_ = event.detail.certificateType;
-      if (event.detail.action == settings.CertificateAction.EDIT) {
-        this.openDialog_(
-            'settings-ca-trust-edit-dialog',
-            'showCaTrustEditDialog_');
-      } else if (event.detail.action == settings.CertificateAction.DELETE) {
-        this.openDialog_(
-            'settings-certificate-delete-confirmation-dialog',
-            'showDeleteConfirmationDialog_');
-      } else if (event.detail.action ==
-          settings.CertificateAction.EXPORT_PERSONAL) {
-        this.openDialog_(
-            'settings-certificate-password-encryption-dialog',
-            'showPasswordEncryptionDialog_');
-      } else if (event.detail.action ==
-          settings.CertificateAction.IMPORT_PERSONAL) {
-        this.openDialog_(
-            'settings-certificate-password-decryption-dialog',
-            'showPasswordDecryptionDialog_');
-      } else if (event.detail.action == settings.CertificateAction.IMPORT_CA) {
-        // TODO(dpapad): Implement this.
+      if (event.detail.action == settings.CertificateAction.IMPORT) {
+        this.handleImportAction_(event.detail);
+      } else {
+        this.dialogModel_ = event.detail.subnode;
+        this.dialogModelCertificateType_ = event.detail.certificateType;
+        if (event.detail.action == settings.CertificateAction.EDIT) {
+          this.openDialog_(
+              'settings-ca-trust-edit-dialog',
+              'showCaTrustEditDialog_');
+        } else if (event.detail.action == settings.CertificateAction.DELETE) {
+          this.openDialog_(
+              'settings-certificate-delete-confirmation-dialog',
+              'showDeleteConfirmationDialog_');
+        } else if (event.detail.action ==
+            settings.CertificateAction.EXPORT_PERSONAL) {
+          this.openDialog_(
+              'settings-certificate-password-encryption-dialog',
+              'showPasswordEncryptionDialog_');
+        }
       }
+
+      event.stopPropagation();
+    }.bind(this));
+
+    this.addEventListener('certificates-error', function(event) {
+      this.errorDialogModel_ = event.detail;
+      this.openDialog_(
+          'settings-certificates-error-dialog',
+          'showErrorDialog_');
       event.stopPropagation();
     }.bind(this));
   },
 
   /**
-   * Opens a dialog and registers listeners for
-   *  1) Removing the dialog from the DOM once is closed.
-   *  2) Showing an error dialog if necessary.
-   * The listeners are destroyed when the dialog is removed (because of
-   * 'restamp');
+   * Handles a |CertificateAction.IMPORT| for cases where a dialog needs to be
+   * displayed to the user.
+   * @param {!CertificateActionEventDetail} eventdetail
+   * @private
+   */
+  handleImportAction_: function(actionEvent) {
+    if (actionEvent.certificateType == settings.CertificateType.PERSONAL) {
+      this.openDialog_(
+          'settings-certificate-password-decryption-dialog',
+          'showPasswordDecryptionDialog_');
+    } else if (actionEvent.certificateType == settings.CertificateType.CA) {
+      // TODO(dpapad): Implement this.
+    }
+  },
+
+  /**
+   * Opens a dialog and registers a listener for removing the dialog from the
+   * DOM once is closed. The listener is destroyed when the dialog is removed
+   * (because of 'restamp').
    *
    * @param {string} dialogTagName The tag name of the dialog to be shown.
    * @param {string} domIfBooleanName The name of the boolean variable
    *     corresponding to the dialog.
    * @private
    */
   openDialog_: function(dialogTagName, domIfBooleanName) {
     this.set(domIfBooleanName, true);
     this.async(function() {
       var dialog = this.$$(dialogTagName);
       dialog.addEventListener('iron-overlay-closed', function() {
         this.set(domIfBooleanName, false);
       }.bind(this));
-      dialog.addEventListener('certificates-error', function(event) {
-        this.errorDialogModel_ = event.detail;
-        this.openDialog_(
-            'settings-certificates-error-dialog',
-            'showErrorDialog_');
-      }.bind(this));
     }.bind(this));
   },
 });