convert history page to loadTimeData

chrome/browser/resources/history/history.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.
 
 <include src="../uber/uber_utils.js">
 
 ///////////////////////////////////////////////////////////////////////////////
 // Globals:
 /** @const */ var RESULTS_PER_PAGE = 150;
 /** @const */ var MAX_SEARCH_DEPTH_MONTHS = 18;
@@ skipping 17 matching lines @@
 }
 
 function findAncestorWithClass(node, className) {
   while ((node = node.parentNode)) {
     if (node.classList.contains(className)) return node;
   }
   return null;
 }
 
 // TODO(glen): Get rid of these global references, replace with a controller
 //     or just make the classes own more of the page.

[Dan Beam, 2012/04/30 17:11:30]

this probably shouldn't be indented, but it's also like an archaeological TODO()
at this point, not sure if should preserve -_-.

 var historyModel;
 var historyView;
-var localStrings;
 var pageState;
 var deleteQueue = [];
 var selectionAnchor = -1;
 var activePage = null;
 
 /** @const */ var MenuButton = cr.ui.MenuButton;
 /** @const */ var Command = cr.ui.Command;
 /** @const */ var Menu = cr.ui.Menu;
 
 function createDropDownBgImage(canvasName, colorSpec) {
@@ skipping 65 matching lines @@
  * @return {Node} A DOM node to represent the history entry or search result.
  */
 Page.prototype.getResultDOM = function(searchResultFlag) {
   var node = createElementWithClassName('li', 'entry');
   var time = createElementWithClassName('div', 'time');
   var entryBox = createElementWithClassName('label', 'entry-box');
   var domain = createElementWithClassName('div', 'domain');
 
   var dropDown = createElementWithClassName('button', 'drop-down');
   dropDown.value = 'Open action menu';
-  dropDown.title = localStrings.getString('actionMenuDescription');
+  dropDown.title = loadTimeData.getString('actionMenuDescription');
   dropDown.setAttribute('menu', '#action-menu');
   cr.ui.decorate(dropDown, MenuButton);
 
   // Checkbox is always created, but only visible on hover & when checked.
   var checkbox = document.createElement('input');
   checkbox.type = 'checkbox';
   checkbox.id = 'checkbox-' + this.id_;
   checkbox.time = this.time.getTime();
   checkbox.addEventListener('click', checkboxClicked);
   time.appendChild(checkbox);
@@ skipping 541 matching lines @@
 HistoryView.prototype.displayResults_ = function() {
   var results = this.model_.getNumberedRange(
       this.pageIndex_ * RESULTS_PER_PAGE,
       this.pageIndex_ * RESULTS_PER_PAGE + RESULTS_PER_PAGE);
 
   var searchText = this.model_.getSearchText();
   if (searchText) {
     // Add a header for the search results, if there isn't already one.
     if (!this.resultDiv_.querySelector('h3')) {
       var header = document.createElement('h3');
-      header.textContent = localStrings.getStringF('searchresultsfor',
+      header.textContent = loadTimeData.getStringF('searchresultsfor',
                                                    searchText);
       this.resultDiv_.appendChild(header);
     }
 
     var searchResults = createElementWithClassName('ol', 'search-results');
     for (var i = 0, page; page = results[i]; i++) {
       if (!page.isRendered) {
         searchResults.appendChild(page.getResultDOM(true));
         this.setPageRendered_(page);
       }
     }
     this.resultDiv_.appendChild(searchResults);
   } else {
     var resultsFragment = document.createDocumentFragment();
     var lastTime = Math.infinity;
     var dayResults;
     for (var i = 0, page; page = results[i]; i++) {
       if (page.isRendered) {
         continue;
       }
       // Break across day boundaries and insert gaps for browsing pauses.
       // Create a dayResults element to contain results for each day
       var thisTime = page.time.getTime();
 
       if ((i == 0 && page.continued) || !page.continued) {
         var day = createElementWithClassName('h3', 'day');
         day.appendChild(document.createTextNode(page.dateRelativeDay));
         if (i == 0 && page.continued) {
           day.appendChild(document.createTextNode(' ' +
-              localStrings.getString('cont')));
+              loadTimeData.getString('cont')));
         }
 
         // If there is an existing dayResults element, append it.
         if (dayResults) {
           resultsFragment.appendChild(dayResults);
         }
         resultsFragment.appendChild(day);
         dayResults = createElementWithClassName('ol', 'day-results');
       } else if (lastTime - thisTime > BROWSING_GAP_TIME) {
         if (dayResults) {
@@ skipping 19 matching lines @@
 
 /**
  * Update the pagination tools.
  * @private
  */
 HistoryView.prototype.displayNavBar_ = function() {
   this.pageDiv_.textContent = '';
 
   if (this.pageIndex_ > 0) {
     this.pageDiv_.appendChild(
-        this.createPageNav_(0, localStrings.getString('newest')));
+        this.createPageNav_(0, loadTimeData.getString('newest')));
     this.pageDiv_.appendChild(
         this.createPageNav_(this.pageIndex_ - 1,
-                            localStrings.getString('newer')));
+                            loadTimeData.getString('newer')));
   }
 
   // TODO(feldstein): this causes the navbar to not show up when your first
   // page has the exact amount of results as RESULTS_PER_PAGE.
   if (this.model_.getSize() > (this.pageIndex_ + 1) * RESULTS_PER_PAGE) {
     this.pageDiv_.appendChild(
         this.createPageNav_(this.pageIndex_ + 1,
-                            localStrings.getString('older')));
+                            loadTimeData.getString('older')));
   }
 };
 
 /**
  * Make a DOM object representation of a page navigation link.
  * @param {number} page The page index the navigation element should link to
  * @param {string} name The text content of the link
  * @return {HTMLAnchorElement} the pagination link
  * @private
  */
@@ skipping 139 matching lines @@
 // Document Functions:
 /**
  * Window onload handler, sets up the page.
  */
 function load() {
   uber.onContentFrameLoaded();
 
   var searchField = $('search-field');
   searchField.focus();
 
-  localStrings = new LocalStrings();
   historyModel = new HistoryModel();
   historyView = new HistoryView(historyModel);
   pageState = new PageState(historyModel, historyView);
 
   // Create default view.
   var hashData = pageState.getHashData();
   historyView.setSearch(hashData.q, hashData.p);
 
   $('search-form').onsubmit = function() {
     setSearch(searchField.value);
     return false;
   };
 
   $('remove-page').addEventListener('activate', function(e) {
     activePage.removeFromHistory_();
     activePage = null;
   });
   $('more-from-site').addEventListener('activate', function(e) {
     activePage.showMoreFromSite_();
     activePage = null;
   });
 
-  var title = localStrings.getString('title');
+  var title = loadTimeData.getString('title');
   uber.invokeMethodOnParent('setTitle', {title: title});
 
   window.addEventListener('message', function(e) {
     if (e.data.method == 'frameSelected')
       searchField.focus();
   });
 }
 
 /**
  * TODO(glen): Get rid of this function.
@@ skipping 80 matching lines @@
     }
     var link = findAncestorWithClass(checkbox, 'entry-box').querySelector('a');
     checkbox.disabled = true;
     link.classList.add('to-be-removed');
     disabledItems.push(checkbox);
     urls.push(link.href);
   }
   if (urls.length > 0) {
     queue.push([date, urls]);
   }
-  if (checked.length > 0 && confirm(localStrings.getString('deletewarning'))) {
+  if (checked.length > 0 && confirm(loadTimeData.getString('deletewarning'))) {
     for (var i = 0; i < queue.length; i++) {
       // Reload the page when the final entry has been deleted.
       var callback = i == 0 ? reloadHistory : null;
 
       queueURLsForDeletion(queue[i][0], queue[i][1], callback);
     }
     deleteNextInQueue();
   } else {
     // If the remove is cancelled, return the checkboxes to their
     // enabled, non-line-through state.
@@ skipping 127 matching lines @@
     historyView.reload();
 }
 
 // Add handlers to HTML elements.
 document.addEventListener('DOMContentLoaded', load);
 
 // This event lets us enable and disable menu items before the menu is shown.
 document.addEventListener('canExecute', function(e) {
   e.canExecute = true;
 });