Add new promotional line for NTP....

chrome/browser/resources/new_new_tab.js

 // Copyright (c) 2010 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.
 
 // To avoid creating tons of unnecessary nodes. We assume we cannot fit more
 // than this many items in the miniview.
 var MAX_MINIVIEW_ITEMS = 15;
 
 // Extra spacing at the top of the layout.
 var LAYOUT_SPACING_TOP = 25;
@@ skipping 776 matching lines @@
     // The duration of all transitions are .15s
     window.setTimeout(f, 150);
   }
 }
 
 // Notification
 
 
 var notificationTimeout;
 
-function showNotification(text, actionText, opt_f, opt_delay) {
+/*
+ * Displays a message (either a string or a document fragment) in the
+ * notification slot at the top of the NTP.
+ * @param {string|Node} message String or node to use as message.
+ * @param {string} actionText The text to show as a link next to the message.
+ * @param {function=} opt_f Function to call when the user clicks the action
+ *                          link.
+ * @param {number=} opt_delay The time in milliseconds before hiding the
+ * i                          notification.
+ */
+function showNotification(message, actionText, opt_f, opt_delay) {
   var notificationElement = $('notification');
   var f = opt_f || function() {};
   var delay = opt_delay || 10000;
 
   function show() {
     window.clearTimeout(notificationTimeout);
     notificationElement.classList.add('show');
     document.body.classList.add('notification-shown');
   }
 
   function delayedHide() {
     notificationTimeout = window.setTimeout(hideNotification, delay);
   }
 
   function doAction() {
     f();
     hideNotification();
   }
 
-  // Remove any possible first-run trails.
+  // Remove classList entries from previous notifications.
   notification.classList.remove('first-run');
+  notification.classList.remove('promo');
+
+  var notificationNode = notificationElement.firstElementChild;
+  notificationNode.removeChild(notificationNode.firstChild);
 
   var actionLink = notificationElement.querySelector('.link-color');
-  notificationElement.firstElementChild.textContent = text;
+
+  if (typeof message == 'string')
+    notificationElement.firstElementChild.textContent = message;
+  else
+    notificationElement.firstElementChild.appendChild(message);
+
   actionLink.textContent = actionText;
 
   actionLink.onclick = doAction;
   actionLink.onkeydown = handleIfEnterKey(doAction);
   notificationElement.onmouseover = show;
   notificationElement.onmouseout = delayedHide;
   actionLink.onfocus = show;
   actionLink.onblur = delayedHide;
   // Enable tabbing to the link now that it is shown.
   actionLink.tabIndex = 0;
@@ skipping 20 matching lines @@
 }
 
 function showFirstRunNotification() {
   showNotification(localStrings.getString('firstrunnotification'),
                    localStrings.getString('closefirstrunnotification'),
                    null, 30000);
   var notificationElement = $('notification');
   notification.classList.add('first-run');
 }
 
+function showPromoNotification() {
+  showNotification(parseHtmlSubset(localStrings.getString('serverpromo')),
+                   localStrings.getString('closefirstrunnotification'),
+                   function () { chrome.send('closePromo'); },
+                   60000);
+  var notificationElement = $('notification');
+  notification.classList.add('promo');
+}
+
 $('main').addEventListener('click', function(e) {
   var p = e.target;
   while (p && p.tagName != 'H2') {
     // In case the user clicks on a button we do not want to expand/collapse a
     // section.
     if (p.tagName == 'BUTTON')
       return;
     p = p.parentNode;
   }
 
@@ skipping 311 matching lines @@
   // Remove class name in a timeout so that changes done in this JS thread are
   // not animated.
   window.setTimeout(function() {
     mostVisited.ensureSmallGridCorrect();
     maybeDoneLoading();
   }, 1);
 
   // Only show the first run notification if first run.
   if (firstRun) {
     showFirstRunNotification();
+  } else if (localStrings.getString('serverpromo')) {
+    showPromoNotification();
   }
 }
 
 function maybeDoneLoading() {
   if (mostVisited.data && apps.loaded)
     document.body.classList.remove('loading');
 }
 
 function isDoneLoading() {
   return !document.body.classList.contains('loading');
 }
 
 // Initialize the apps promo.
 document.addEventListener('DOMContentLoaded', function() {
   var promoText1 = $('apps-promo-text1');
   promoText1.innerHTML = promoText1.textContent;
 
   var promoLink = promoText1.querySelector('a');
   promoLink.id = 'apps-promo-link';
   promoLink.href = localStrings.getString('web_store_url');
 
   $('apps-promo-hide').addEventListener('click', function() {
     chrome.send('hideAppsPromo', []);
     document.documentElement.classList.remove('apps-promo-visible');
     layoutSections();
   });
 });