DO NOT SUBMIT: what chrome/browser/resources/ could eventually look like with clang-format

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.
+// Single iframe for NTP tiles.
 (function() {
 'use strict';
 
 
 /**
  * The different types of events that are logged from the NTP.  This enum is
  * used to transfer information from the NTP JavaScript to the renderer and is
  * not used as a UMA enum histogram's logged value.
  * Note: Keep in sync with common/ntp_logging_events.h
  * @enum {number}
@@ skipping 94 matching lines @@
   chrome.embeddedSearch.newTabPage.logEvent(eventType);
 };
 
 /**
  * Log impression of an NTP tile.
  * @param {number} tileIndex Position of the tile, >= 0 and < NUMBER_OF_TILES.
  * @param {number} tileSource The source from TileSource.
  * @param {number} tileType The type from TileVisualType.
  */
 function logMostVisitedImpression(tileIndex, tileSource, tileType) {
-  chrome.embeddedSearch.newTabPage.logMostVisitedImpression(tileIndex,
-                                                            tileSource,
-                                                            tileType);
+  chrome.embeddedSearch.newTabPage.logMostVisitedImpression(
+      tileIndex, tileSource, tileType);
 }
 
 /**
  * Log click on an NTP tile.
  * @param {number} tileIndex Position of the tile, >= 0 and < NUMBER_OF_TILES.
  * @param {number} tileSource The source from TileSource.
  * @param {number} tileType The type from TileVisualType.
  */
 function logMostVisitedNavigation(tileIndex, tileSource, tileType) {
-  chrome.embeddedSearch.newTabPage.logMostVisitedNavigation(tileIndex,
-                                                            tileSource,
-                                                            tileType);
+  chrome.embeddedSearch.newTabPage.logMostVisitedNavigation(
+      tileIndex, tileSource, tileType);
 }
 
 /**
  * Down counts the DOM elements that we are waiting for the page to load.
  * When we get to 0, we send a message to the parent window.
  * This is usually used as an EventListener of onload/onerror.
  */
 var countLoad = function() {
   loadedCounter -= 1;
   if (loadedCounter <= 0) {
@@ skipping 55 matching lines @@
 
 
 /**
  * Handler for the 'updateTheme' message from the host page.
  * @param {object} info Data received in the message.
  */
 var updateTheme = function(info) {
   var themeStyle = [];
 
   if (info.tileBorderColor) {
-    themeStyle.push('.mv-tile {' +
+    themeStyle.push(
+        '.mv-tile {' +
         'border: 1px solid ' + info.tileBorderColor + '; }');
   }
   if (info.tileHoverBorderColor) {
-    themeStyle.push('.mv-tile:hover {' +
+    themeStyle.push(
+        '.mv-tile:hover {' +
         'border-color: ' + info.tileHoverBorderColor + '; }');
   }
   if (info.isThemeDark) {
-    themeStyle.push('.mv-tile, .mv-empty-tile { ' +
+    themeStyle.push(
+        '.mv-tile, .mv-empty-tile { ' +
         'background: rgb(51,51,51); }');
-    themeStyle.push('.mv-thumb.failed-img { ' +
+    themeStyle.push(
+        '.mv-thumb.failed-img { ' +
         'background-color: #555; }');
-    themeStyle.push('.mv-thumb.failed-img::after { ' +
+    themeStyle.push(
+        '.mv-thumb.failed-img::after { ' +
         'border-color: #333; }');
-    themeStyle.push('.mv-x { ' +
+    themeStyle.push(
+        '.mv-x { ' +
         'background: linear-gradient(to left, ' +
         'rgb(51,51,51) 60%, transparent); }');
-    themeStyle.push('html[dir=rtl] .mv-x { ' +
+    themeStyle.push(
+        'html[dir=rtl] .mv-x { ' +
         'background: linear-gradient(to right, ' +
         'rgb(51,51,51) 60%, transparent); }');
-    themeStyle.push('.mv-x::after { ' +
+    themeStyle.push(
+        '.mv-x::after { ' +
         'background-color: rgba(255,255,255,0.7); }');
-    themeStyle.push('.mv-x:hover::after { ' +
+    themeStyle.push(
+        '.mv-x:hover::after { ' +
         'background-color: #fff; }');
-    themeStyle.push('.mv-x:active::after { ' +
+    themeStyle.push(
+        '.mv-x:active::after { ' +
         'background-color: rgba(255,255,255,0.5); }');
   }
   if (info.tileTitleColor) {
     themeStyle.push('body { color: ' + info.tileTitleColor + '; }');
   }
 
   document.querySelector('#custom-theme').textContent = themeStyle.join('\n');
 };
 
 
 /**
  * Hides extra tiles that don't fit on screen. Called in response to the 'show'
  * and 'tilesVisible' messages from the host page.
  */
 var hideOverflowTiles = function(data) {
-  var tileAndEmptyTileList = document.querySelectorAll(
-      '#mv-tiles .mv-tile,#mv-tiles .mv-empty-tile');
+  var tileAndEmptyTileList =
+      document.querySelectorAll('#mv-tiles .mv-tile,#mv-tiles .mv-empty-tile');
   for (var i = 0; i < tileAndEmptyTileList.length; ++i) {
     tileAndEmptyTileList[i].classList.toggle('hidden', i >= data.maxVisible);
   }
 };
 
 
 /**
  * Removes all old instances of #mv-tiles that are pending for deletion.
  */
 var removeAllOldTiles = function() {
@@ skipping 89 matching lines @@
 
 /**
  * Called when the user decided to add a tile to the blacklist.
  * It sets off the animation for the blacklist and sends the blacklisted id
  * to the host page.
  * @param {Element} tile DOM node of the tile we want to remove.
  */
 var blacklistTile = function(tile) {
   tile.classList.add('blacklisted');
   tile.addEventListener('transitionend', function(ev) {
-    if (ev.propertyName != 'width') return;
+    if (ev.propertyName != 'width')
+      return;
 
-    window.parent.postMessage({cmd: 'tileBlacklisted',
-                               tid: Number(tile.getAttribute('data-tid'))},
-                              DOMAIN_ORIGIN);
+    window.parent.postMessage(
+        {cmd: 'tileBlacklisted', tid: Number(tile.getAttribute('data-tid'))},
+        DOMAIN_ORIGIN);
   });
 };
 
 
 /**
  * Returns whether the given URL has a known, safe scheme.
  * @param {string} url URL to check.
  */
 var isSchemeAllowed = function(url) {
   return url.startsWith('http://') || url.startsWith('https://') ||
-         url.startsWith('ftp://') || url.startsWith('chrome-extension://');
+      url.startsWith('ftp://') || url.startsWith('chrome-extension://');
 };
 
 
 /**
  * Renders a MostVisited tile to the DOM.
  * @param {object} data Object containing rid, url, title, favicon, thumbnail.
  *     data is null if you want to construct an empty tile.
  */
 var renderTile = function(data) {
   var tile = document.createElement('a');
@@ skipping 27 matching lines @@
   tile.addEventListener('click', function(ev) {
     logMostVisitedNavigation(position, data.tileSource, tileType);
   });
 
   tile.addEventListener('keydown', function(event) {
     if (event.keyCode == 46 /* DELETE */ ||
         event.keyCode == 8 /* BACKSPACE */) {
       event.preventDefault();
       event.stopPropagation();
       blacklistTile(this);
-    } else if (event.keyCode == 13 /* ENTER */ ||
-               event.keyCode == 32 /* SPACE */) {
+    } else if (
+        event.keyCode == 13 /* ENTER */ || event.keyCode == 32 /* SPACE */) {
       event.preventDefault();
       this.click();
     } else if (event.keyCode >= 37 && event.keyCode <= 40 /* ARROWS */) {
       // specify the direction of movement
       var inArrowDirection = function(origin, target) {
         return (event.keyCode == 37 /* LEFT */ &&
                 origin.offsetTop == target.offsetTop &&
                 origin.offsetLeft > target.offsetLeft) ||
-                (event.keyCode == 38 /* UP */ &&
-                origin.offsetTop > target.offsetTop &&
-                origin.offsetLeft == target.offsetLeft) ||
-                (event.keyCode == 39 /* RIGHT */ &&
-                origin.offsetTop == target.offsetTop &&
-                origin.offsetLeft < target.offsetLeft) ||
-                (event.keyCode == 40 /* DOWN */ &&
-                origin.offsetTop < target.offsetTop &&
-                origin.offsetLeft == target.offsetLeft);
+            (event.keyCode == 38 /* UP */ &&
+             origin.offsetTop > target.offsetTop &&
+             origin.offsetLeft == target.offsetLeft) ||
+            (event.keyCode == 39 /* RIGHT */ &&
+             origin.offsetTop == target.offsetTop &&
+             origin.offsetLeft < target.offsetLeft) ||
+            (event.keyCode == 40 /* DOWN */ &&
+             origin.offsetTop < target.offsetTop &&
+             origin.offsetLeft == target.offsetLeft);
       };
 
       var nonEmptyTiles = document.querySelectorAll('#mv-tiles .mv-tile');
       var nextTile = null;
       // Find the closest tile in the appropriate direction.
       for (var i = 0; i < nonEmptyTiles.length; i++) {
         if (inArrowDirection(this, nonEmptyTiles[i]) &&
             (!nextTile || inArrowDirection(nonEmptyTiles[i], nextTile))) {
           nextTile = nonEmptyTiles[i];
         }
@@ skipping 73 matching lines @@
   // one-by-one via addTile, and the whole thing will be inserted into the page
   // in swapInNewTiles, after the parent has sent us the 'show' message, and all
   // thumbnails and favicons have loaded.
   tiles = document.createElement('div');
 
   // Parse query arguments.
   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;
+    if (val[0] == '')
+      continue;
     queryArgs[decodeURIComponent(val[0])] = decodeURIComponent(val[1]);
   }
 
   if ('ntl' in queryArgs) {
     var ntl = parseInt(queryArgs['ntl'], 10);
     if (isFinite(ntl))
       NUM_TITLE_LINES = ntl;
   }
 
   // Enable RTL.
   if (queryArgs['rtl'] == '1') {
     var html = document.querySelector('html');
     html.dir = 'rtl';
   }
 
   window.addEventListener('message', handlePostMessage);
 };
 
 
 window.addEventListener('DOMContentLoaded', init);
 })();