Rename webapp_it2me to remoting_webapp and move it from webapp/me2mom to webapp/

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';
-
-/** @suppress {duplicate} */
-var remoting = remoting || {};
-
-/**
- * The deserialized form of the chromoting host as returned by Apiary.
- * Note that the object has more fields than are detailed below--these
- * are just the ones that we refer to directly.
- * @constructor
- */
-remoting.Host = function() {
-  /** @type {string} */
-  this.hostName = '';
-  /** @type {string} */
-  this.hostId = '';
-  /** @type {string} */
-  this.status = '';
-  /** @type {string} */
-  this.jabberId = '';
-  /** @type {string} */
-  this.publicKey = '';
-};
-
-/**
- * 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(remoting.HostTableEntry):void} @private */
-  this.onRename_ = function(hostId) {};
-  /** @type {function():void} @private */
-  this.onBlurReference_ = function() {};
-};
-
-/**
- * Create the HTML elements for this entry.
- * @param {remoting.Host} host The host, as obtained from Apiary.
- * @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');
-
-  // Create the host icon cell.
-  var hostIcon = document.createElement('td');
-  addClass(hostIcon, 'host-list-row-start');
-  var hostIconImage = document.createElement('img');
-  hostIconImage.src = 'icon_host.png';
-  addClass(hostIconImage, 'host-list-main-icon');
-  hostIcon.appendChild(hostIconImage);
-  this.tableRow.appendChild(hostIcon);
-
-  // Create the host name cell.
-  this.hostNameCell_ = document.createElement('td');
-  addClass(this.hostNameCell_, 'mode-select-label');
-  this.hostNameCell_.appendChild(
-      document.createTextNode(host.hostName));
-  this.hostNameCell_.ondblclick = function() { that.beginRename_(); };
-  this.tableRow.appendChild(this.hostNameCell_);
-
-  // Create the host status cell.
-  var hostStatus = document.createElement('td');
-  if (host.status == 'ONLINE') {
-    var hostUrl = chrome.extension.getURL('choice.html') +
-        '?mode=me2me&hostId=' + encodeURIComponent(host.hostId);
-    var connectButton = document.createElement('button');
-    connectButton.setAttribute('class', 'mode-select-button');
-    connectButton.setAttribute('type', 'button');
-    var startMe2Me = function() { window.location.replace(hostUrl); };
-    connectButton.addEventListener('click', startMe2Me, false);
-    connectButton.innerHTML =
-        chrome.i18n.getMessage(/*i18n-content*/'CONNECT_BUTTON');
-    hostStatus.appendChild(connectButton);
-  } else {
-    addClass(this.tableRow, 'host-offline');
-    hostStatus.innerHTML = chrome.i18n.getMessage(/*i18n-content*/'OFFLINE');
-  }
-  hostStatus.className = 'host-list-row-end';
-  this.tableRow.appendChild(hostStatus);
-
-  // Create the host rename cell.
-  var editButton = document.createElement('td');
-  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 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');
-  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';
-  editBox.value = this.host.hostName;
-  this.hostNameCell_.innerHTML = '';
-  this.hostNameCell_.appendChild(editBox);
-  editBox.select();
-
-  /** @type {remoting.HostTableEntry} */
-  var that = this;
-  // Keep a reference to the blur event handler so that we can remove it later.
-  this.onBlurReference_ = function() { that.commitRename_(); };
-  editBox.addEventListener('blur', this.onBlurReference_, false);
-
-  /** @param {Event} event The keydown event. */
-  var onKeydown = function(event) { that.onKeydown_(event); }
-  editBox.addEventListener('keydown', onKeydown, false);
-};
-
-/**
- * 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);
-    }
-    this.removeEditBox_();
-  }
-};
-
-/**
- * Remove the edit box corresponding to the specified host, and reset its name.
- * @return {void} Nothing.
- * @private
- */
-remoting.HostTableEntry.prototype.removeEditBox_ = function() {
-  var editBox = this.hostNameCell_.querySelector('input');
-  if (editBox) {
-    // onblur will fire when the edit box is removed, so remove the hook.
-    editBox.removeEventListener('blur', this.onBlurReference_, false);
-  }
-  this.hostNameCell_.innerHTML = '';  // Remove the edit box.
-  this.hostNameCell_.appendChild(document.createTextNode(this.host.hostName));
-};
-
-/**
- * Handle a key event while the user is typing a host name
- * @param {Event} event The keyboard event.
- * @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_();
-  }
-};