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.
  */
 
 /**
@@ skipping 12 matching lines @@
  * @const
  */
 var CLASSES = {
   BLACKLIST: 'mv-blacklist', // triggers tile blacklist animation
   BLACKLIST_BUTTON: 'mv-x',
   CUSTOM_THEME: 'custom-theme',
   DELAYED_HIDE_NOTIFICATION: 'mv-notice-delayed-hide',
   FAKEBOX_DISABLE: 'fakebox-disable', // Makes fakebox non-interactive
   FAKEBOX_FOCUS: 'fakebox-focused', // Applies focus styles to the fakebox
   FAVICON: 'mv-favicon',
+  HIDE_ATTRIBUTION: 'attribution-hide',
   HIDE_BLACKLIST_BUTTON: 'mv-x-hide', // hides blacklist button during animation
   HIDE_FAKEBOX_AND_LOGO: 'hide-fakebox-logo',
   HIDE_NOTIFICATION: 'mv-notice-hide',
   // Vertically centers the most visited section for a non-Google provided page.
   NON_GOOGLE_PAGE: 'non-google-page',
   PAGE: 'mv-page', // page tiles
   PAGE_READY: 'mv-page-ready',  // page tile when ready
   ROW: 'mv-row',  // tile row
   RTL: 'rtl',  // Right-to-left language text.
   THUMBNAIL: 'mv-thumb',
   THUMBNAIL_MASK: 'mv-mask',
   TILE: 'mv-tile',
   TITLE: 'mv-title'
 };
 
 
 /**
  * Enum for HTML element ids.
  * @enum {string}
  * @const
  */
 var IDS = {
   ATTRIBUTION: 'attribution',
+  ATTRIBUTION_TEXT: 'attribution-text',
   FAKEBOX: 'fakebox',
+  FOOTER: 'footer',
   LOGO: 'logo',
   NOTIFICATION: 'mv-notice',
   NOTIFICATION_CLOSE_BUTTON: 'mv-notice-x',
   NOTIFICATION_MESSAGE: 'mv-msg',
   NTP_CONTENTS: 'ntp-contents',
+  RECENT_TABS: 'recent-tabs',
   RESTORE_ALL_LINK: 'mv-restore',
   TILES: 'mv-tiles',
   UNDO_LINK: 'mv-undo'
 };
 
 
 /**
  * Enum for keycodes.
  * @enum {number}
  * @const
@@ skipping 10 matching lines @@
  * @const
  */
 var NTP_DISPOSE_STATE = {
   NONE: 0,  // Preserve the NTP appearance and functionality
   DISABLE_FAKEBOX: 1,
   HIDE_FAKEBOX_AND_LOGO: 2
 };
 
 
 /**
+ * The JavaScript button event value for a middle click.
+ * @type {number}
+ * @const
+ */
+var MIDDLE_MOUSE_BUTTON = 1;
+
+
+/**
+ * Possible behaviors for navigateContentWindow.
+ * @enum {number}
+ */
+var WindowOpenDisposition = {
+  CURRENT_TAB: 1,
+  NEW_BACKGROUND_TAB: 2
+};
+
+
+/**
  * The container for the tile elements.
  * @type {Element}
  */
 var tilesContainer;
 
 
 /**
  * The notification displayed when a page is blacklisted.
  * @type {Element}
  */
@@ skipping 234 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);

[Jered, 2013/06/24 17:42:26]

nit: This change seems unnecessary in the context of this CL.

[jeremycho, 2013/06/24 20:12:09]

This is for setting display:none when no attribution is present.  With hidden,
it was still taking up space.

     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 487 matching lines @@
 /**
  * @return {boolean} True if this is a Google page and not some other search
  *     provider. Used to determine whether to show the logo and fakebox.
  */
 function isGooglePage() {
   return location.href.indexOf('isGoogle') != -1;
 }
 
 
 /**
+ * Extract the desired navigation behavior from a click button.
+ * @param {number} button The Event#button property of a click event.
+ * @return {WindowOpenDisposition} The desired behavior for
+ *     navigateContentWindow.
+ */
+function getDispositionFromClickButton(button) {
+  if (button == MIDDLE_MOUSE_BUTTON)
+    return WindowOpenDisposition.NEW_BACKGROUND_TAB;
+  return WindowOpenDisposition.CURRENT_TAB;
+}
+
+
+/**
  * Prepares the New Tab Page by adding listeners, rendering the current
  * theme, the most visited pages section, and Google-specific elements for a
  * Google-provided page.
  */
 function init() {
   tilesContainer = $(IDS.TILES);
   notification = $(IDS.NOTIFICATION);
   attribution = $(IDS.ATTRIBUTION);
   ntpContents = $(IDS.NTP_CONTENTS);
 
@@ skipping 12 matching lines @@
     fakebox.innerHTML =
         '<input autocomplete="off" tabindex="-1" aria-hidden="true">' +
         '<div id=cursor></div>';
 
     ntpContents.insertBefore(fakebox, ntpContents.firstChild);
     ntpContents.insertBefore(logo, ntpContents.firstChild);
   } else {
     document.body.classList.add(CLASSES.NON_GOOGLE_PAGE);
   }
 
+  var recentTabsText = templateData.recentTabs;
+  if (recentTabsText) {
+    var recentTabsLink = document.createElement('span');
+    recentTabsLink.id = IDS.RECENT_TABS;
+    recentTabsLink.addEventListener('click', function(event) {
+      ntpApiHandle.navigateContentWindow(
+          'chrome://history', getDispositionFromClickButton(event.button));
+    });
+    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);
   registerKeyHandler(undoLink, KEYCODE.ENTER, onUndo);
   undoLink.textContent = templateData.undoThumbnailRemove;
   var restoreAllLink = $(IDS.RESTORE_ALL_LINK);
   restoreAllLink.addEventListener('click', onRestoreAll);
   registerKeyHandler(restoreAllLink, KEYCODE.ENTER, onUndo);
   restoreAllLink.textContent = templateData.restoreThumbnailsShort;
-  attribution.textContent = templateData.attributionIntro;
+  $(IDS.ATTRIBUTION_TEXT).textContent = templateData.attributionIntro;
 
   var notificationCloseButton = $(IDS.NOTIFICATION_CLOSE_BUTTON);
   notificationCloseButton.addEventListener('click', hideNotification);
 
   userInitiatedMostVisitedChange = false;
   window.addEventListener('resize', onResize);
   onResize();
 
   var topLevelHandle = getEmbeddedSearchApiHandle();
 
@@ skipping 43 matching lines @@
 
 return {
   init: init,
   listen: listen
 };
 }
 
 if (!window.localNTPUnitTest) {
   LocalNTP(location).listen();
 }