Adding notifications for new sync types.

chrome/browser/resources/ntp4/most_visited_page.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.
 
 cr.define('ntp4', function() {
   'use strict';
 
   var TilePage = ntp4.TilePage;
 
   /**
@@ skipping 298 matching lines @@
     get data() {
       return this.data_;
     },
     set data(data) {
       var startTime = Date.now();
 
       // The first time data is set, create the tiles.
       if (!this.data_) {
         this.createTiles_();
         this.data_ = data.slice(0, THUMBNAIL_COUNT);
+        // Display the sync notification when the page is first initialized - we
+        // don't want to display the notification multiple times, so we do this
+        // here instead of refreshData().
+        if (templateData.syncNotification)
+          this.showSyncNotification_();
       } else {
         this.data_ = refreshData(this.data_, data);
       }
 
       this.updateTiles_();
       logEvent('mostVisited.layout: ' + (Date.now() - startTime));
     },
 
+    /**
+     * Displays a sync-related notification on the NTP.
+     * @private
+     */
+    showSyncNotification_: function() {
+      var advancedOptionsLink = {
+        action: function() {
+          chrome.send('SyncTypeLinkClicked');
+        },
+        text: templateData.syncLinkText
+      };
+      ntp4.showNotification(templateData.syncNotification,
+                            [advancedOptionsLink],
+                            function() {
+                              chrome.send('closeSyncNotification');
+                            });
+    },
+
     /** @inheritDoc */
     shouldAcceptDrag: function(e) {
       return false;
     },
 
     /** @inheritDoc */
     heightForWidth: heightForWidth,
   };
 
   /**
@@ skipping 72 matching lines @@
     if (tile)
       tile.setStripeColor(color);
   };
 
   return {
     MostVisitedPage: MostVisitedPage,
     refreshData: refreshData,
     setFaviconDominantColor: setFaviconDominantColor,
   };
 });