Add export function to WebUI certificate viewer.

chrome/browser/resources/certificate_viewer.js

 // Copyright (c) 2011 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('cert_viewer', function() {
   'use strict';
 
   /**
    * Initialize the certificate viewer dialog by wiring up the close button,
    * substituting in translated strings and requesting certificate details.
    */
   function initialize() {
     $('close').onclick = function() {
       window.close();
     }
+    $('export').onclick = function() {

[Rick Byers, 2011/08/09 17:29:18]

Doesn't seem to be any value in using a lambda here, just do:
$('export').onclick = exportCertificate;

[flackr, 2011/08/09 18:25:15]

Done.

+      exportCertificate();
+    }
     cr.ui.decorate('tabbox', cr.ui.TabBox);
 
     initializeTree($('hierarchy'), showCertificateFields);
     initializeTree($('cert-fields'), showCertificateFieldValue);
 
     i18nTemplate.process(document, templateData);
     stripGtkAccessorKeys();
-    var args = JSON.parse(chrome.dialogArguments);
-    chrome.send('requestCertificateInfo', [args.cert]);
+    chrome.send('RequestCertificateInfo', ['']);

[Rick Byers, 2011/08/09 17:29:18]

can you just send an empty array for the args instead of an array with an empty
string?

[flackr, 2011/08/09 18:25:15]

Done.

   }
 
   /**
    * Initialize a cr.ui.Tree object from a given element using the specified
    * change handler.
    * @param {HTMLElement} tree The HTMLElement to style as a tree.
    * @param {function()} handler Function to call when a node is selected.
    */
   function initializeTree(tree, handler) {
     cr.ui.decorate(tree, cr.ui.Tree);
     tree.detail = {payload: {}, children: {}};
     tree.addEventListener('change', handler);
   }
 
   /**
    * The tab name strings in the languages file have accessor keys indicated
    * by a preceding & sign. Strip these out for now.
    * @TODO(flackr) These accessor keys could be implemented with Javascript or
    *     translated strings could be added / modified to remove the & sign.
    */
   function stripGtkAccessorKeys() {
-    var tabs = $('tabs').childNodes;
-    for (var i = 0; i < tabs.length; i++) {
-      tabs[i].textContent = tabs[i].textContent.replace('&','');
+    // Convert the NodeList to an array so that we can use concat.
+    var nodes = Array.prototype.slice.call($('tabs').childNodes, 0)
+        .concat([$('export')]);

[Rick Byers, 2011/08/09 17:29:18]

I'd suggest just using Array.push instead of Array.concat (no need to make
another copy).

[flackr, 2011/08/09 18:25:15]

Done.

+    for (var i = 0; i < nodes.length; i++) {
+      nodes[i].textContent = nodes[i].textContent.replace('&','');
     }
   }
 
   /**
    * Expand all nodes of the given tree object.
    * @param {cr.ui.Tree} tree The tree object to expand all nodes on.
    */
   function revealTree(tree) {
     tree.expanded = true;
     for (var key in tree.detail.children) {
@@ skipping 39 matching lines @@
     if (tree.children) {
       for (var i = 0; i < tree.children.length; i++) {
         treeItem.add(treeItem.detail.children[i] =
             constructTree(tree.children[i]));
       }
     }
     return treeItem;
   }
 
   /**
-   * Show certificate fields for the selected certificate in the hierarchy.
+   * Clear any previous certificate fields in the tree.
    */
-  function showCertificateFields() {
+  function clearCertificateFields() {
     var treeItem = $('cert-fields');
     for (var key in treeItem.detail.children) {
       treeItem.remove(treeItem.detail.children[key]);
       delete treeItem.detail.children[key];
     }
+  }
+
+  /**
+   * Request certificate fields for the selected certificate in the hierarchy.
+   */
+  function showCertificateFields() {
+    clearCertificateFields();
     var item = $('hierarchy').selectedItem;
-    if (item && item.detail.payload.fields) {
-      treeItem.add(treeItem.detail.children['root'] =
-          constructTree(item.detail.payload.fields[0]));
-      revealTree(treeItem);
+    if (item && item.detail.payload.index) {
+      chrome.send('RequestCertificateFields', [item.detail.payload.index]);
     }
   }
 
   /**
+   * Show the returned certificate fields for the selected certificate.
+   * @param {Object} certFields A dictionary containing the fields tree
+   *     structure.
+   */
+  function getCertificateFields(certFields) {
+    clearCertificateFields();
+    var treeItem = $('cert-fields');
+    treeItem.add(treeItem.detail.children['root'] =
+        constructTree(certFields[0]));
+    revealTree(treeItem);
+  }
+
+  /**
    * Show certificate field value for a selected certificate field.
    */
   function showCertificateFieldValue() {
     var item = $('cert-fields').selectedItem;
     if (item && item.detail.payload.val)
       $('cert-field-value').textContent = item.detail.payload.val;
     else
       $('cert-field-value').textContent = '';
   }
 
+  /**
+   * Export the selected certificate.
+   */
+  function exportCertificate() {
+    var item = $('hierarchy').selectedItem;
+    if (item && item.detail.payload.index)
+      chrome.send('ExportCertificate', [item.detail.payload.index]);
+  }
+
   return {
     initialize: initialize,
     getCertificateInfo: getCertificateInfo,
+    getCertificateFields: getCertificateFields,
   };
 });
 
 document.addEventListener('DOMContentLoaded', cert_viewer.initialize);