Implementation of the Extension Activity Log UI behind a flag.

chrome/browser/resources/extensions/extension_activity.js

Index: chrome/browser/resources/extensions/extension_activity.js
diff --git a/chrome/browser/resources/extensions/extension_activity.js b/chrome/browser/resources/extensions/extension_activity.js
new file mode 100644
index 0000000000000000000000000000000000000000..c384660fdd57f5db0446d5738c60ced87a91b60e
--- /dev/null
+++ b/chrome/browser/resources/extensions/extension_activity.js
@@ -0,0 +1,50 @@
+// 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_activity', function() {
+  'use strict';
+
+  function initialize() {
+    i18nTemplate.process(document, templateData);
+
+    var params = parseQueryParams(location);
+    if (params.extensionId)
+      chrome.send('requestExtensionData', [params.extensionId]);
+  }
+
+  function handleExtensionData(result) {
+    var extension = result.extension;
+
+    var item = document.querySelector('.extension-list-item');
+    item.style.backgroundImage = 'url(' + extension.icon + ')';
+    item.querySelector('.extension-title').textContent = extension.name;
+    item.querySelector('.extension-version').textContent = extension.version;
+    item.querySelector('.extension-description').textContent =
+        extension.description;
+  }
+
+  function handleExtensionActivity(result) {
+    var template = $('template-collection');
+
+    var item =
+        template.querySelector('.extension-activity-item').cloneNode(true);
+    item.querySelector('.extension-activity-time').textContent =
+        new Date().toLocaleTimeString();
+    item.querySelector('.extension-activity-label').textContent =
+        template.querySelector('.extension-activity-label-' + result.activity)
+            .textContent;
+    item.querySelector('.extension-activity-message').textContent =
+        result.message;
+
+    $('extension-activity-list').appendChild(item);
+  }
+
+  return {
+    initialize: initialize,
+    handleExtensionData: handleExtensionData,
+    handleExtensionActivity: handleExtensionActivity
+  };
+});
+
+document.addEventListener('DOMContentLoaded', extension_activity.initialize);