ntp: remove ntp3 resources

chrome/browser/resources/ntp/apps.js

Index: chrome/browser/resources/ntp/apps.js
diff --git a/chrome/browser/resources/ntp/apps.js b/chrome/browser/resources/ntp/apps.js
deleted file mode 100644
index c965d4612225f393290308f74c9e2c5127e6a5c4..0000000000000000000000000000000000000000
--- a/chrome/browser/resources/ntp/apps.js
+++ /dev/null
@@ -1,909 +0,0 @@
-// 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.
-
-var MAX_APPS_PER_ROW = [];
-MAX_APPS_PER_ROW[LayoutMode.SMALL] = 4;
-MAX_APPS_PER_ROW[LayoutMode.NORMAL] = 6;
-
-function getAppsCallback(data) {
-  logEvent('received apps');
-
-  // In the case of prefchange-triggered updates, we don't receive this flag.
-  // Just leave it set as it was before in that case.
-  if ('showPromo' in data)
-    apps.showPromo = data.showPromo;
-
-  var appsSection = $('apps');
-  var appsSectionContent = $('apps-content');
-  var appsMiniview = appsSection.getElementsByClassName('miniview')[0];
-  var appsPromo = $('apps-promo');
-  var appsPromoLink = $('apps-promo-link');
-  var appsPromoPing = APP_LAUNCH_URL.PING_WEBSTORE + '+' + apps.showPromo;
-  var webStoreEntry, webStoreMiniEntry;
-
-  // Hide menu options that are not supported on the OS or windowing system.
-
-  // The "Launch as Window" menu option.
-  $('apps-launch-type-window-menu-item').hidden = data.disableAppWindowLaunch;
-
-  // The "Create App Shortcut" menu option.
-  $('apps-create-shortcut-command-menu-item').hidden =
-      $('apps-create-shortcut-command-separator').hidden =
-          data.disableCreateAppShortcut;
-
-  // Hide the context menu, if there is any open.
-  cr.ui.contextMenuHandler.hideMenu();
-
-  appsMiniview.textContent = '';
-  appsSectionContent.textContent = '';
-
-  data.apps.sort(function(a,b) {
-    return a.app_launch_index - b.app_launch_index;
-  });
-
-  // Determines if the web store link should be detached and place in the
-  // top right of the screen.
-  apps.detachWebstoreEntry =
-      !apps.showPromo && data.apps.length >= MAX_APPS_PER_ROW[layoutMode];
-
-  markNewApps(data.apps);
-  apps.data = data.apps;
-
-  clearClosedMenu(apps.menu);
-
-  // We wait for the app icons to load before displaying them, but never wait
-  // longer than 200ms.
-  apps.loadedImages = 0;
-  apps.imageTimer = setTimeout(apps.showImages.bind(apps), 200);
-
-  data.apps.forEach(function(app) {
-    appsSectionContent.appendChild(apps.createElement(app));
-  });
-
-  if (data.showPromo) {
-    // Add the promo content...
-    $('apps-promo-heading').textContent = data.promoHeader;
-    appsPromoLink.href = data.promoLink;
-    appsPromoLink.textContent = data.promoButton;
-    appsPromoLink.ping = appsPromoPing;
-    $('apps-promo').style.background =
-          "url('" + data.promoLogo + "') no-repeat";
-    $('apps-promo-hide').textContent = data.promoExpire;
-
-    // ... then display the promo.
-    document.documentElement.classList.add('apps-promo-visible');
-  } else {
-    document.documentElement.classList.remove('apps-promo-visible');
-  }
-
-  // Only show the web store entry if there are apps installed or the promo
-  // is not available.
-  if (data.apps.length > 0 || !data.showPromo) {
-    webStoreEntry = apps.createWebStoreElement();
-    webStoreEntry.querySelector('a').ping = appsPromoPing;
-    appsSectionContent.appendChild(webStoreEntry);
-    if (apps.detachWebstoreEntry) {
-      webStoreEntry.classList.add('loner');
-    } else {
-      webStoreEntry.classList.remove('loner');
-      apps.data.push('web-store-entry');
-    }
-  }
-
-  data.apps.slice(0, MAX_MINIVIEW_ITEMS).forEach(function(app) {
-    appsMiniview.appendChild(apps.createMiniviewElement(app));
-    addClosedMenuEntryWithLink(apps.menu, apps.createClosedMenuElement(app));
-  });
-  if (data.apps.length < MAX_MINIVIEW_ITEMS) {
-    webStoreMiniEntry = apps.createWebStoreMiniElement();
-    webStoreMiniEntry.querySelector('a').ping = appsPromoPing;
-    appsMiniview.appendChild(webStoreMiniEntry);
-    addClosedMenuEntryWithLink(apps.menu,
-                               apps.createWebStoreClosedMenuElement());
-  }
-
-  if (!data.showLauncher)
-    hideSection(Section.APPS);
-  else
-    appsSection.classList.remove('disabled');
-
-  addClosedMenuFooter(apps.menu, 'apps', MENU_APPS, Section.APPS);
-
-  apps.loaded = true;
-
-  if (appsPromoLink)
-    appsPromoLink.ping = appsPromoPing;
-  maybeDoneLoading();
-
-  // Disable the animations when the app launcher is being (re)initailized.
-  apps.layout({disableAnimations:true});
-
-  if (isDoneLoading()) {
-    updateMiniviewClipping(appsMiniview);
-    layoutSections();
-  }
-}
-
-function markNewApps(data) {
-  var oldData = apps.data;
-  data.forEach(function(app) {
-    if (hashParams['app-id'] == app['id']) {
-      delete hashParams['app-id'];
-      app.isNew = true;
-    } else if (oldData &&
-        !oldData.some(function(id) { return id == app.id; })) {
-      app.isNew = true;
-    } else {
-      app.isNew = false;
-    }
-  });
-}
-
-function appsPrefChangeCallback(data) {
-  // Currently the only pref that is watched is the launch type.
-  data.apps.forEach(function(app) {
-    var appLink = document.querySelector('.app a[app-id=' + app['id'] + ']');
-    if (appLink)
-      appLink.setAttribute('launch-type', app['launch_type']);
-  });
-}
-
-function appNotificationChanged(id, lastNotification) {
-  // TODO(asargent/finnur): Don't update all apps at once, do it in a more
-  // fine grained way.
-  chrome.send('getApps');
-}
-
-// Launches the specified app using the APP_LAUNCH_NTP_APP_RE_ENABLE histogram.
-// This should only be invoked from the AppLauncherHandler.
-function launchAppAfterEnable(appId) {
-  chrome.send('launchApp', [appId, APP_LAUNCH.NTP_APP_RE_ENABLE]);
-}
-
-// Shows the notification bubble for a given app (the one clicked on).
-function showNotificationBubble(event) {
-  var item = findAncestorByClass(event.target, 'app-anchor');
-  var title = item.getAttribute('notification-title');
-  var message = item.getAttribute('notification-message');
-  var link = item.getAttribute('notification-link');
-  var link_message = item.getAttribute('notification-link-message');
-
-  if (!title || !message)
-    return;
-
-  // Set the content to the right text.
-  $('app-notification-title').textContent = title;
-  $('app-notification-message').textContent = message;
-  $('app-notification-link').href = link;
-  $('app-notification-link').textContent = link_message;
-
-  var target = event.target;
-  while (target.parentElement && target.tagName != "A") {
-    target = target.parentElement;
-  }
-
-  // Move the bubble to the right location.
-  var bubble = $('app-notification-bubble');
-  var x = target.parentElement.offsetLeft +
-          target.parentElement.offsetWidth - 20;
-  var y = target.parentElement.offsetTop + 20;
-  bubble.style.left = x + "px";
-  bubble.style.top = y + "px";
-
-  // Move the arrow and shadow to the right location.
-  var arrow_container = $('arrow-container');
-  y += 26;
-  x -= arrow_container.style.width + 25;
-  arrow_container.style.left = x + "px";
-  arrow_container.style.top = y + "px";
-
-  // Animate the bubble into view.
-  bubble.classList.add("notification-bubble-opened");
-  bubble.classList.remove("notification-bubble-closed");
-  arrow_container.classList.add("notification-bubble-opened");
-  arrow_container.classList.remove("notification-bubble-closed");
-
-  bubble.focus();
-}
-
-// Hide the notification bubble.
-function hideNotificationBubble(event) {
-  // This will fade the bubble out of existence.
-  $('app-notification-bubble').classList.add("notification-bubble-closed");
-  $('app-notification-bubble').classList.remove("notification-bubble-opened");
-  $('arrow-container').classList.add("notification-bubble-closed");
-  $('arrow-container').classList.remove("notification-bubble-opened");
-}
-
-var apps = (function() {
-
-  function createElement(app) {
-    var div = document.createElement('div');
-    div.className = 'app';
-
-    var a = div.appendChild(document.createElement('a'));
-    a.className = 'app-anchor';
-    a.setAttribute('app-id', app['id']);
-    a.setAttribute('launch-type', app['launch_type']);
-    if (typeof(app['notification']) != "undefined") {
-      a.setAttribute('notification-title', app['notification']['title']);
-      a.setAttribute('notification-message', app['notification']['body']);
-      if (typeof(app['notification']['linkUrl']) != "undefined" &&
-          typeof(app['notification']['linkText']) != "undefined") {
-        a.setAttribute('notification-link', app['notification']['linkUrl']);
-        a.setAttribute('notification-link-message',
-                       app['notification']['linkText']);
-      }
-    }
-    a.draggable = false;
-    a.href = app['launch_url'];
-
-    var span = a.appendChild(document.createElement('span'));
-    span.textContent = app['name'];
-
-    span = a.appendChild(document.createElement('span'));
-    span.className = "app_notification";
-    span.textContent =
-        typeof(app['notification']) != "undefined" &&
-        typeof(app['notification']['title']) != "undefined" ?
-            app['notification']['title'] : "";
-    span.onclick = handleClick;
-
-    $("app-notification-close").onclick = hideNotificationBubble;
-    $("app-notification-bubble").setAttribute("tabIndex", 0);
-    $("app-notification-bubble").onblur = hideNotificationBubble;
-
-    return div;
-  }
-
-  /**
-   * Launches an application.
-   * @param {string} appId Application to launch.
-   * @param {MouseEvent} opt_mouseEvent Mouse event from the click that
-   *     triggered the launch, used to detect modifier keys that change
-   *     the tab's disposition.
-   */
-  function launchApp(appId, opt_mouseEvent) {
-    var args = [appId, getAppLaunchType()];
-    if (opt_mouseEvent) {
-      // Launch came from a click - add details of the click
-      // Otherwise it came from a 'command' event from elsewhere in the UI.
-      args.push(opt_mouseEvent.altKey, opt_mouseEvent.ctrlKey,
-                opt_mouseEvent.metaKey, opt_mouseEvent.shiftKey,
-                opt_mouseEvent.button);
-    }
-    chrome.send('launchApp', args);
-  }
-
-  function isAppSectionMaximized() {
-    return getAppLaunchType() == APP_LAUNCH.NTP_APPS_MAXIMIZED &&
-      !$('apps').classList.contains('disabled');
-  }
-
-  function isAppsMenu(node) {
-    return node.id == 'apps-menu';
-  }
-
-  function getAppLaunchType() {
-    // We determine if the apps section is maximized, collapsed or in menu mode
-    // based on the class of the apps section.
-    if ($('apps').classList.contains('menu'))
-      return APP_LAUNCH.NTP_APPS_MENU;
-    else if ($('apps').classList.contains('collapsed'))
-      return APP_LAUNCH.NTP_APPS_COLLAPSED;
-    else
-      return APP_LAUNCH.NTP_APPS_MAXIMIZED;
-  }
-
-  /**
-   * @this {!HTMLAnchorElement}
-   */
-  function handleClick(e) {
-    var appId = e.currentTarget.getAttribute('app-id');
-    if (appId == null) {
-      showNotificationBubble(e);
-      e.stopPropagation();
-      return false;
-    }
-
-    if (!appDragAndDrop.isDragging())
-      launchApp(appId, e);
-    return false;
-  }
-
-  // Keep in sync with LaunchType in extension_prefs.h
-  var LaunchType = {
-    LAUNCH_PINNED: 0,
-    LAUNCH_REGULAR: 1,
-    LAUNCH_FULLSCREEN: 2,
-    LAUNCH_WINDOW: 3
-  };
-
-  // Keep in sync with LaunchContainer in extension_constants.h
-  var LaunchContainer = {
-    LAUNCH_WINDOW: 0,
-    LAUNCH_PANEL: 1,
-    LAUNCH_TAB: 2
-  };
-
-  var currentApp;
-  var promoHasBeenSeen = false;
-
-  function addContextMenu(el, app) {
-    el.addEventListener('contextmenu', cr.ui.contextMenuHandler);
-    el.addEventListener('keydown', cr.ui.contextMenuHandler);
-    el.addEventListener('keyup', cr.ui.contextMenuHandler);
-
-    Object.defineProperty(el, 'contextMenu', {
-      get: function() {
-        currentApp = app;
-
-        $('apps-launch-command').label = app['name'];
-        $('apps-options-command').canExecuteChange();
-        $('apps-uninstall-command').canExecuteChange();
-
-        var launchTypeEl;
-        if (el.getAttribute('app-id') === app['id']) {
-          launchTypeEl = el;
-        } else {
-          appLinkSel = 'a[app-id=' + app['id'] + ']';
-          launchTypeEl = el.querySelector(appLinkSel);
-        }
-
-        var launchType = launchTypeEl.getAttribute('launch-type');
-        var launchContainer = app['launch_container'];
-        var isPanel = launchContainer == LaunchContainer.LAUNCH_PANEL;
-
-        // Update the commands related to the launch type.
-        var launchTypeIds = ['apps-launch-type-pinned',
-                             'apps-launch-type-regular',
-                             'apps-launch-type-fullscreen',
-                             'apps-launch-type-window'];
-        launchTypeIds.forEach(function(id) {
-          var command = $(id);
-          command.disabled = isPanel;
-          command.checked = !isPanel &&
-              launchType == command.getAttribute('launch-type');
-        });
-
-        return $('app-context-menu');
-      }
-    });
-  }
-
-  document.addEventListener('command', function(e) {
-    if (!currentApp)
-      return;
-
-    var commandId = e.command.id;
-    switch (commandId) {
-      case 'apps-options-command':
-        window.location = currentApp['options_url'];
-        break;
-      case 'apps-launch-command':
-        launchApp(currentApp['id']);
-        break;
-      case 'apps-uninstall-command':
-        chrome.send('uninstallApp', [currentApp['id']]);
-        break;
-      case 'apps-create-shortcut-command':
-        chrome.send('createAppShortcut', [currentApp['id']]);
-        break;
-      case 'apps-launch-type-pinned':
-      case 'apps-launch-type-regular':
-      case 'apps-launch-type-fullscreen':
-      case 'apps-launch-type-window':
-        chrome.send('setLaunchType',
-            [currentApp['id'],
-             Number(e.command.getAttribute('launch-type'))]);
-        break;
-    }
-  });
-
-  document.addEventListener('canExecute', function(e) {
-    switch (e.command.id) {
-      case 'apps-options-command':
-        e.canExecute = currentApp && currentApp['options_url'];
-        break;
-      case 'apps-launch-command':
-        e.canExecute = true;
-        break;
-      case 'apps-uninstall-command':
-        e.canExecute = currentApp && currentApp['can_uninstall'];
-        break;
-    }
-  });
-
-  // Moves the element at position |from| in array |arr| to position |to|.
-  function arrayMove(arr, from, to) {
-    var element = arr.splice(from, 1);
-    arr.splice(to, 0, element[0]);
-  }
-
-  // The autoscroll rate during drag and drop, in px per second.
-  var APP_AUTOSCROLL_RATE = 400;
-
-  return {
-    loaded: false,
-
-    menu: $('apps-menu'),
-
-    showPromo: false,
-
-    detachWebstoreEntry: false,
-
-    scrollMouseXY_: null,
-
-    scrollListener_: null,
-
-    // The list of app ids, in order, of each app in the launcher.
-    data_: null,
-    get data() { return this.data_; },
-    set data(data) {
-      this.data_ = data.map(function(app) {
-        return app.id;
-      });
-      this.invalidate_();
-    },
-
-    dirty_: true,
-    invalidate_: function() {
-      this.dirty_ = true;
-    },
-
-    visible_: true,
-    get visible() {
-      return this.visible_;
-    },
-    set visible(visible) {
-      this.visible_ = visible;
-      this.invalidate_();
-    },
-
-    maybePingPromoSeen_: function() {
-      if (promoHasBeenSeen || !this.showPromo || !isAppSectionMaximized())
-        return;
-
-      promoHasBeenSeen = true;
-      chrome.send('promoSeen', []);
-    },
-
-    // DragAndDropDelegate
-
-    dragContainer: $('apps-content'),
-    transitionsDuration: 200,
-
-    get dragItem() { return this.dragItem_; },
-    set dragItem(dragItem) {
-      if (this.dragItem_ != dragItem) {
-        this.dragItem_ = dragItem;
-        this.invalidate_();
-      }
-    },
-
-    // The dimensions of each item in the app launcher.
-    dimensions_: null,
-    get dimensions() {
-      if (this.dimensions_)
-        return this.dimensions_;
-
-      var width = 124;
-      var height = 136;
-
-      var marginWidth = 6;
-      var marginHeight = 10;
-
-      var borderWidth = 0;
-      var borderHeight = 0;
-
-      this.dimensions_ = {
-        width: width + marginWidth + borderWidth,
-        height: height + marginHeight + borderHeight
-      };
-
-      return this.dimensions_;
-    },
-
-    // Gets the item under the mouse event |e|. Returns null if there is no
-    // item or if the item is not draggable.
-    getItem: function(e) {
-      var item = findAncestorByClass(e.target, 'app');
-
-      // You can't drag the web store launcher.
-      if (item && item.classList.contains('web-store-entry'))
-        return null;
-
-      return item;
-    },
-
-    // Returns true if |coordinates| point to a valid drop location. The
-    // coordinates are relative to the drag container and the object should
-    // have the 'x' and 'y' properties set.
-    canDropOn: function(coordinates) {
-      var cols = MAX_APPS_PER_ROW[layoutMode];
-      var rows = Math.ceil(this.data.length / cols);
-
-      var bottom = rows * this.dimensions.height;
-      var right = cols * this.dimensions.width;
-
-      if (coordinates.x >= right || coordinates.x < 0 ||
-          coordinates.y >= bottom || coordinates.y < 0)
-        return false;
-
-      var position = this.getIndexAt_(coordinates);
-      var appCount = this.data.length;
-
-      if (!this.detachWebstoreEntry)
-        appCount--;
-
-      return position >= 0 && position < appCount;
-    },
-
-    setDragPlaceholder: function(coordinates) {
-      var position = this.getIndexAt_(coordinates);
-      var appId = this.dragItem.querySelector('a').getAttribute('app-id');
-      var current = this.data.indexOf(appId);
-
-      if (current == position || current < 0)
-        return;
-
-      arrayMove(this.data, current, position);
-      this.invalidate_();
-      this.layout();
-    },
-
-    getIndexAt_: function(coordinates) {
-      var w = this.dimensions.width;
-      var h = this.dimensions.height;
-
-      var appsPerRow = MAX_APPS_PER_ROW[layoutMode];
-
-      var row = Math.floor(coordinates.y / h);
-      var col = Math.floor(coordinates.x / w);
-      var index = appsPerRow * row + col;
-
-      var appCount = this.data.length;
-      var rows = Math.ceil(appCount / appsPerRow);
-
-      // Rather than making the free space on the last row invalid, we
-      // map it to the last valid position.
-      if (index >= appCount && index < appsPerRow * rows)
-        return appCount-1;
-
-      return index;
-    },
-
-    scrollPage: function(xy) {
-      var rect = this.dragContainer.getBoundingClientRect();
-
-      // Here, we calculate the visible boundaries of the app launcher, which
-      // are then used to determine when we should auto-scroll.
-      var top = $('apps').getBoundingClientRect().bottom;
-      var bottomFudge = 15; // Fudge factor due to a gradient mask.
-      var bottom = top + maxiviewVisibleHeight - bottomFudge;
-      var left = rect.left + window.scrollX;
-      var right = Math.min(window.innerWidth, rect.left + rect.width);
-
-      var dy = Math.min(0, xy.y - top) + Math.max(0, xy.y - bottom);
-      var dx = Math.min(0, xy.x - left) + Math.max(0, xy.x - right);
-
-      if (dx == 0 && dy == 0) {
-        this.stopScroll_();
-        return;
-      }
-
-      // If we scroll the page directly from this method, it may be choppy and
-      // inconsistent. Instead, we loop using animation frames, and scroll at a
-      // speed that's independent of how many times this method is called.
-      this.scrollMouseXY_ = {dx: dx, dy: dy};
-
-      if (!this.scrollListener_) {
-        this.scrollListener_ = this.scrollImpl_.bind(this);
-        this.scrollStep_();
-      }
-    },
-
-    scrollStep_: function() {
-      this.scrollStart_ = Date.now();
-      window.webkitRequestAnimationFrame(this.scrollListener_);
-    },
-
-    scrollImpl_: function(time) {
-      if (!appDragAndDrop.isDragging()) {
-        this.stopScroll_();
-        return;
-      }
-
-      if (!this.scrollMouseXY_)
-        return;
-
-      var step = time - this.scrollStart_;
-
-      window.scrollBy(
-          this.calcScroll_(this.scrollMouseXY_.dx, step),
-          this.calcScroll_(this.scrollMouseXY_.dy, step));
-
-      this.scrollStep_();
-    },
-
-    calcScroll_: function(delta, step) {
-      if (delta == 0)
-        return 0;
-
-      // Increase the multiplier for every 50px the mouse is beyond the edge.
-      var sign = delta > 0 ? 1 : -1;
-      var scalar = APP_AUTOSCROLL_RATE * step / 1000;
-      var multiplier = Math.floor(Math.abs(delta) / 50) + 1;
-
-      return sign * scalar * multiplier;
-    },
-
-    stopScroll_: function() {
-      this.scrollListener_ = null;
-      this.scrollMouseXY_ = null;
-    },
-
-    saveDrag: function(draggedItem) {
-      this.invalidate_();
-      this.layout();
-
-      var draggedAppId = draggedItem.querySelector('a').getAttribute('app-id');
-      var appIds = this.data.filter(function(id) {
-        return id != 'web-store-entry';
-      });
-
-      // Wait until the transitions are complete before notifying the browser.
-      // Otherwise, the apps will be re-rendered while still transitioning.
-      setTimeout(function() {
-        chrome.send('reorderApps', [draggedAppId, appIds]);
-      }, this.transitionsDuration + 10);
-    },
-
-    layout: function(options) {
-      options = options || {};
-      if (!this.dirty_ && options.force != true)
-        return;
-
-      try {
-        var container = this.dragContainer;
-        if (options.disableAnimations)
-          container.setAttribute('launcher-animations', false);
-        var d0 = Date.now();
-        this.layoutImpl_();
-        this.dirty_ = false;
-        logEvent('apps.layout: ' + (Date.now() - d0));
-
-      } finally {
-        if (options.disableAnimations) {
-          // We need to re-enable animations asynchronously, so that the
-          // animations are still disabled for this layout update.
-          setTimeout(function() {
-            container.setAttribute('launcher-animations', true);
-          }, 0);
-        }
-      }
-    },
-
-    layoutImpl_: function() {
-      var apps = this.data || [];
-      var rects = this.getLayoutRects_(apps.length);
-      var appsContent = this.dragContainer;
-
-      // Ping the PROMO_SEEN histogram only when the promo is maximized, and
-      // maximum once per NTP load.
-      this.maybePingPromoSeen_();
-
-      if (!this.visible)
-        return;
-
-      for (var i = 0; i < apps.length; i++) {
-        var app = appsContent.querySelector('[app-id='+apps[i]+']').parentNode;
-
-        // If the node is being dragged, don't try to place it in the grid.
-        if (app == this.dragItem)
-          continue;
-
-        app.style.left = rects[i].left + 'px';
-        app.style.top = rects[i].top + 'px';
-      }
-
-      // We need to set the container's height manually because the apps use
-      // absolute positioning.
-      var rows = Math.ceil(apps.length / MAX_APPS_PER_ROW[layoutMode]);
-      appsContent.style.height = (rows * this.dimensions.height) + 'px';
-    },
-
-    getLayoutRects_: function(appCount) {
-      var availableWidth = this.dragContainer.offsetWidth;
-      var rtl = isRtl();
-      var rects = [];
-      var w = this.dimensions.width;
-      var h = this.dimensions.height;
-      var appsPerRow = MAX_APPS_PER_ROW[layoutMode];
-
-      for (var i = 0; i < appCount; i++) {
-        var top = Math.floor(i / appsPerRow) * h;
-        var left = (i % appsPerRow) * w;
-
-        // Reflect the X axis if an RTL language is active.
-        if (rtl)
-          left = availableWidth - left - w;
-        rects[i] = {left: left, top: top};
-      }
-      return rects;
-    },
-
-    get loadedImages() {
-      return this.loadedImages_;
-    },
-
-    set loadedImages(value) {
-      this.loadedImages_ = value;
-      if (this.loadedImages_ == 0)
-        return;
-
-      // Each application icon is loaded asynchronously. Here, we display
-      // the icons once they've all been loaded to make it look nicer.
-      if (this.loadedImages_ == this.data.length) {
-        this.showImages();
-        return;
-      }
-
-      // We won't actually have the visible height until the sections have
-      // been layed out.
-      if (!maxiviewVisibleHeight)
-        return;
-
-      // If we know the visible height of the maxiview, then we can don't need
-      // to wait for all the icons. Instead, we wait until the visible portion
-      // have been loaded.
-      var appsPerRow = MAX_APPS_PER_ROW[layoutMode];
-      var rows = Math.ceil(maxiviewVisibleHeight / this.dimensions.height);
-      var count = Math.min(appsPerRow * rows, this.data.length);
-      if (this.loadedImages_ == count) {
-        this.showImages();
-        return;
-      }
-    },
-
-    showImages: function() {
-      $('apps-content').classList.add('visible');
-      clearTimeout(this.imageTimer);
-    },
-
-    createElement: function(app) {
-      var container = document.createElement('div');
-      var div = createElement(app);
-      container.appendChild(div);
-      var a = div.firstChild;
-
-      a.onclick = handleClick;
-      a.ping = getAppPingUrl(
-          'PING_BY_ID', this.showPromo, 'NTP_APPS_MAXIMIZED');
-      a.style.backgroundImage = url(app['icon_big']);
-      if (app.isNew) {
-        div.setAttribute('new', 'new');
-        // Delay changing the attribute a bit to let the page settle down a bit.
-        setTimeout(function() {
-          // Make sure the new icon is scrolled into view.
-          document.body.scrollTop = document.body.scrollHeight;
-
-          // This will trigger the 'bounce' animation defined in apps.css.
-          div.setAttribute('new', 'installed');
-        }, 500);
-        div.addEventListener('webkitAnimationEnd', function(e) {
-          div.removeAttribute('new');
-        });
-      }
-
-      // CSS background images don't fire 'load' events, so we use an Image.
-      var img = new Image();
-      img.onload = function() { this.loadedImages++; }.bind(this);
-      img.src = app['icon_big'];
-
-      // User cannot change launch options or uninstall component extension.
-      if (!app['is_component']) {
-        var settingsButton = div.appendChild(new cr.ui.ContextMenuButton);
-        settingsButton.className = 'app-settings';
-        settingsButton.title = localStrings.getString('appsettings');
-        addContextMenu(div, app);
-      }
-
-      if (app.notifications && app.notifications.length > 0) {
-        // Create the notification div below the app icon that is used to
-        // trigger the hidden notification bubble to appear.
-        var notification = document.createElement('div')
-        container.appendChild(notification);
-        var title = document.createElement('span');
-        title.textContent = app.notifications[0].title;
-        notification.appendChild(title);
-        notification.appendChild(document.createElement('br'));
-
-        var body = document.createElement('span');
-        container.appendChild(body);
-        body.textContent = app.notifications[0].body;
-        notification.appendChild(body);
-        if (app.notifications[0].linkUrl) {
-          notification.appendChild(document.createElement('br'));
-          var link = document.createElement('a');
-          link.href = app.notifications[0].linkUrl;
-          link.textContent = app.notifications[0].linkText ?
-              app.notifications[0].linkText : "link";
-          notification.appendChild(link);
-        }
-      }
-
-      return container;
-    },
-
-    createMiniviewElement: function(app) {
-      var span = document.createElement('span');
-      var a = span.appendChild(document.createElement('a'));
-
-      a.setAttribute('app-id', app['id']);
-      a.textContent = app['name'];
-      a.href = app['launch_url'];
-      a.onclick = handleClick;
-      a.ping = getAppPingUrl(
-          'PING_BY_ID', this.showPromo, 'NTP_APPS_COLLAPSED');
-      a.style.backgroundImage = url(app['icon_small']);
-      a.className = 'item';
-      span.appendChild(a);
-
-      // User cannot change launch options or uninstall component extension.
-      if (!app['is_component']) {
-        addContextMenu(span, app);
-      }
-
-      return span;
-    },
-
-    createClosedMenuElement: function(app) {
-      var a = document.createElement('a');
-      a.setAttribute('app-id', app['id']);
-      a.textContent = app['name'];
-      a.href = app['launch_url'];
-      a.onclick = handleClick;
-      a.ping = getAppPingUrl(
-          'PING_BY_ID', this.showPromo, 'NTP_APPS_MENU');
-      a.style.backgroundImage = url(app['icon_small']);
-      a.className = 'item';
-
-      // User cannot change launch options or uninstall component extension.
-      if (!app['is_component']) {
-        addContextMenu(a, app);
-      }
-
-      return a;
-    },
-
-    createWebStoreElement: function() {
-      var elm = createElement({
-        'id': 'web-store-entry',
-        'name': localStrings.getString('web_store_title'),
-        'launch_url': localStrings.getString('web_store_url')
-      });
-      elm.classList.add('web-store-entry');
-      return elm;
-    },
-
-    createWebStoreMiniElement: function() {
-      var span = document.createElement('span');
-      span.appendChild(this.createWebStoreClosedMenuElement());
-      return span;
-    },
-
-    createWebStoreClosedMenuElement: function() {
-      var a = document.createElement('a');
-      a.textContent = localStrings.getString('web_store_title');
-      a.href = localStrings.getString('web_store_url');
-      a.style.backgroundImage = url('chrome://theme/IDR_WEBSTORE_ICON_16');
-      a.className = 'item';
-      return a;
-    }
-  };
-})();
-
-// Enable drag and drop reordering of the app launcher.
-var appDragAndDrop = new DragAndDropController(apps);