[Aura] Initial app list webui.

chrome/browser/resources/ntp4/tile_page.js

 // Copyright (c) 2011 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.
 
 cr.define('ntp4', function() {
   'use strict';
 
   // We can't pass the currently dragging tile via dataTransfer because of
   // http://crbug.com/31037
   var currentlyDraggingTile = null;
@@ skipping 107 matching lines @@
       // image masks.
       this.dragClone = this.cloneNode(true);
       this.dragClone.style.right = '';
       this.dragClone.classList.add('drag-representation');
       $('card-slider-frame').appendChild(this.dragClone);
       this.eventTracker.add(this.dragClone, 'webkitTransitionEnd',
                             this.onDragCloneTransitionEnd_.bind(this));
 
       this.classList.add('dragging');
       // offsetLeft is mirrored in RTL. Un-mirror it.
-      var offsetLeft = ntp4.isRTL() ?
+      var offsetLeft = isRTL() ?
           this.parentNode.clientWidth - this.offsetLeft :
           this.offsetLeft;
       this.dragOffsetX = e.x - offsetLeft - this.parentNode.offsetLeft;
       this.dragOffsetY = e.y - this.offsetTop -
           // Unlike offsetTop, this value takes scroll position into account.
           this.parentNode.getBoundingClientRect().top;
 
       this.onDragMove_(e);
     },
 
@@ skipping 86 matching lines @@
       clone.classList.remove('real');
       clone.classList.add('doppleganger');
       var clonelets = clone.querySelectorAll('.real');
       for (var i = 0; i < clonelets.length; i++) {
         clonelets[i].classList.remove('real');
       }
 
       this.appendChild(clone);
       this.doppleganger_ = clone;
 
-      if (ntp4.isRTL())
+      if (isRTL())
         x *= -1;
 
       this.doppleganger_.style.WebkitTransform = 'translate(' + x + 'px, ' +
                                                                 y + 'px)';
     },
 
     /**
      * Destroys the current doppleganger.
      */
     clearDoppleganger: function() {
@@ skipping 193 matching lines @@
 
       this.eventTracker = new EventTracker();
       this.eventTracker.add(window, 'resize', this.onResize_.bind(this));
 
       this.addEventListener('DOMNodeInsertedIntoDocument',
                             this.onNodeInsertedIntoDocument_);
 
       this.addEventListener('mousewheel', this.onMouseWheel_);
       this.content_.addEventListener('scroll', this.onScroll_.bind(this));
 
-      this.dragWrapper_ = new DragWrapper(this.tileGrid_, this);
+      this.dragWrapper_ = new cr.ui.DragWrapper(this.tileGrid_, this);
 
       this.addEventListener('cardselected', this.handleCardSelection_);
       this.addEventListener('carddeselected', this.handleCardDeselection_);
       this.addEventListener('focus', this.handleFocus_);
       this.addEventListener('keydown', this.handleKeyDown_);
       this.addEventListener('mousedown', this.handleMouseDown_);
 
       this.focusElementIndex_ = -1;
     },
 
@@ skipping 361 matching lines @@
     getWouldBeIndexForPoint_: function(x, y) {
       var grid = this.gridValues_;
       var layout = this.layoutValues_;
 
       var gridClientRect = this.tileGrid_.getBoundingClientRect();
       var col = Math.floor((x - gridClientRect.left - layout.leftMargin) /
                            layout.colWidth);
       if (col < 0 || col >= layout.numRowTiles)
         return -1;
 
-      if (ntp4.isRTL())
+      if (isRTL())
         col = layout.numRowTiles - 1 - col;
 
       var row = Math.floor((y - gridClientRect.top) / layout.rowHeight);
       return row * layout.numRowTiles + col;
     },
 
     /**
      * Window resize event handler. Window resizes may trigger re-layouts.
      * @param {Object} e The resize event.
      */
@@ skipping 388 matching lines @@
       assert(false);
     },
   };
 
   return {
     getCurrentlyDraggingTile: getCurrentlyDraggingTile,
     setCurrentDropEffect: setCurrentDropEffect,
     TilePage: TilePage,
   };
 });