switch ntp to jstemplate v2

chrome/browser/resources/ntp4/page_list_view.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 PageListView implementation.
  * PageListView manages page list, dot list, switcher buttons and handles apps
  * pages callbacks from backend.
  *
  * Note that you need to have AppLauncherHandler in your WebUI to use this code.
  */
 
 cr.define('ntp', function() {
   'use strict';
 
   /**
-   * Object for accessing localized strings.
-   * @type {!LocalStrings}
-   */
-  var localStrings = new LocalStrings;
-
-  /**
    * Creates a PageListView object.
    * @constructor
    * @extends {Object}
    */
   function PageListView() {
   }
 
   PageListView.prototype = {
     /**
      * The CardSlider object to use for changing app pages.
@@ skipping 110 matching lines @@
         new ntp.Trash(this.trash);
 
       this.pageSwitcherStart = opt_pageSwitcherStart;
       if (this.pageSwitcherStart)
         ntp.initializePageSwitcher(this.pageSwitcherStart);
 
       this.pageSwitcherEnd = opt_pageSwitcherEnd;
       if (this.pageSwitcherEnd)
         ntp.initializePageSwitcher(this.pageSwitcherEnd);
 
-      this.shownPage = templateData.shown_page_type;
-      this.shownPageIndex = templateData.shown_page_index;
+      this.shownPage = loadTimeData.getInteger('shown_page_type');
+      this.shownPageIndex = loadTimeData.getInteger('shown_page_index');
 
-      if (templateData.showApps) {
+      if (loadTimeData.getBoolean('showApps')) {
         // Request data on the apps so we can fill them in.
         // Note that this is kicked off asynchronously.  'getAppsCallback' will
         // be invoked at some point after this function returns.
         chrome.send('getApps');
       } else {
         // No apps page.
-        if (this.shownPage == templateData['apps_page_id']) {
-          this.shownPage = templateData['most_visited_page_id'];
+        if (this.shownPage == loadTimeData.getInteger('apps_page_id')) {
+          this.shownPage = loadTimeData.getInteger('most_visited_page_id');
           this.shownPageIndex = 0;
         }
 
         document.body.classList.add('bare-minimum');
       }
 
       document.addEventListener('keydown', this.onDocKeyDown_.bind(this));
       // Prevent touch events from triggering any sort of native scrolling.
       document.addEventListener('touchmove', function(e) {
         e.preventDefault();
@@ skipping 13 matching lines @@
       // because it needs to be called before the card slider's handler.
       var cardSlider = this.cardSlider;
       cardSliderFrame.addEventListener('mousewheel', function(e) {
         if (cardSlider.currentCardValue.handleMouseWheel(e)) {
           e.preventDefault();  // Prevent default scroll behavior.
           e.stopImmediatePropagation();  // Prevent horizontal card flipping.
         }
       });
 
       this.cardSlider.initialize(
-          templateData.isSwipeTrackingFromScrollEventsEnabled);
+          loadTimeData.getBoolean('isSwipeTrackingFromScrollEventsEnabled'));
 
       // Handle events from the card slider.
       this.pageList.addEventListener('cardSlider:card_changed',
                                      this.onCardChanged_.bind(this));
       this.pageList.addEventListener('cardSlider:card_added',
                                      this.onCardAdded_.bind(this));
       this.pageList.addEventListener('cardSlider:card_removed',
                                      this.onCardRemoved_.bind(this));
 
       // Ensure the slider is resized appropriately with the window.
@@ skipping 52 matching lines @@
 
       this.eventTracker.add(page, 'pagelayout', this.onPageLayout_.bind(this));
     },
 
     /**
      * Called by chrome when an app has changed positions.
      * @param {Object} appData The data for the app. This contains page and
      *     position indices.
      */
     appMoved: function(appData) {
-      assert(templateData.showApps);
+      assert(loadTimeData.getBoolean('showApps'));
 
       var app = $(appData.id);
       assert(app, 'trying to move an app that doesn\'t exist');
       app.remove(false);
 
       this.appsPages[appData.page_index].insertApp(appData);
     },
 
     /**
      * Called by chrome when an existing app has been disabled or
      * removed/uninstalled from chrome.
      * @param {Object} appData A data structure full of relevant information for
      *     the app.
      * @param {boolean} isUninstall True if the app is being uninstalled;
      *     false if the app is being disabled.
      * @param {boolean} fromPage True if the removal was from the current page.
      */
     appRemoved: function(appData, isUninstall, fromPage) {
-      assert(templateData.showApps);
+      assert(loadTimeData.getBoolean('showApps'));
 
       var app = $(appData.id);
       assert(app, 'trying to remove an app that doesn\'t exist');
 
       if (!isUninstall)
         app.replaceAppData(appData);
       else
         app.remove(!!fromPage);
     },
 
@@ skipping 15 matching lines @@
     /**
      * Callback invoked by chrome with the apps available.
      *
      * Note that calls to this function can occur at any time, not just in
      * response to a getApps request. For example, when a user
      * installs/uninstalls an app on another synchronized devices.
      * @param {Object} data An object with all the data on available
      *        applications.
      */
     getAppsCallback: function(data) {
-      assert(templateData.showApps);
+      assert(loadTimeData.getBoolean('showApps'));
 
       var startTime = Date.now();
 
       // Remember this to select the correct card when done rebuilding.
       var prevCurrentCard = this.cardSlider.currentCard;
 
       // Make removal of pages and dots as quick as possible with less DOM
       // operations, reflows, or repaints. We set currentCard = 0 and remove
       // from the end to not encounter any auto-magic card selections in the
       // process and we hide the card slider throughout.
@@ skipping 36 matching lines @@
       var lastAppsPageIndex = (lastAppsPage != null) ?
           Array.prototype.indexOf.call(this.tilePages, lastAppsPage) : -1;
       var nextPageAfterApps = lastAppsPageIndex != -1 ?
           this.tilePages[lastAppsPageIndex + 1] : null;
 
       // Add the apps, creating pages as necessary
       for (var i = 0; i < apps.length; i++) {
         var app = apps[i];
         var pageIndex = app.page_index || 0;
         while (pageIndex >= this.appsPages.length) {
-          var pageName = localStrings.getString('appDefaultPageName');
+          var pageName = loadTimeData.getString('appDefaultPageName');
           if (this.appsPages.length < pageNames.length)
             pageName = pageNames[this.appsPages.length];
 
           var origPageCount = this.appsPages.length;
           this.appendTilePage(new ntp.AppsPage(), pageName, true,
                               nextPageAfterApps);
           // Confirm that appsPages is a live object, updated when a new page is
           // added (otherwise we'd have an infinite loop)
           assert(this.appsPages.length == origPageCount + 1,
                  'expected new page');
@@ skipping 24 matching lines @@
       }
     },
 
     /**
      * Called by chrome when a new app has been added to chrome or has been
      * enabled if previously disabled.
      * @param {Object} appData A data structure full of relevant information for
      *     the app.
      */
     appAdded: function(appData, opt_highlight) {
-      assert(templateData.showApps);
+      assert(loadTimeData.getBoolean('showApps'));
 
       if (appData.id == this.highlightAppId) {
         opt_highlight = true;
         this.highlightAppId = null;
       }
 
       var pageIndex = appData.page_index || 0;
 
       if (pageIndex >= this.appsPages.length) {
         while (pageIndex >= this.appsPages.length) {
           this.appendTilePage(new ntp.AppsPage(),
-                              localStrings.getString('appDefaultPageName'),
+                              loadTimeData.getString('appDefaultPageName'),
                               true);
         }
         this.updateSliderCards();
       }
 
       var page = this.appsPages[pageIndex];
       var app = $(appData.id);
       if (app)
         app.replaceAppData(appData);
       else
         page.appendApp(appData, opt_highlight);
     },
 
     /**
      * Callback invoked by chrome whenever an app preference changes.
      * @param {Object} data An object with all the data on available
      *     applications.
      */
     appsPrefChangedCallback: function(data) {
-      assert(templateData.showApps);
+      assert(loadTimeData.getBoolean('showApps'));
 
       for (var i = 0; i < data.apps.length; ++i) {
         $(data.apps[i].id).appData = data.apps[i];
       }
 
       // Set the App dot names. Skip the first dot (Most Visited).
       var dots = this.dotList.getElementsByClassName('dot');
       var start = this.mostVisitedPage ? 1 : 0;
       for (var i = start; i < dots.length; ++i) {
         dots[i].displayTitle = data.appPageNames[i - start] || '';
       }
     },
 
     /**
      * Invoked whenever the pages in apps-page-list have changed so that
      * the Slider knows about the new elements.
      */
     updateSliderCards: function() {
       var pageNo = Math.max(0, Math.min(this.cardSlider.currentCard,
                                         this.tilePages.length - 1));
       this.cardSlider.setCards(Array.prototype.slice.call(this.tilePages),
                                pageNo);
       switch (this.shownPage) {
-        case templateData['apps_page_id']:
+        case loadTimeData.getInteger('apps_page_id'):
           this.cardSlider.selectCardByValue(
               this.appsPages[Math.min(this.shownPageIndex,
                                       this.appsPages.length - 1)]);
           break;
-        case templateData['most_visited_page_id']:
+        case loadTimeData.getInteger('most_visited_page_id'):
           if (this.mostVisitedPage)
             this.cardSlider.selectCardByValue(this.mostVisitedPage);
           break;
-        case templateData['suggestions_page_id']:
+        case loadTimeData.getInteger('suggestions_page_id'):
           if (this.suggestionsPage)
             this.cardSlider.selectCardByValue(this.suggestionsPage);
           break;
       }
     },
 
     /**
      * Called whenever tiles should be re-arranging themselves out of the way
      * of a moving or insert tile.
      */
     enterRearrangeMode: function() {
-      if (templateData.showApps) {
+      if (loadTimeData.getBoolean('showApps')) {
         var tempPage = new ntp.AppsPage();
         tempPage.classList.add('temporary');
-        var pageName = localStrings.getString('appDefaultPageName');
+        var pageName = loadTimeData.getString('appDefaultPageName');
         this.appendTilePage(tempPage, pageName, true);
       }
 
       if (ntp.getCurrentlyDraggingTile().firstChild.canBeRemoved())
         $('footer').classList.add('showing-trash-mode');
 
       document.documentElement.classList.add('dragging-mode');
     },
 
     /**
      * Invoked whenever some app is released
      */
     leaveRearrangeMode: function() {
       var tempPage = document.querySelector('.tile-page.temporary');
       if (tempPage) {
         var dot = tempPage.navigationDot;
         if (!tempPage.tileCount &&
             tempPage != this.cardSlider.currentCardValue) {
           this.removeTilePageAndDot_(tempPage, true);
         } else {
           tempPage.classList.remove('temporary');
           this.saveAppPageName(tempPage,
-                               localStrings.getString('appDefaultPageName'));
+                               loadTimeData.getString('appDefaultPageName'));
         }
       }
 
       $('footer').classList.remove('showing-trash-mode');
       document.documentElement.classList.remove('dragging-mode');
     },
 
     /**
      * Callback for the 'pagelayout' event.
      * @param {Event} e The event.
@@ skipping 59 matching lines @@
      * @param {Event} e The cardSlider:card_changed event.
      * @private
      */
     onCardChanged_: function(e) {
       var page = e.cardSlider.currentCardValue;
 
       // Don't change shownPage until startup is done (and page changes actually
       // reflect user actions).
       if (!this.isStartingUp_()) {
         if (page.classList.contains('apps-page')) {
-          this.shownPage = templateData.apps_page_id;
+          this.shownPage = loadTimeData.getInteger('apps_page_id');
           this.shownPageIndex = this.getAppsPageIndex(page);
         } else if (page.classList.contains('most-visited-page')) {
-          this.shownPage = templateData.most_visited_page_id;
+          this.shownPage = loadTimeData.getInteger('most_visited_page_id');
           this.shownPageIndex = 0;
         } else if (page.classList.contains('suggestions-page')) {
-          this.shownPage = templateData.suggestions_page_id;
+          this.shownPage = loadTimeData.getInteger('suggestions_page_id');
           this.shownPageIndex = 0;
         } else {
           console.error('unknown page selected');
         }
         chrome.send('pageSelected', [this.shownPage, this.shownPageIndex]);
       }
 
       // Update the active dot
       var curDot = this.dotList.getElementsByClassName('selected')[0];
       if (curDot)
@@ skipping 107 matching lines @@
       if (page.navigationDot)
         page.navigationDot.remove(opt_animate);
       this.cardSlider.removeCard(page);
     },
   };
 
   return {
     PageListView: PageListView
   };
 });