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

chrome/browser/resources/components.js

 // 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');
+  var output = $('component-template').cloneNode(true);
+  $('component-placeholder').innerHTML = '';
+  $('component-placeholder').appendChild(output);
   jstProcess(input, output);
+  output.removeAttribute('hidden');
 }
 
 /**
  * Asks the C++ ComponentsDOMHandler to get details about the installed
  * components.
  * The ComponentsDOMHandler should reply to returnComponentsData() (below).
  */
 function requestComponentsData() {
   chrome.send('requestComponentsData');
 }
@@ skipping 37 matching lines @@
 
   // Disable some controls for Guest in ChromeOS.
   if (cr.isChromeOS)
     uiAccountTweaks.UIAccountTweaks.applyGuestModeVisibility(document);
 
   bodyContainer.style.visibility = 'visible';
   body.className = 'show-tmi-mode-initial';
 }
 
 /**
+ * This event function is called from component ui indicating changed state

[James Hawkins, 2014/05/28 23:01:11]

Optional nit: s/ui/UI/

[Shrikant Kelkar, 2014/05/28 23:14:45]

Done.

+ * of component updater service.
+ * @param {Object} eventArgs Contains event and component id. Component id is

[James Hawkins, 2014/05/28 23:01:11]

Optiona nit: s/id/ID/

[Shrikant Kelkar, 2014/05/28 23:14:45]

Done.

+ * 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 =
+      loadTimeData.getString('checkingLabel');
+
   // 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;