[Sync] Add option to remove device from "Other devices" on desktop

chrome/browser/resources/history/other_devices.js

 // Copyright (c) 2013 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 The section of the history page that shows tabs from sessions
                  on other devices.
  */
 
 ///////////////////////////////////////////////////////////////////////////////
 // Globals:
 /** @const */ var MAX_NUM_COLUMNS = 3;
 /** @const */ var NB_ENTRIES_FIRST_ROW_COLUMN = 6;
 /** @const */ var NB_ENTRIES_OTHER_ROWS_COLUMN = 0;
 
 // Histogram buckets for UMA tracking of menu usage.
 /** @const */ var HISTOGRAM_EVENT = {
   INITIALIZED: 0,
   SHOW_MENU: 1,
   LINK_CLICKED: 2,
   LINK_RIGHT_CLICKED: 3,
   SESSION_NAME_RIGHT_CLICKED: 4,
   SHOW_SESSION_MENU: 5,
   COLLAPSE_SESSION: 6,
   EXPAND_SESSION: 7,
   OPEN_ALL: 8,
   HAS_FOREIGN_DATA: 9,
-  LIMIT: 10  // Should always be the last one.
+  HIDE_FOR_NOW: 10,
+  LIMIT: 11  // Should always be the last one.
 };
 
 /**
  * Record an event in the UMA histogram.
  * @param {number} eventId The id of the event to be recorded.
  * @private
  */
 function recordUmaEvent_(eventId) {
   chrome.send('metricsHandler:recordInHistogram',
       ['HistoryPage.OtherDevicesMenu', eventId, HISTOGRAM_EVENT.LIMIT]);
@@ skipping 23 matching lines @@
   this.menu = menu;
   this.collapseItem_ = this.appendMenuItem_('collapseSessionMenuItemText');
   this.collapseItem_.addEventListener('activate',
                                       this.onCollapseOrExpand_.bind(this));
   this.expandItem_ = this.appendMenuItem_('expandSessionMenuItemText');
   this.expandItem_.addEventListener('activate',
                                     this.onCollapseOrExpand_.bind(this));
   this.openAllItem_ = this.appendMenuItem_('restoreSessionMenuItemText');
   this.openAllItem_.addEventListener('activate',
                                      this.onOpenAll_.bind(this));
+  this.deleteItem_ = this.appendMenuItem_('deleteSessionMenuItemText');
+  this.deleteItem_.addEventListener('activate',
+                                    this.onDeleteSession_.bind(this));
 };
 
 /**
  * Set the session data for the session the context menu was invoked on.
  * This should never be called when the menu is visible.
  * @param {Object} session The model object for the session.
  */
 DeviceContextMenuController.prototype.setSession = function(session) {
   this.session_ = session;
   this.updateMenuItems_();
@@ skipping 37 matching lines @@
  * Handler for the 'Open all' menu item.
  * @param {Event} e The activation event.
  * @private
  */
 DeviceContextMenuController.prototype.onOpenAll_ = function(e) {
   chrome.send('openForeignSession', [this.session_.tag]);
   recordUmaEvent_(HISTOGRAM_EVENT.OPEN_ALL);
 };
 
 /**
+ * Handler for the 'Hide for now' menu item.
+ * @param {Event} e The activation event.
+ * @private
+ */
+DeviceContextMenuController.prototype.onDeleteSession_ = function(e) {
+  chrome.send('deleteForeignSession', [this.session_.tag]);
+  recordUmaEvent_(HISTOGRAM_EVENT.HIDE_FOR_NOW);
+};
+
+/**
  * Set the visibility of the Expand/Collapse menu items based on the state
  * of the session that this menu is currently associated with.
  * @private
  */
 DeviceContextMenuController.prototype.updateMenuItems_ = function() {
   this.collapseItem_.hidden = this.session_.collapsed;
   this.expandItem_.hidden = !this.session_.collapsed;
   this.menu.selectedItem = this.menu.querySelector(':not([hidden])');
 };
 
@@ skipping 427 matching lines @@
     devicesView.setSearchText($('search-field').value);
   };
   $('search-field').addEventListener('search', doSearch);
   $('search-button').addEventListener('click', doSearch);
 
   chrome.send('otherDevicesInitialized');
 }
 
 // Add handlers to HTML elements.
 document.addEventListener('DOMContentLoaded', load);