NTP: Add ability to uninstall apps from the ntp....

chrome/browser/resources/ntp/apps.js

+// Copyright (c) 2010 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.
+
+function getAppsCallback(data) {
+  logEvent('recieved apps');
+  var appsSection = $('apps-section');
+  var debugSection = $('debug');
+  appsSection.textContent = '';
+
+  data.apps.forEach(function(app) {
+    appsSection.appendChild(apps.createElement(app));
+  });
+
+
+  // TODO(aa): Figure out what to do with the debug mode when we turn apps on
+  // for everyone.
+  if (appsSection.hasChildNodes()) {
+    appsSection.classList.remove('disabled');
+    if (data.showDebugLink) {
+      debugSection.classList.remove('disabled');
+    }
+  } else {
+    appsSection.classList.add('disabled');
+    debugSection.classList.add('disabled');
+  }
+}
+
+var apps = {
+  /**
+   * @this {!HTMLAnchorElement}
+   */
+  handleClick_: function() {
+    var launchType = '';
+    var inputElements = document.querySelectorAll(
+        '#apps-launch-control input');
+    for (var i = 0, input; input = inputElements[i]; i++) {
+      if (input.checked) {
+        launchType = input.value;
+        break;
+      }
+    }
+
+    // TODO(arv): Handle zoom?
+    var rect = this.getBoundingClientRect();
+    var cs = getComputedStyle(this);
+    var size = cs.backgroundSize.split(/\s+/);  // background-size has the
+                                                // format '123px 456px'.
+    var width = parseInt(size[0], 10);
+    var height = parseInt(size[1], 10);
+    // We are using background-position-x 50%.
+    var left = rect.left + ((rect.width - width) >> 1);  // Integer divide by 2.
+    var top = rect.top + parseInt(cs.backgroundPositionY, 10);
+
+    chrome.send('launchApp', [this.id, launchType,
+                              String(left), String(top),
+                              String(width), String(height)]);
+    return false;
+  },
+
+  createElement: function(app) {
+    var div = document.createElement('div');
+    div.className = 'app';
+
+    var front = div.appendChild(document.createElement('div'));
+    front.className = 'front';
+
+    var a = front.appendChild(document.createElement('a'));
+    a.id = app['id'];
+    a.xtitle = a.textContent = app['name'];
+    a.href = app['launch_url'];
+
+    a.onclick = apps.handleClick_;
+    a.style.backgroundImage = url(app['icon']);
+    if (hashParams['app-id'] == app['id']) {
+      div.setAttribute('new', 'new');
+      // Delay changing the attribute a bit to let the page settle down a bit.
+      setTimeout(function() {
+        div.setAttribute('new', 'installed');
+      }, 500);
+    }
+
+    var settingsButton = front.appendChild(document.createElement('button'));
+    settingsButton.className = 'flip';
+    settingsButton.title = localStrings.getString('appsettings');
+
+    var back = div.appendChild(document.createElement('div'));
+    back.className = 'back';
+
+    var header = back.appendChild(document.createElement('h2'));
+    header.textContent = app['name'];
+
+    var optionsButton = back.appendChild(document.createElement('button'));
+    optionsButton.textContent = localStrings.getString('appoptions');
+    optionsButton.disabled = !app['options_url'];
+    optionsButton.onclick = function() {
+      window.location = app['options_url'];
+    };
+
+    var uninstallButton = back.appendChild(document.createElement('button'));
+    uninstallButton.textContent = uninstallButton.xtitle =
+        localStrings.getString('appuninstall');
+    uninstallButton.onclick = function() {
+      chrome.send('uninstallApp', [app['id']]);
+    };
+
+    var closeButton = back.appendChild(document.createElement('button'));
+    closeButton.title = localStrings.getString('close');
+    closeButton.className = 'flip';
+    closeButton.onclick = settingsButton.onclick = function() {
+      div.classList.toggle('config');
+    };
+
+    return div;
+  }
+};