First cut implementation of Components updater user interface. This interface will be accessible from chrome://components page.

BUG=257193
R=sorin,cpu,asargent,arv
TBR=jhawkins

Review URL: https://chromiumcodereview.appspot.com/22575009

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@218652 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 90 insertions, 0 deletions

diff --git a/chrome/browser/resources/components.js b/chrome/browser/resources/components.js
new file mode 100644
index 0000000..8753e31
--- /dev/null
+++ b/chrome/browser/resources/components.js
@@ -0,0 +1,90 @@
+// Copyright 2013 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.
+
+'use strict';
+
+/**
+ * Takes the |componentsData| input argument which represents data about the
+ * currently installed components and populates the html jstemplate with
+ * that data. It expects an object structure like the above.
+ * @param {Object} componentsData Detailed info about installed components.
+ *      Same expected format as returnComponentsData().
+ */
+function renderTemplate(componentsData) {
+  // This is the javascript code that processes the template:
+  var input = new JsEvalContext(componentsData);
+  var output = $('componentTemplate');
+  jstProcess(input, output);
+}
+
+/**
+ * Asks the C++ ComponentsDOMHandler to get details about the installed
+ * components.
+ * The ComponentsDOMHandler should reply to returnComponentsData() (below).
+ */
+function requestComponentsData() {
+  chrome.send('requestComponentsData');
+}
+
+/**
+ * Called by the WebUI to re-populate the page with data representing the
+ * current state of installed components.
+ * @param {Object} componentsData Detailed info about installed components. The
+ *     template expects each component's format to match the following
+ *     structure to correctly populate the page:
+ *   {
+ *     components: [
+ *       {
+ *          name: 'Component1',
+ *          version: '1.2.3',
+ *       },
+ *       {
+ *          name: 'Component2',
+ *          version: '4.5.6',
+ *       },
+ *     ]
+ *   }
+ */
+function returnComponentsData(componentsData) {
+  var bodyContainer = $('body-container');
+  var body = document.body;
+
+  bodyContainer.style.visibility = 'hidden';
+  body.className = '';
+
+  renderTemplate(componentsData);
+
+  // Add handlers to dynamically created HTML elements.
+  var links = document.getElementsByClassName('button-check-update');
+  for (var i = 0; i < links.length; i++) {
+    links[i].onclick = function(e) {
+      handleCheckUpdate(this);
+      e.preventDefault();
+    };
+  }
+
+  // Disable some controls for Guest in ChromeOS.
+  if (cr.isChromeOS)
+    uiAccountTweaks.UIAccountTweaks.applyGuestModeVisibility(document);
+
+  bodyContainer.style.visibility = 'visible';
+  body.className = 'show-tmi-mode-initial';
+}
+
+/**
+ * Handles an 'enable' or 'disable' button getting clicked.
+ * @param {HTMLElement} node The HTML element representing the component
+ *     being checked for update.
+ */
+function handleCheckUpdate(node) {
+  node.disabled = true;
+  // Tell the C++ ComponentssDOMHandler to check for update.
+  chrome.send('checkUpdate', [String(node.id)]);
+}
+
+// Get data and have it displayed upon loading.
+document.addEventListener('DOMContentLoaded', requestComponentsData);
+
+// Add handlers to static HTML elements.
+$('button-check-update').onclick = handleCheckUpdate;