Add finch flag for rendering a recently closed link on the local ntp.

chrome/browser/resources/local_ntp/local_ntp.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 The local InstantExtended NTP and suggestions dropdown.
  */
 
 (function() {
@@ skipping 21 matching lines @@
 var CLASSES = {
   BLACKLIST: 'mv-blacklist', // triggers tile blacklist animation
   BLACKLIST_BUTTON: 'mv-x',
   CUSTOM_THEME: 'custom-theme',
   DELAYED_HIDE_NOTIFICATION: 'mv-notice-delayed-hide',
   DOMAIN: 'mv-domain',
   FAKEBOX_ANIMATE: 'fakebox-animate', // triggers fakebox animation
   FAKEBOX_FOCUS: 'fakebox-focused', // Applies focus styles to the fakebox
   FAVICON: 'mv-favicon',
   GOOGLE_PAGE: 'google-page', // shows the Google logo and fakebox
+  HIDE_ATTRIBUTION: 'attribution-hide',
   HIDE_BLACKLIST_BUTTON: 'mv-x-hide', // hides blacklist button during animation
   HIDE_NOTIFICATION: 'mv-notice-hide',
   HIDE_NTP: 'hide-ntp', // hides NTP and disables scrollbars
   HIDE_TILE: 'mv-tile-hide', // hides tiles on small browser width
   HOVERED: 'hovered',
   PAGE: 'mv-page', // page tiles
   PAGE_READY: 'mv-page-ready',  // page tile when ready
   ROW: 'mv-row',  // tile row
   SEARCH: 'search',
   SELECTED: 'selected', // a selected suggestion (if any)
   SUGGESTION: 'suggestion',
   SUGGESTION_CONTENTS: 'suggestion-contents',
   SUGGESTIONS_BOX: 'suggestions-box',
   THUMBNAIL: 'mv-thumb',
   TILE: 'mv-tile',
   TITLE: 'mv-title'
 };
 
 
 /**
  * Enum for HTML element ids.
  * @enum {string}
  * @const
  */
 var IDS = {
   ACTIVE_SUGGESTIONS_CONTAINER: 'active-suggestions-container',
   ATTRIBUTION: 'attribution',
+  ATTRIBUTION_TEXT: 'attribution-text',
   CURSOR: 'cursor',
   FAKEBOX: 'fakebox',
+  FOOTER: 'footer',
   LOGO: 'logo',
   NOTIFICATION: 'mv-notice',
   NOTIFICATION_CLOSE_BUTTON: 'mv-notice-x',
   NOTIFICATION_MESSAGE: 'mv-msg',
   NTP_CONTENTS: 'ntp-contents',
   PENDING_SUGGESTIONS_CONTAINER: 'pending-suggestions-container',
+  RECENT_TABS: 'recent-tabs',
   RESTORE_ALL_LINK: 'mv-restore',
   SUGGESTION_LOADER: 'suggestion-loader',
   SUGGESTION_STYLE: 'suggestion-style',
   SUGGESTION_TEXT_PREFIX: 'suggestion-text-',
   TILES: 'mv-tiles',
   TOP_MARGIN: 'mv-top-margin',
   UNDO_LINK: 'mv-undo'
 };
 
 // =============================================================================
@@ skipping 232 matching lines @@
 
 
 /**
  * Renders the attribution if the image is present and loadable.  Otherwise
  * hides it.
  * @param {string} url The URL of the attribution image, if any.
  * @private
  */
 function updateAttribution(url) {
   if (!url) {
-    attribution.hidden = true;
+    attribution.classList.add(CLASSES.HIDE_ATTRIBUTION);
     return;
   }
   var attributionImage = new Image();
   attributionImage.onload = function() {
     var oldAttributionImage = attribution.querySelector('img');
     if (oldAttributionImage)
       removeNode(oldAttributionImage);
     attribution.appendChild(attributionImage);
-    attribution.hidden = false;
+    attribution.classList.remove(CLASSES.HIDE_ATTRIBUTION);
   };
   attributionImage.onerror = function() {
-    attribution.hidden = true;
+    attribution.classList.add(CLASSES.HIDE_ATTRIBUTION);
   };
   attributionImage.src = url;
 }
 
 
 /**
  * Handles a new set of Most Visited page data.
  */
 function onMostVisitedChange() {
   var pages = ntpApiHandle.mostVisited;
@@ skipping 1250 matching lines @@
     fakebox = document.createElement('div');
     fakebox.id = IDS.FAKEBOX;
     fakebox.innerHTML =
         '<input autocomplete="off" tabindex="-1" aria-hidden="true">' +
         '<div id=cursor></div>';
 
     ntpContents.insertBefore(fakebox, ntpContents.firstChild);
     ntpContents.insertBefore(logo, ntpContents.firstChild);
   }
 
+  var recentTabsText = templateData.recentTabs;
+  if (recentTabsText) {
+    var recentTabsLink = document.createElement('span');

[samarth, 2013/05/15 16:49:17]

Can this just be an <a href="chrome://history">? Of course the link won't work
but you could hijack the click handler and call navigateContentWindow. That way
things like hovering, etc will work better.

[jeremycho, 2013/05/16 20:06:47]

It would add a non-functioning "Open link in new tab", etc. to the context menu,
so I'm not sure this is what we want.

+    recentTabsLink.id = IDS.RECENT_TABS;
+    recentTabsLink.addEventListener('click', function() {

[samarth, 2013/05/15 16:49:17]

Can you also add logic to look for a modifier and handle it appropriately?
Ctrl/command/middle-clicking should really do the right thing. Take a look at
getDispositionFromClickButton for a start.

[jeremycho, 2013/05/16 20:06:47]

Done.

+      ntpApiHandle.navigateContentWindow('chrome://history');
+    });
+    recentTabsLink.textContent = recentTabsText;
+    var footer = $(IDS.FOOTER);
+    footer.insertBefore(recentTabsLink, footer.firstChild);
+  }
 
   var notificationMessage = $(IDS.NOTIFICATION_MESSAGE);
   notificationMessage.textContent = templateData.thumbnailRemovedNotification;
   var undoLink = $(IDS.UNDO_LINK);
   undoLink.addEventListener('click', onUndo);
   undoLink.textContent = templateData.undoThumbnailRemove;
   var restoreAllLink = $(IDS.RESTORE_ALL_LINK);
   restoreAllLink.addEventListener('click', onRestoreAll);
   restoreAllLink.textContent = templateData.restoreThumbnailsShort;
-  attribution.textContent = templateData.attributionIntro;
+  $(IDS.ATTRIBUTION_TEXT).textContent = templateData.attributionIntro;
 
   var notificationCloseButton = $(IDS.NOTIFICATION_CLOSE_BUTTON);
   notificationCloseButton.addEventListener('click', hideNotification);
 
   window.addEventListener('resize', onResize);
   onResize();
 
   var topLevelHandle = getEmbeddedSearchApiHandle();
 
   ntpApiHandle = topLevelHandle.newTabPage;
@@ skipping 45 matching lines @@
   }
 }
 
 document.addEventListener('DOMContentLoaded', init);
 window.addEventListener('message', handleMessage, false);
 window.addEventListener('blur', function() {
   if (activeBox)
     activeBox.clearHover();
 }, false);
 })();