[New Tab Page] Reset default parameters for NTP title.html, adding param for multiline.

chrome/browser/resources/local_ntp/most_visited_single.js

 /* Copyright 2015 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. */
 
  // Single iframe for NTP tiles.
 (function() {
 'use strict';
 
 
 /**
@@ skipping 29 matching lines @@
   // The visuals of that tile's fallback are handled externally. Unused here.
   NTP_EXTERNAL_TILE_FALLBACK: 8,
   // The user moused over an NTP tile.
   NTP_MOUSEOVER: 9,
   // A NTP Tile has finished loading (successfully or failing).
   NTP_TILE_LOADED: 10,
 };
 
 
 /**
- * Whether to use icons instead of thumbnails.
- * @const {number}
- */
-var USE_ICONS = false;
-
-
-/**
  * Total number of tiles to show at any time. If the host page doesn't send
  * enough tiles, we fill them blank.
  * @const {number}
  */
 var NUMBER_OF_TILES = 8;
 
 
 /**
+ * Whether to use icons instead of thumbnails.
+ * @type {boolean}
+ */
+var USE_ICONS = false;
+
+
+/**
+ * Number of lines to display in titles.
+ * @type {number}
+ */
+var NUM_TITLE_LINES = 1;
+
+
+/**
  * The origin of this request.
  * @const {string}
  */
 var DOMAIN_ORIGIN = '{{ORIGIN}}';
 
 
 /**
  * Counter for DOM elements that we are waiting to finish loading.
  * @type {number}
  */
@@ skipping 263 matching lines @@
     }
   });
   // TODO(fserb): remove this or at least change to mouseenter.
   tile.addEventListener('mouseover', function() {
     logEvent(LOG_TYPE.NTP_MOUSEOVER);
   });
 
   var title = tile.querySelector('.mv-title');
   title.innerText = data.title;
   title.style.direction = data.direction || 'ltr';
+  if (NUM_TITLE_LINES > 1) {

[fserb, 2015/04/07 17:25:13]

How is this supposed to work?
It doesn't matter the number of tiles per line?

[huangs, 2015/04/07 17:28:22]

It's number of lines per title.  Single line title can truncated.  Multi-line
would require wrap, and more complicated treatment at end (TODO).

+    title.classList.add('multiline');
+  }
 
   var hasIcon = USE_ICONS && data.largeIconUrl;
   var hasThumb = !USE_ICONS && data.thumbnailUrl;
   var thumb = tile.querySelector('.mv-thumb');
   if (hasIcon || hasThumb) {
     var img = document.createElement('img');
     img.title = data.title;
     if (hasIcon) {
       img.src = data.largeIconUrl;
       img.classList.add('large-icon');
@@ skipping 62 matching lines @@
   var query = window.location.search.substring(1).split('&');
   queryArgs = {};
   for (var i = 0; i < query.length; ++i) {
     var val = query[i].split('=');
     if (val[0] == '') continue;
     queryArgs[decodeURIComponent(val[0])] = decodeURIComponent(val[1]);
   }
 
   // Apply class for icon NTP, if specified.
   USE_ICONS = queryArgs['icons'] == '1';
+  if ('ntl' in queryArgs) {
+    var ntl = parseInt(queryArgs['ntl'], 10);
+    if (isFinite(ntl))
+      NUM_TITLE_LINES = ntl;
+  }
+
   // Duplicating NTP_DESIGN.mainClass.
   document.querySelector('#most-visited').classList.add(
       USE_ICONS ? 'icon-ntp' : 'thumb-ntp');
 
   // Enable RTL.
   if (queryArgs['rtl'] == '1') {
     var html = document.querySelector('html');
     html.dir = 'rtl';
   }
 
   window.addEventListener('message', handlePostMessage);
 };
 
 
 window.addEventListener('DOMContentLoaded', init);
 })();