Pass table entry to rename and delete callbacks,

remoting/webapp/me2mom/host_table_entry.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.
 
 /**
  * @fileoverview
  * Class representing an entry in the host-list portion of the home screen.
  */
 
 'use strict';
@@ skipping 24 matching lines @@
  * An entry in the host table.
  * @constructor
  */
 remoting.HostTableEntry = function() {
   /** @type {remoting.Host} */
   this.host = null;
   /** @type {Element} */
   this.tableRow = null;
   /** @type {Element} @private */
   this.hostNameCell_ = null;
-  /** @type {function():void} @private */
-  this.onRename_ = function() {};
+  /** @type {function(remoting.HostTableEntry):void} @private */
+  this.onRename_ = function(hostId) {};
 };
 
 /**
  * Create the HTML elements for this entry.
  * @param {remoting.Host} host The host, as obtained from Apiary.
- * @param {function():void} onRename Callback for rename operations.
- * @param {function():void} onDelete Callback for delete operations.
+ * @param {function(remoting.HostTableEntry):void} onRename Callback for
+ *     rename operations.
+ * @param {function(remoting.HostTableEntry):void} onDelete Callback for
+ *     delete operations.
  */
 remoting.HostTableEntry.prototype.init = function(host, onRename, onDelete) {
   this.host = host;
   this.onRename_ = onRename;
 
   /** @type {remoting.HostTableEntry} */
   var that = this;
 
   this.tableRow = document.createElement('tr');
   addClass(this.tableRow, 'host-list-row');
@@ skipping 43 matching lines @@
   editButton.onclick = function() { that.beginRename_(); };
   addClass(editButton, 'clickable');
   addClass(editButton, 'host-list-edit');
   var penImage = document.createElement('img');
   penImage.src = 'icon_pencil.png';
   addClass(penImage, 'host-list-rename-icon');
   editButton.appendChild(penImage);
   this.tableRow.appendChild(editButton);
 
   // Create the host delete cell.
-  var removeButton = document.createElement('td');
-  removeButton.onclick = onDelete;
-  addClass(removeButton, 'clickable');
-  addClass(removeButton, 'host-list-edit');
+  var deleteButton = document.createElement('td');
+  deleteButton.onclick = function() { onDelete(that); }
+  addClass(deleteButton, 'clickable');
+  addClass(deleteButton, 'host-list-edit');
   var crossImage = document.createElement('img');
   crossImage.src = 'icon_cross.png';
   addClass(crossImage, 'host-list-remove-icon');
-  removeButton.appendChild(crossImage);
-  this.tableRow.appendChild(removeButton);
+  deleteButton.appendChild(crossImage);
+  this.tableRow.appendChild(deleteButton);
 };
 
 /**
  * Prepare the host for renaming by replacing its name with an edit box.
  * @return {void} Nothing.
  * @private
  */
 remoting.HostTableEntry.prototype.beginRename_ = function() {
   var editBox = /** @type {HTMLInputElement} */ document.createElement('input');
   editBox.type = 'text';
@@ skipping 14 matching lines @@
 /**
  * Accept the hostname entered by the user.
  * @return {void} Nothing.
  * @private
  */
 remoting.HostTableEntry.prototype.commitRename_ = function() {
   var editBox = this.hostNameCell_.querySelector('input');
   if (editBox) {
     if (this.host.hostName != editBox.value) {
       this.host.hostName = editBox.value;
-      this.onRename_();
+      this.onRename_(this);
     }
     this.removeEditBox_();
   }
 };
 
 /**
  * Remove the edit box corresponding to the specified host, and reset its name.
  * @return {void} Nothing.
  * @private
  */
@@ skipping 13 matching lines @@
  * @return {void} Nothing.
  * @private
  */
 remoting.HostTableEntry.prototype.onKeydown_ = function(event) {
   if (event.which == 27) {  // Escape
     this.removeEditBox_();
   } else if (event.which == 13) {  // Enter
     this.commitRename_();
   }
 };