NTP4: erase notification promo UI

chrome/browser/resources/ntp4/new_tab.js

 // Copyright (c) 2012 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 New tab page
  * This is the main code for the new tab page used by touch-enabled Chrome
  * browsers.  For now this is still a prototype.
  */
 
 // Use an anonymous function to enable strict mode just for this file (which
 // will be concatenated with other files when embedded in Chrome
 cr.define('ntp', function() {
   'use strict';
 
   /**
    * NewTabView instance.
    * @type {!Object|undefined}
    */
   var newTabView;
 
   /**
-   * The 'notification-container' element.
-   * @type {!Element|undefined}
-   */
-  var notificationContainer;
-
-  /**
    * If non-null, an info bubble for showing messages to the user. It points at
    * the Most Visited label, and is used to draw more attention to the
    * navigation dot UI.
    * @type {!cr.ui.Bubble|undefined}
    */
   var promoBubble;
 
   /**
    * If non-null, an bubble confirming that the user has signed into sync. It
    * points at the login status at the top of the page.
@@ skipping 81 matching lines @@
             function() { chrome.send('onLearnMore'); });
       }
     }
     measureNavDots();
 
     // Load the current theme colors.
     themeChanged();
 
     newTabView = new NewTabView();
 
-    notificationContainer = getRequiredElement('notification-container');
-    notificationContainer.addEventListener(
-        'webkitTransitionEnd', onNotificationTransitionEnd);
-
     if (!loadTimeData.getBoolean('showWebStoreIcon')) {
       var webStoreIcon = $('chrome-web-store-link');
       // Not all versions of the NTP have a footer, so this may not exist.
       if (webStoreIcon)
         webStoreIcon.hidden = true;
     } else {
       var webStoreLink = loadTimeData.getString('webStoreLink');
       var url = appendParam(webStoreLink, 'utm_source', 'chrome-ntp-launcher');
       $('chrome-web-store-link').href = url;
       $('chrome-web-store-link').addEventListener('click',
@@ skipping 54 matching lines @@
     if (loadTimeData.getBoolean('shouldShowSyncLogin'))
       chrome.send('initializeSyncLogin');
 
     doWhenAllSectionsReady(function() {
       // Tell the slider about the pages.
       newTabView.updateSliderCards();
       // Mark the current page.
       newTabView.cardSlider.currentCardValue.navigationDot.classList.add(
           'selected');
 
-      if (loadTimeData.valueExists('notificationPromoText')) {
-        var promoText = loadTimeData.getString('notificationPromoText');
-        var tags = ['IMG'];
-        var attrs = {
-          src: function(node, value) {
-            return node.tagName == 'IMG' &&
-                   /^data\:image\/(?:png|gif|jpe?g)/.test(value);
-          },
-        };
-
-        var promo = parseHtmlSubset(promoText, tags, attrs);
-        var promoLink = promo.querySelector('a');
-        if (promoLink) {
-          promoLink.addEventListener('click', function(e) {
-            chrome.send('notificationPromoLinkClicked');
-          });
-        }
-
-        showNotification(promo, [], function() {
-          chrome.send('notificationPromoClosed');
-        }, 60000);
-        chrome.send('notificationPromoViewed');
-      }
-
       cr.dispatchSimpleEvent(document, 'ntpLoaded', true, true);
       document.documentElement.classList.remove('starting-up');
 
       startTime = Date.now();
     });
   }
 
   /**
    * Launches the chrome web store app with the chrome-ntp-launcher
    * source.
@@ skipping 96 matching lines @@
    */
   function themeChanged(opt_themeData) {
     $('themecss').href = 'chrome://theme/css/new_tab_theme.css?' + Date.now();
   }
 
   function setBookmarkBarAttached(attached) {
     document.documentElement.setAttribute('bookmarkbarattached', attached);
   }
 
   /**
-   * Timeout ID.
-   * @type {number}
-   */
-  var notificationTimeout = 0;
-
-  /**
-   * Shows the notification bubble.
-   * @param {string|Node} message The notification message or node to use as
-   *     message.
-   * @param {Array<{text: string, action: function()}>} links An array of
-   *     records describing the links in the notification. Each record should
-   *     have a 'text' attribute (the display string) and an 'action' attribute
-   *     (a function to run when the link is activated).
-   * @param {Function=} opt_closeHandler The callback invoked if the user
-   *     manually dismisses the notification.
-   * @param {number=} opt_timeout
-   */
-  function showNotification(message, links, opt_closeHandler, opt_timeout) {
-    window.clearTimeout(notificationTimeout);
-
-    var span = document.querySelector('#notification > span');
-    if (typeof message == 'string') {
-      span.textContent = message;
-    } else {
-      span.textContent = '';  // Remove all children.
-      span.appendChild(message);
-    }
-
-    var linksBin = $('notificationLinks');
-    linksBin.textContent = '';
-    for (var i = 0; i < links.length; i++) {
-      var link = new ActionLink;
-      link.textContent = links[i].text;
-      link.action = links[i].action;
-      link.onclick = function() {
-        this.action();
-        hideNotification();
-      };
-      linksBin.appendChild(link);
-    }
-
-    function closeFunc(e) {
-      if (opt_closeHandler)
-        opt_closeHandler();
-      hideNotification();
-    }
-
-    document.querySelector('#notification button').onclick = closeFunc;
-    document.addEventListener('dragstart', closeFunc);
-
-    notificationContainer.hidden = false;
-    showNotificationOnCurrentPage();
-
-    newTabView.cardSlider.frame.addEventListener(
-        'cardSlider:card_change_ended', onCardChangeEnded);
-
-    var timeout = opt_timeout || 10000;
-    notificationTimeout = window.setTimeout(hideNotification, timeout);
-  }
-
-  /**
-   * Hide the notification bubble.
-   */
-  function hideNotification() {
-    notificationContainer.classList.add('inactive');
-
-    newTabView.cardSlider.frame.removeEventListener(
-        'cardSlider:card_change_ended', onCardChangeEnded);
-  }
-
-  /**
-   * Happens when 1 or more consecutive card changes end.
-   * @param {Event} e The cardSlider:card_change_ended event.
-   */
-  function onCardChangeEnded(e) {
-    // If we ended on the same page as we started, ignore.
-    if (newTabView.cardSlider.currentCardValue.notification)
-      return;
-
-    // Hide the notification the old page.
-    notificationContainer.classList.add('card-changed');
-
-    showNotificationOnCurrentPage();
-  }
-
-  /**
-   * Move and show the notification on the current page.
-   */
-  function showNotificationOnCurrentPage() {
-    var page = newTabView.cardSlider.currentCardValue;
-    doWhenAllSectionsReady(function() {
-      if (page != newTabView.cardSlider.currentCardValue)
-        return;
-
-      // NOTE: This moves the notification to inside of the current page.
-      page.notification = notificationContainer;
-
-      // Reveal the notification and instruct it to hide itself if ignored.
-      notificationContainer.classList.remove('inactive');
-
-      // Gives the browser time to apply this rule before we remove it (causing
-      // a transition).
-      window.setTimeout(function() {
-        notificationContainer.classList.remove('card-changed');
-      }, 0);
-    });
-  }
-
-  /**
-   * When done fading out, set hidden to true so the notification can't be
-   * tabbed to or clicked.
-   * @param {Event} e The webkitTransitionEnd event.
-   */
-  function onNotificationTransitionEnd(e) {
-    if (notificationContainer.classList.contains('inactive'))
-      notificationContainer.hidden = true;
-  }
-
-  /**
    * Set the dominant color for a node. This will be called in response to
    * getFaviconDominantColor. The node represented by |id| better have a setter
    * for stripeColor.
    * @param {string} id The ID of a node.
    * @param {string} color The color represented as a CSS string.
    */
   function setFaviconDominantColor(id, color) {
     var node = $(id);
     if (node)
       node.stripeColor = color;
@@ skipping 165 matching lines @@
     getAppsCallback: getAppsCallback,
     getAppsPageIndex: getAppsPageIndex,
     getCardSlider: getCardSlider,
     onLoad: onLoad,
     leaveRearrangeMode: leaveRearrangeMode,
     NtpFollowAction: NtpFollowAction,
     saveAppPageName: saveAppPageName,
     setAppToBeHighlighted: setAppToBeHighlighted,
     setBookmarkBarAttached: setBookmarkBarAttached,
     setFaviconDominantColor: setFaviconDominantColor,
-    showNotification: showNotification,
     themeChanged: themeChanged,
     updateLogin: updateLogin
   };
 });
 
 document.addEventListener('DOMContentLoaded', ntp.onLoad);
 
 var toCssPx = cr.ui.toCssPx;