switch ntp to jstemplate v2

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;
 
   /**
-   * Object for accessing localized strings.
-   * @type {!LocalStrings}
-   */
-  var localStrings = new LocalStrings;
-
-  /**
    * 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 {!Element|undefined}
    */
   var infoBubble;
 
   /**
    * 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 24 matching lines @@
 
   /**
    * Creates a NewTabView object. NewTabView extends PageListView with
    * new tab UI specific logics.
    * @constructor
    * @extends {PageListView}
    */
   function NewTabView() {
     var pageSwitcherStart = null;
     var pageSwitcherEnd = null;
-    if (templateData.showApps) {
+    if (loadTimeData.getValue('showApps')) {
       pageSwitcherStart = getRequiredElement('page-switcher-start');
       pageSwitcherEnd = getRequiredElement('page-switcher-end');
     }
     this.initialize(getRequiredElement('page-list'),
                     getRequiredElement('dot-list'),
                     getRequiredElement('card-slider-frame'),
                     getRequiredElement('trash'),
                     pageSwitcherStart, pageSwitcherEnd);
   }
 
   NewTabView.prototype = {
     __proto__: ntp.PageListView.prototype,
 
     /** @inheritDoc */
     appendTilePage: function(page, title, titleIsEditable, opt_refNode) {
       ntp.PageListView.prototype.appendTilePage.apply(this, arguments);
 
       if (infoBubble)
         window.setTimeout(infoBubble.reposition.bind(infoBubble), 0);
     }
   };
 
   /**
    * Invoked at startup once the DOM is available to initialize the app.
    */
   function onLoad() {
-    sectionsToWaitFor = templateData.showApps ? 2 : 1;
+    sectionsToWaitFor = loadTimeData.getBoolean('showApps') ? 2 : 1;
     measureNavDots();
 
     // Load the current theme colors.
     themeChanged();
 
     newTabView = new NewTabView();
 
     notificationContainer = getRequiredElement('notification-container');
     notificationContainer.addEventListener(
         'webkitTransitionEnd', onNotificationTransitionEnd);
 
     cr.ui.decorate($('recently-closed-menu-button'), ntp.RecentMenuButton);
     chrome.send('getRecentlyClosedTabs');
 
-    if (templateData.showOtherSessionsMenu) {
+    if (loadTimeData.getBoolean('showOtherSessionsMenu')) {
       otherSessionsButton = getRequiredElement('other-sessions-menu-button');
       cr.ui.decorate(otherSessionsButton, ntp.OtherSessionsMenuButton);
-      otherSessionsButton.initialize(templateData.isUserSignedIn);
+      otherSessionsButton.initialize(loadTimeData.getBoolean('isUserSignedIn'));
     }
 
     var mostVisited = new ntp.MostVisitedPage();
     // Move the footer into the most visited page if we are in "bare minimum"
     // mode.
     if (document.body.classList.contains('bare-minimum'))
       mostVisited.appendFooter(getRequiredElement('footer'));
     newTabView.appendTilePage(mostVisited,
-                              localStrings.getString('mostvisited'),
+                              loadTimeData.getString('mostvisited'),
                               false);
     chrome.send('getMostVisited');
 
-    if (templateData.isSuggestionsPageEnabled) {
+    if (loadTimeData.getBoolean('isSuggestionsPageEnabled')) {
       var suggestions_script = document.createElement('script');
       suggestions_script.src = 'suggestions_page.js';
       suggestions_script.onload = function() {
          newTabView.appendTilePage(new ntp.SuggestionsPage(),
-                                   localStrings.getString('suggestions'),
+                                   loadTimeData.getString('suggestions'),
                                    false,
                                    (newTabView.appsPages.length > 0) ?
                                        newTabView.appsPages[0] : null);
          chrome.send('getSuggestions');
       };
       document.querySelector('head').appendChild(suggestions_script);
     }
 
-    var webstoreLink = localStrings.getString('webStoreLink');
-    if (templateData.isWebStoreExperimentEnabled) {
-      var url = appendParam(webstoreLink, 'utm_source', 'chrome-ntp-launcher');
+    var webStoreLink = loadTimeData.getString('webStoreLink');
+    if (loadTimeData.getBoolean('isWebStoreExperimentEnabled')) {
+      var url = appendParam(webStoreLink, 'utm_source', 'chrome-ntp-launcher');
       $('chrome-web-store-href').href = url;
       $('chrome-web-store-href').addEventListener('click',
           onChromeWebStoreButtonClick);
 
       $('footer-content').classList.add('enable-cws-experiment');
     }
 
-    if (templateData.appInstallHintEnabled) {
-      var url = appendParam(webstoreLink, 'utm_source', 'chrome-ntp-plus-icon');
+    if (loadTimeData.getBoolean('appInstallHintEnabled')) {
+      var url = appendParam(webStoreLink, 'utm_source', 'chrome-ntp-plus-icon');
       $('app-install-hint-template').href = url;
     }
 
-    if (localStrings.getString('login_status_message')) {
+    if (loadTimeData.getString('login_status_message')) {
       loginBubble = new cr.ui.Bubble;
       loginBubble.anchorNode = $('login-container');
       loginBubble.setArrowLocation(cr.ui.ArrowLocation.TOP_END);
       loginBubble.bubbleAlignment =
           cr.ui.BubbleAlignment.BUBBLE_EDGE_TO_ANCHOR_EDGE;
       loginBubble.deactivateToDismissDelay = 2000;
       loginBubble.setCloseButtonVisible(false);
 
-      $('login-status-learn-more').href =
-          localStrings.getString('login_status_url');
       $('login-status-advanced').onclick = function() {
         chrome.send('showAdvancedLoginUI');
       };
       $('login-status-dismiss').onclick = loginBubble.hide.bind(loginBubble);
 
       var bubbleContent = $('login-status-bubble-contents');
       loginBubble.content = bubbleContent;
 
       // The anchor node won't be updated until updateLogin is called so don't
       // show the bubble yet.
       shouldShowLoginBubble = true;
-    } else if (localStrings.getString('ntp4_intro_message')) {
+    } else if (loadTimeData.valueExists('ntp4_intro_message')) {
       infoBubble = new cr.ui.Bubble;
       infoBubble.anchorNode = newTabView.mostVisitedPage.navigationDot;
       infoBubble.setArrowLocation(cr.ui.ArrowLocation.BOTTOM_START);
       infoBubble.handleCloseEvent = function() {
         this.hide();
         chrome.send('introMessageDismissed');
       };
 
       var bubbleContent = $('ntp4-intro-bubble-contents');
       infoBubble.content = bubbleContent;
 
-      var learnMoreLink = infoBubble.querySelector('a');
-      learnMoreLink.href = localStrings.getString('ntp4_intro_url');
+      bubbleContent.querySelector('div > div').innerHTML =
+          loadTimeData.getString('ntp4_intro_message');
+
+      var learnMoreLink = bubbleContent.querySelector('a');
+      learnMoreLink.href = loadTimeData.getString('ntp4_intro_url');
       learnMoreLink.onclick = infoBubble.hide.bind(infoBubble);
 
       infoBubble.show();
       chrome.send('introMessageSeen');
     }
 
     var loginContainer = getRequiredElement('login-container');
     loginContainer.addEventListener('click', showSyncLoginUI);
     chrome.send('initializeSyncLogin');
 
     doWhenAllSectionsReady(function() {
       // Tell the slider about the pages.
       newTabView.updateSliderCards();
       // Mark the current page.
       newTabView.cardSlider.currentCardValue.navigationDot.classList.add(
           'selected');
 
-      var promo = localStrings.getString('serverpromo');
-      if (promo) {
+      if (loadTimeData.valueExists('serverpromo')) {
+        var promo = loadTimeData.getString('serverpromo');
         var tags = ['IMG'];
         var attrs = {
           src: function(node, value) {
             return node.tagName == 'IMG' &&
                    /^data\:image\/(?:png|gif|jpe?g)/.test(value);
           },
         };
         showNotification(parseHtmlSubset(promo, tags, attrs), [], function() {
           chrome.send('closeNotificationPromo');
         }, 60000);
@@ skipping 53 matching lines @@
     else
       window.setTimeout(callback, 0);  // Do soon after, but asynchronously.
   }
 
   /**
    * Fills in an invisible div with the 'Most Visited' string so that
    * its length may be measured and the nav dots sized accordingly.
    */
   function measureNavDots() {
     var measuringDiv = $('fontMeasuringDiv');
-    measuringDiv.textContent = localStrings.getString('mostvisited');
+    measuringDiv.textContent = loadTimeData.getString('mostvisited');
     // The 4 is for border and padding.
     var pxWidth = Math.max(measuringDiv.clientWidth * 1.15 + 4, 80);
 
     var styleElement = document.createElement('style');
     styleElement.type = 'text/css';
     // max-width is used because if we run out of space, the nav dots will be
     // shrunk.
     styleElement.textContent = '.dot { max-width: ' + pxWidth + 'px; }';
     document.querySelector('head').appendChild(styleElement);
   }
 
   function themeChanged(opt_hasAttribution) {
     $('themecss').href = 'chrome://theme/css/new_tab_theme.css?' + Date.now();
 
     if (typeof opt_hasAttribution != 'undefined') {
       document.documentElement.setAttribute('hasattribution',
                                             opt_hasAttribution);
     }
 
-    updateLogo();
     updateAttribution();
   }
 
   function setBookmarkBarAttached(attached) {
     document.documentElement.setAttribute('bookmarkbarattached', attached);
   }
 
   /**
-   * Sets the proper image for the logo at the bottom left.
-   */
-  function updateLogo() {
-    var imageId = 'IDR_PRODUCT_LOGO';
-    if (document.documentElement.getAttribute('customlogo') == 'true')
-      imageId = 'IDR_CUSTOM_PRODUCT_LOGO';
-
-    $('logo-img').src = 'chrome://theme/' + imageId + '?' + Date.now();
-  }
-
-  /**
    * Attributes the attribution image at the bottom left.
    */
   function updateAttribution() {
     var attribution = $('attribution');
     if (document.documentElement.getAttribute('hasattribution') == 'true') {
       $('attribution-img').src =
           'chrome://theme/IDR_THEME_NTP_ATTRIBUTION?' + Date.now();
       attribution.hidden = false;
     } else {
       attribution.hidden = true;
@@ skipping 272 matching lines @@
     setSuggestionsPages: setSuggestionsPages,
     setRecentlyClosedTabs: setRecentlyClosedTabs,
     setStripeColor: setStripeColor,
     showNotification: showNotification,
     themeChanged: themeChanged,
     updateLogin: updateLogin
   };
 });
 
 document.addEventListener('DOMContentLoaded', ntp.onLoad);