Show app disable and enable on NTP, and desaturate non-offline-enabled apps when offline.

chrome/browser/resources/ntp4/new_tab.js

 // Copyright (c) 2011 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.
 
 /**
  * @fileoverview New tab page
  * This is the main code for the new tab page used by touch-enabled Chrome
  * browsers.  For now this is still a prototype.
  */
 
@@ skipping 324 matching lines @@
       appAdded(highlightApp, true);
 
     // Mark the current page.
     cardSlider.currentCardValue.navigationDot.classList.add('selected');
     logEvent('apps.layout: ' + (Date.now() - startTime));
 
     document.documentElement.classList.remove('starting-up');
   }
 
   /**
-   * Called by chrome when a new app has been added to chrome.
-   * @param {Object} app A data structure full of relevant information for the
-   *     app.
+   * Called by chrome when a new app has been added to chrome or has been
+   * enabled if previously disabled.
+   * @param {Object} appData A data structure full of relevant information for
+   *     the app.
    */
   function appAdded(app, opt_highlight) {
     // If the page is already open when a new app is installed, the hash will
     // be set once again.
     var appID = getAndClearAppIDHash();
     if (appID == app.id)
       opt_highlight = true;
 
     var pageIndex = app.page_index || 0;
 
     if (pageIndex >= appsPages.length) {
       while (pageIndex >= appsPages.length) {
         appendAppsPage(new ntp4.AppsPage(), '');
       }
       updateSliderCards();
     }
 
     var page = appsPages[pageIndex];
     if (opt_highlight)
       cardSlider.selectCardByValue(page);
-    page.appendApp(app, true);
+    var app = $(appData.id);
+    if (app) {

[Evan Stade, 2011/08/30 03:34:14]

no curlies

[Yoyo Zhou, 2011/08/30 17:37:10]

Done.

+      app.replaceAppData(appData);
+    } else {
+      page.appendApp(appData, true);
+    }
   }
 
   /**
-   * Called by chrome when an existing app has been removed/uninstalled from
-   * chrome.
+   * Called by chrome when an existing app has been disabled or
+   * removed/uninstalled from chrome.
    * @param {Object} appData A data structure full of relevant information for
    *     the app.
    */
-  function appRemoved(appData) {
+  function appRemoved(appData, is_uninstall) {

[Evan Stade, 2011/08/30 03:34:14]

isUninstall

also, doc the param

[Yoyo Zhou, 2011/08/30 17:37:10]

Done.

     var app = $(appData.id);
     assert(app, 'trying to remove an app that doesn\'t exist');
 
-    var tile = findAncestorByClass(app, 'tile');
-    tile.doRemove();
+    if (!is_uninstall) {
+      app.replaceAppData(appData);
+    } else {
+      var tile = findAncestorByClass(app, 'tile');
+      tile.doRemove();
+    }
   }
 
   /**
    * Given a theme resource name, construct a URL for it.
    * @param {string} resourceName The name of the resource.
    * @return {string} A url which can be used to load the resource.
    */
   function getThemeUrl(resourceName) {
     return 'chrome://theme/' + resourceName;
   }
@@ skipping 10 matching lines @@
     // by only calling it for changes across different instances of the NTP
     // (i.e. two separate tabs both showing NTP).
     for (var j = 0; j < data.apps.length; ++j) {
       for (var i = 0; i < apps.length; ++i) {
         if (data.apps[j]['id'] == apps[i].appId)
           apps[i].appData = data.apps[j];
       }
     }
   }
 
+  /**
+   * Listener for offline status change events. Updates apps that are
+   * not offline-enabled to be grayscale if the browser is offline.
+   */
+  function updateOfflineEnabledApps() {
+    for (var i = 0; i < apps.length; ++i) {
+      if (apps[i].appData.enabled && !apps[i].appData.offline_enabled)
+        apps[i].setIcon();
+    }
+  }
+
   function getCardSlider() {
     return cardSlider;
   }
 
   /**
    * Invoked whenever the pages in apps-page-list have changed so that
    * the Slider knows about the new elements.
    */
   function updateSliderCards() {
     var pageNo = cardSlider.currentCard;
@@ skipping 349 matching lines @@
     getAppsPageIndex: getAppsPageIndex,
     getCardSlider: getCardSlider,
     initialize: initialize,
     isRTL: isRTL,
     leaveRearrangeMode: leaveRearrangeMode,
     saveAppPageName: saveAppPageName,
     setBookmarksData: setBookmarksData,
     setMostVisitedPages: setMostVisitedPages,
     setRecentlyClosedTabs: setRecentlyClosedTabs,
     showNotification: showNotification,
-    themeChanged: themeChanged
+    themeChanged: themeChanged,
+    updateOfflineEnabledApps: updateOfflineEnabledApps
   };
 });
 
 // publish ntp globals
 // TODO(estade): update the content handlers to use ntp namespace instead of
 // making these global.
 var assert = ntp4.assert;
 var getAppsCallback = ntp4.getAppsCallback;
 var appsPrefChangeCallback = ntp4.appsPrefChangeCallback;
 var themeChanged = ntp4.themeChanged;
 var recentlyClosedTabs = ntp4.setRecentlyClosedTabs;
 var setMostVisitedPages = ntp4.setMostVisitedPages;
 
 document.addEventListener('DOMContentLoaded', ntp4.initialize);
+document.addEventListener('online', ntp4.updateOfflineEnabledApps);
+document.addEventListener('offline', ntp4.updateOfflineEnabledApps);