Modified components ui to address concern of all the time disabled check update button.

chrome/browser/resources/components.js

Index: chrome/browser/resources/components.js
diff --git a/chrome/browser/resources/components.js b/chrome/browser/resources/components.js
index 8753e3192ab210b51c8f2d1ea813a50ca67c33bd..3c46dd92b09b0375960bfa4769a4f640b97af191 100644
--- a/chrome/browser/resources/components.js
+++ b/chrome/browser/resources/components.js
@@ -14,8 +14,11 @@
 function renderTemplate(componentsData) {
   // This is the javascript code that processes the template:
   var input = new JsEvalContext(componentsData);
-  var output = $('componentTemplate');
+  var output = $('component-template').cloneNode(true);

[James Hawkins, 2014/05/21 16:21:37]

Why do you need to clone then remove the component-template element?

[Shrikant Kelkar, 2014/05/23 03:49:23]

Not removing component-template, just removing 'hidden' attribute of cloned
node.

+  $('component-placeholder').innerHTML = '';
+  $('component-placeholder').appendChild(output);
   jstProcess(input, output);
+  output.removeAttribute('hidden');
 }
 
 /**
@@ -73,18 +76,29 @@ function returnComponentsData(componentsData) {
 }
 
 /**
+ * This event function is called from component ui indicating changed state
+ * of component updater service.
+ * @param {Object} eventArgs Contains event and component id. Component id is
+ * optional.
+ */
+function onComponentEvent(eventArgs) {
+  if (eventArgs['id']) {
+    var id = eventArgs['id'];
+    $('status-' + id).textContent = eventArgs['event'];
+  }
+}
+
+/**
  * 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;
+  $('status-' + String(node.id)).textContent = 'Checking for update...';

[James Hawkins, 2014/05/21 16:21:37]

String needs to be translated, i.e., loadTimeData.getString.

[Shrikant Kelkar, 2014/05/23 03:49:23]

Done.

+
   // 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;