[ntp4] Bookmarks page implementation, first-pass.

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 66 matching lines @@
       }
       this.classList.remove('blacklisted');
 
       if (!data || data.filler) {
         if (this.data_)
           this.reset();
         return;
       }
 
       var id = tileID++;
-      this.setAttribute('id', 'tile' + id);
+      this.id = 'most_visited_tile_' + id;

[arv (Not doing code reviews), 2011/08/15 17:46:30]

most-visited-tile

[csilv, 2011/08/15 18:24:28]

Done.

       this.data_ = data;
       // TODO(estade): this shouldn't be focusable if the page isn't showing.
       this.tabIndex = 0;
 
       var faviconDiv = this.querySelector('.favicon');
       var faviconUrl = data.faviconUrl ||
           'chrome://favicon/size/32/' + data.url;
       faviconDiv.style.backgroundImage = url(faviconUrl);
       faviconDiv.dir = data.direction;
       if (data.faviconDominantColor)
         this.setStripeColor(data.faviconDominantColor);
       else
-        chrome.send('getFaviconDominantColor', [faviconUrl, id]);
+        chrome.send('getFaviconDominantColor',
+            [faviconUrl, id, 'ntp4.setMostVisitedFaviconDominantColor']);
 
       var title = this.querySelector('.title');
       title.textContent = data.title;
       title.dir = data.direction;
 
       var thumbnailUrl = data.thumbnailUrl || 'chrome://thumb/' + data.url;
       this.querySelector('.thumbnail').style.backgroundImage =
           url(thumbnailUrl);
 
       this.href = data.url;
@@ skipping 309 matching lines @@
 
     // Clear 'updated' flags so this function will work next time it's called.
     for (var i = 0; i < THUMBNAIL_COUNT; i++) {
       if (oldData[i])
         oldData[i].updated = false;
     }
 
     return oldData;
   };
 
-  function setFaviconDominantColor(id, color) {
-    var tile = $('tile' + id);
+  function setMostVisitedFaviconDominantColor(id, color) {
+    var tile = $('most_visited_tile_' + id);
     if (tile)
       tile.setStripeColor(color);
   };
 
   return {
     MostVisitedPage: MostVisitedPage,
     refreshData: refreshData,
-    setFaviconDominantColor: setFaviconDominantColor,
+    setMostVisitedFaviconDominantColor: setMostVisitedFaviconDominantColor,
   };
 });