Show an extension info bubble when a script badge is clicked.

chrome/browser/resources/extensions/extension_info.js

Index: chrome/browser/resources/extensions/extension_info.js
diff --git a/chrome/browser/resources/extensions/extension_info.js b/chrome/browser/resources/extensions/extension_info.js
new file mode 100644
index 0000000000000000000000000000000000000000..5560b3d6aa95538a3e7d995bfc5696efa614330e
--- /dev/null
+++ b/chrome/browser/resources/extensions/extension_info.js
@@ -0,0 +1,32 @@
+// 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.
+
+cr.define('extension_info', function() {
+  'use strict';
+
+  /**
+   * Object for accessing localized strings.
+   * @type {!LocalStrings}
+   */
+  function load() {
+    var extensionId = location.pathname.substr(1);
+    if (extensionId)
+      chrome.send('requestExtensionInfo', [extensionId]);

[Evan Stade, 2012/06/19 23:50:02]

this will cause flicker. Instead of loading the page, then requesting data, you
should pre-load the data via loadTimeData (see 'strings.js')

[Yoyo Zhou, 2012/06/20 00:24:29]

Sorry, but I haven't been able to find any examples of pre-loading data like
this, where it depends on a parameter passed to the WebUI controller. After all,
it doesn't seem like the ExtensionInfoUI constructor would be an appropriate
place for it.

[Evan Stade, 2012/06/20 02:00:07]

You can take advantage of the fact that only one should exist at a time: keep
the correct extension id in a static std::string

+  }
+
+  function handleExtensionInfo(extension) {

[Evan Stade, 2012/06/19 23:50:02]

docs

[Yoyo Zhou, 2012/06/20 00:24:29]

Added.

+    $('extension-item').style.backgroundImage = 'url(' + extension.icon + ')';
+    $('extension-title-running').textContent =
+        loadTimeData.getStringF('isRunning', extension.name);
+    $('extension-update-time').textContent = extension.install_time;
+    $('extension-description').textContent = extension.description;
+  }
+
+  return {
+    load: load,
+    handleExtensionInfo: handleExtensionInfo
+  };
+});
+
+window.addEventListener('DOMContentLoaded', extension_info.load);