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

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.
@@ skipping 31 matching lines @@
 var AppInfo;
 
 cr.define('ntp', function() {
   'use strict';
 
   /**
    * Creates a PageListView object.
    * @constructor
    * @extends {Object}
    */
-  function PageListView() {
-  }
+  function PageListView() {}
 
   PageListView.prototype = {
     /**
      * The CardSlider object to use for changing app pages.
      * @type {cr.ui.CardSlider|undefined}
      */
     cardSlider: undefined,
 
     /**
      * The frame div for this.cardSlider.
@@ skipping 67 matching lines @@
      * @param {!Element} dotList An UL element to host nav dots. Each dot
      *     represents a page.
      * @param {!Element} cardSliderFrame The card slider frame that hosts
      *     pageList and switcher buttons.
      * @param {!Element|undefined} opt_trash Optional trash element.
      * @param {!ntp.PageSwitcher|undefined} opt_pageSwitcherStart Optional start
      *     page switcher button.
      * @param {!ntp.PageSwitcher|undefined} opt_pageSwitcherEnd Optional end
      *     page switcher button.
      */
-    initialize: function(pageList, dotList, cardSliderFrame, opt_trash,
-                         opt_pageSwitcherStart, opt_pageSwitcherEnd) {
+    initialize: function(
+        pageList, dotList, cardSliderFrame, opt_trash, opt_pageSwitcherStart,
+        opt_pageSwitcherEnd) {
       this.pageList = pageList;
 
       this.dotList = dotList;
       cr.ui.decorate(this.dotList, ntp.DotList);
 
       this.trash = opt_trash;
       if (this.trash)
         new ntp.Trash(this.trash);
 
       this.pageSwitcherStart = opt_pageSwitcherStart;
@@ skipping 14 matching lines @@
       // be invoked at some point after this function returns.
       chrome.send('getApps');
 
       document.addEventListener('keydown', this.onDocKeyDown_.bind(this));
 
       this.tilePages = this.pageList.getElementsByClassName('tile-page');
       this.appsPages = this.pageList.getElementsByClassName('apps-page');
 
       // Initialize the cardSlider without any cards at the moment.
       this.sliderFrame = cardSliderFrame;
-      this.cardSlider = new cr.ui.CardSlider(this.sliderFrame, this.pageList,
-          this.sliderFrame.offsetWidth);
+      this.cardSlider = new cr.ui.CardSlider(
+          this.sliderFrame, this.pageList, this.sliderFrame.offsetWidth);
 
       // Prevent touch events from triggering any sort of native scrolling if
       // there are multiple cards in the slider frame.
       var cardSlider = this.cardSlider;
       cardSliderFrame.addEventListener('touchmove', function(e) {
         if (cardSlider.cardCount <= 1)
           return;
         e.preventDefault();
       }, true);
 
       // Handle mousewheel events anywhere in the card slider, so that wheel
       // events on the page switchers will still scroll the page.
       // This listener must be added before the card slider is initialized,
       // because it needs to be called before the card slider's handler.
       cardSliderFrame.addEventListener('mousewheel', function(e) {
         if (cardSlider.currentCardValue.handleMouseWheel(e)) {
-          e.preventDefault();  // Prevent default scroll behavior.
+          e.preventDefault();            // Prevent default scroll behavior.
           e.stopImmediatePropagation();  // Prevent horizontal card flipping.
         }
       });
 
       this.cardSlider.initialize(
           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));
+      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.
       window.addEventListener('resize', this.onWindowResize_.bind(this));
 
       // Update apps when online state changes.
-      window.addEventListener('online',
-          this.updateOfflineEnabledApps_.bind(this));
-      window.addEventListener('offline',
-          this.updateOfflineEnabledApps_.bind(this));
+      window.addEventListener(
+          'online', this.updateOfflineEnabledApps_.bind(this));
+      window.addEventListener(
+          'offline', this.updateOfflineEnabledApps_.bind(this));
     },
 
     /**
      * Appends a tile page.
      *
      * @param {!ntp.TilePage} page The page element.
      * @param {string} title The title of the tile page.
      * @param {boolean} titleIsEditable If true, the title can be changed.
      * @param {ntp.TilePage=} opt_refNode Optional reference node to insert in
      *     front of.
      * When opt_refNode is falsey, |page| will just be appended to the end of
      * the page list.
      */
     appendTilePage: function(page, title, titleIsEditable, opt_refNode) {
       if (opt_refNode) {
         var refIndex = this.getTilePageIndex(opt_refNode);
         this.cardSlider.addCardAtIndex(page, refIndex);
       } else {
         this.cardSlider.appendCard(page);
       }
 
       // If we're appending an AppsPage and it's a temporary page, animate it.
-      var animate = page instanceof ntp.AppsPage &&
-                    page.classList.contains('temporary');
+      var animate =
+          page instanceof ntp.AppsPage && page.classList.contains('temporary');
       // Make a deep copy of the dot template to add a new one.
       var newDot = new ntp.NavDot(page, title, titleIsEditable, animate);
       page.navigationDot = newDot;
-      this.dotList.insertBefore(newDot,
-                                opt_refNode ? opt_refNode.navigationDot : null);
+      this.dotList.insertBefore(
+          newDot, opt_refNode ? opt_refNode.navigationDot : null);
       // Set a tab index on the first dot.
       if (this.dotList.dots.length == 1)
         newDot.tabIndex = 3;
 
       this.eventTracker.add(page, 'pagelayout', this.onPageLayout_.bind(this));
     },
 
     /**
      * Called by chrome when an app has changed positions.
      * @param {AppInfo} appData The data for the app. This contains page and
      *     position indices.
      */
     appMoved: function(appData) {
       assert(loadTimeData.getBoolean('showApps'));
 
-      var app = /** @type {ntp.App} */($(appData.id));
+      var app = /** @type {ntp.App} */ ($(appData.id));
       assert(app, 'trying to move an app that doesn\'t exist');
       app.remove(false);
 
       this.appsPages[appData.page_index].insertApp(appData, false);
     },
 
     /**
      * Called by chrome when an existing app has been disabled or
      * removed/uninstalled from chrome.
      * @param {AppInfo} 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(loadTimeData.getBoolean('showApps'));
 
-      var app = /** @type {ntp.App} */($(appData.id));
+      var app = /** @type {ntp.App} */ ($(appData.id));
       assert(app, 'trying to remove an app that doesn\'t exist');
 
       if (!isUninstall)
         app.replaceAppData(appData);
       else
         app.remove(!!fromPage);
     },
 
     /**
      * @return {boolean} If the page is still starting up.
@@ skipping 50 matching lines @@
       function stringListIsEmpty(list) {
         for (var i = 0; i < list.length; i++) {
           if (list[i])
             return false;
         }
         return true;
       }
 
       // Sort by launch ordinal
       apps.sort(function(a, b) {
-        return a.app_launch_ordinal > b.app_launch_ordinal ? 1 :
-          a.app_launch_ordinal < b.app_launch_ordinal ? -1 : 0;
+        return a.app_launch_ordinal > b.app_launch_ordinal ?
+            1 :
+            a.app_launch_ordinal < b.app_launch_ordinal ? -1 : 0;
       });
 
       // An app to animate (in case it was just installed).
       var highlightApp;
 
       // If there are any pages after the apps, add new pages before them.
       var lastAppsPage = (this.appsPages.length > 0) ?
-          this.appsPages[this.appsPages.length - 1] : null;
+          this.appsPages[this.appsPages.length - 1] :
+          null;
       var lastAppsPageIndex = (lastAppsPage != null) ?
-          Array.prototype.indexOf.call(this.tilePages, lastAppsPage) : -1;
+          Array.prototype.indexOf.call(this.tilePages, lastAppsPage) :
+          -1;
       var nextPageAfterApps = lastAppsPageIndex != -1 ?
-          this.tilePages[lastAppsPageIndex + 1] : null;
+          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 = 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);
+          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');
+          assert(
+              this.appsPages.length == origPageCount + 1, 'expected new page');
         }
 
         if (app.id == this.highlightAppId)
           highlightApp = app;
         else
           this.appsPages[pageIndex].insertApp(app, false);
       }
 
       this.cardSlider.currentCard = prevCurrentCard;
 
@@ skipping 26 matching lines @@
 
       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(),
-                              loadTimeData.getString('appDefaultPageName'),
-                              true);
+          this.appendTilePage(
+              new ntp.AppsPage(), loadTimeData.getString('appDefaultPageName'),
+              true);
         }
         this.updateSliderCards();
       }
 
       var page = this.appsPages[pageIndex];
       var app = $(appData.id);
       if (app) {
         app.replaceAppData(appData);
       } else if (opt_highlight) {
         page.insertAndHighlightApp(appData);
@@ skipping 39 matching lines @@
     updateAppLauncherPromoHiddenState_: function() {
       $('app-launcher-promo').hidden =
           !loadTimeData.getBoolean('showAppLauncherPromo');
     },
 
     /**
      * 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);
+      var pageNo = Math.max(
+          0, Math.min(this.cardSlider.currentCard, this.tilePages.length - 1));
+      this.cardSlider.setCards(
+          Array.prototype.slice.call(this.tilePages), pageNo);
       if (loadTimeData.getBoolean('showApps')) {
-        this.cardSlider.selectCardByValue(
-            this.appsPages[Math.min(this.shownPageIndex,
-                                    this.appsPages.length - 1)]);
+        this.cardSlider.selectCardByValue(this.appsPages[Math.min(
+            this.shownPageIndex, this.appsPages.length - 1)]);
       }
     },
 
     /**
      * Called whenever tiles should be re-arranging themselves out of the way
      * of a moving or insert tile.
      */
     enterRearrangeMode: function() {
       if (loadTimeData.getBoolean('showApps')) {
         var tempPage = new ntp.AppsPage();
         tempPage.classList.add('temporary');
         var pageName = loadTimeData.getString('appDefaultPageName');
         this.appendTilePage(tempPage, pageName, true);
       }
 
       if (ntp.getCurrentlyDraggingTile().firstChild.canBeRemoved()) {
         $('footer').classList.add('showing-trash-mode');
         $('footer-menu-container').style.minWidth = $('trash').offsetWidth -
             $('chrome-web-store-link').offsetWidth + 'px';
       }
 
       document.documentElement.classList.add('dragging-mode');
     },
 
     /**
      * Invoked whenever some app is released
      */
     leaveRearrangeMode: function() {
-      var tempPage = /** @type {ntp.AppsPage} */(
+      var tempPage = /** @type {ntp.AppsPage} */ (
           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,
-                               loadTimeData.getString('appDefaultPageName'));
+          this.saveAppPageName(
+              tempPage, loadTimeData.getString('appDefaultPageName'));
         }
       }
 
       $('footer').classList.remove('showing-trash-mode');
       $('footer-menu-container').style.minWidth = '';
       document.documentElement.classList.remove('dragging-mode');
     },
 
     /**
      * Callback for the 'pagelayout' event.
@@ skipping 12 matching lines @@
      * Adjusts the size and position of the page switchers according to the
      * layout of the current card, and updates the aria-label attributes of
      * the page switchers.
      */
     updatePageSwitchers: function() {
       if (!this.pageSwitcherStart || !this.pageSwitcherEnd)
         return;
 
       var page = this.cardSlider.currentCardValue;
 
-      this.pageSwitcherStart.hidden = !page ||
-          (this.cardSlider.currentCard == 0);
+      this.pageSwitcherStart.hidden =
+          !page || (this.cardSlider.currentCard == 0);
       this.pageSwitcherEnd.hidden = !page ||
           (this.cardSlider.currentCard == this.cardSlider.cardCount - 1);
 
       if (!page)
         return;
 
-      var pageSwitcherLeft = isRTL() ? this.pageSwitcherEnd :
-                                       this.pageSwitcherStart;
-      var pageSwitcherRight = isRTL() ? this.pageSwitcherStart :
-                                        this.pageSwitcherEnd;
+      var pageSwitcherLeft =
+          isRTL() ? this.pageSwitcherEnd : this.pageSwitcherStart;
+      var pageSwitcherRight =
+          isRTL() ? this.pageSwitcherStart : this.pageSwitcherEnd;
       var scrollbarWidth = page.scrollbarWidth;
-      pageSwitcherLeft.style.width =
-          (page.sideMargin + 13) + 'px';
+      pageSwitcherLeft.style.width = (page.sideMargin + 13) + 'px';
       pageSwitcherLeft.style.left = '0';
       pageSwitcherRight.style.width =
           (page.sideMargin - scrollbarWidth + 13) + 'px';
       pageSwitcherRight.style.right = scrollbarWidth + 'px';
 
       var offsetTop = page.querySelector('.tile-page-content').offsetTop + 'px';
       pageSwitcherLeft.style.top = offsetTop;
       pageSwitcherRight.style.top = offsetTop;
       pageSwitcherLeft.style.paddingBottom = offsetTop;
       pageSwitcherRight.style.paddingBottom = offsetTop;
@@ skipping 133 matching lines @@
         return;
 
       var direction = 0;
       if (e.key == 'ArrowLeft')
         direction = -1;
       else if (e.key == 'ArrowRight')
         direction = 1;
       else
         return;
 
-      var cardIndex =
-          (this.cardSlider.currentCard + direction +
-           this.cardSlider.cardCount) % this.cardSlider.cardCount;
+      var cardIndex = (this.cardSlider.currentCard + direction +
+                       this.cardSlider.cardCount) %
+          this.cardSlider.cardCount;
       this.cardSlider.selectCard(cardIndex, true);
 
       e.stopPropagation();
     },
 
     /**
      * Returns the index of a given tile page.
      * @param {ntp.TilePage} page The TilePage we wish to find.
      * @return {number} The index of |page| or -1 if it is not in the
      *    collection.
      */
     getTilePageIndex: function(page) {
       return Array.prototype.indexOf.call(this.tilePages, page);
     },
 
     /**
      * Removes a page and navigation dot (if the navdot exists).
      * @param {ntp.TilePage} page The page to be removed.
      * @param {boolean=} opt_animate If the removal should be animated.
      */
     removeTilePageAndDot_: function(page, opt_animate) {
       if (page.navigationDot)
         page.navigationDot.remove(opt_animate);
       this.cardSlider.removeCard(page);
     },
   };
 
-  return {
-    PageListView: PageListView
-  };
+  return {PageListView: PageListView};
 });