[Local NTP] Implementing Material Design styling

chrome/browser/resources/local_ntp/most_visited_thumbnail.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.
 
 
 /**
  * @fileoverview Rendering for iframed most visited thumbnails.
  */
 
 window.addEventListener('DOMContentLoaded', function() {
@@ skipping 24 matching lines @@
     // externally by the page itself.
     function showEmptyTile() {
       displayLink(createMostVisitedLink(
           params, data.url, data.title, undefined, data.direction,
           data.provider));
     }
     // Creates and adds an image.
     function createThumbnail(src) {
       var image = document.createElement('img');
       image.onload = function() {
-        var shadow = document.createElement('span');
-        shadow.className = 'shadow';
         var link = createMostVisitedLink(
             params, data.url, data.title, undefined, data.direction,
             data.provider);
-        link.appendChild(shadow);
         link.appendChild(image);
         displayLink(link);
       };
       image.onerror = function() {
-        if (data.domain) {
+        if (!params.tfb && data.domain) {

[Mathieu, 2014/08/13 20:09:30]

handle this param better

[huangs, 2014/08/13 21:34:09]

Calling this etfb and adding comments.  Note that we only check for its
existence, so we're not sanitizing its values.  Also, this is not assigned in
style because this file actually delegates all style-related stuff in
most_likely_util.js.

           showDomainElement();
           logEvent(NTP_LOGGING_EVENT_TYPE.NTP_GRAY_TILE_FALLBACK);
         } else {
           showEmptyTile();
           logEvent(NTP_LOGGING_EVENT_TYPE.NTP_EXTERNAL_TILE_FALLBACK);
         }
         logEvent(NTP_LOGGING_EVENT_TYPE.NTP_THUMBNAIL_ERROR);
       };
       image.src = src;
     }
 
     if (data.thumbnailUrl) {
       createThumbnail(data.thumbnailUrl);
       logEvent(NTP_LOGGING_EVENT_TYPE.NTP_THUMBNAIL_TILE);
     } else if (data.domain) {
       showDomainElement();
       logEvent(NTP_LOGGING_EVENT_TYPE.NTP_GRAY_TILE);
     } else {
       showEmptyTile();
       logEvent(NTP_LOGGING_EVENT_TYPE.NTP_EXTERNAL_TILE);
     }
     logEvent(NTP_LOGGING_EVENT_TYPE.NTP_TILE);
 
     // Log an impression if we know the position of the tile.
     if (isFinite(params.pos) && data.provider) {
       logMostVisitedImpression(parseInt(params.pos, 10), data.provider);
     }
   });
 });