Webapp changes to support asking for a PIN

remoting/webapp/client_plugin_async.js

 // Copyright (c) 2012 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 that wraps low-level details of interacting with the client plugin.
  *
  * This abstracts a <embed> element and controls the plugin which does
  * the actual remoting work. It also handles differences between
@@ skipping 23 matching lines @@
   /** @param {string} message Log message. */
   this.onDebugMessageHandler = function (message) {};
   /**
    * @param {number} state The connection state.
    * @param {number} error The error code, if any.
    */
   this.onConnectionStatusUpdateHandler = function(state, error) {};
   /** @param {boolean} ready Connection ready state. */
   this.onConnectionReadyHandler = function(ready) {};
   this.onDesktopSizeUpdateHandler = function () {};
+  this.fetchPinHandler = function () {};
 
   /** @type {number} */
   this.pluginApiVersion_ = -1;
   /** @type {Array.<string>} */
   this.pluginApiFeatures_ = [];
   /** @type {number} */
   this.pluginApiMinVersion_ = -1;
   /** @type {boolean} */
   this.helloReceived_ = false;
   /** @type {function(boolean)|null} */
@@ skipping 144 matching lines @@
     if (remoting.clientSession) {
       remoting.clientSession.onFirstFrameReceived();
     }
   } else if (message.method == 'onConnectionReady') {
     if (typeof message.data['ready'] != 'boolean') {
       console.error('Received incorrect onConnectionReady message.');
       return;
     }
     var ready = /** @type {boolean} */ message.data['ready'];
     this.onConnectionReadyHandler(ready);
+  } else if (message.method == 'fetchPin') {
+    this.fetchPinHandler();
   }
-}
+};
 
 /**
  * Deletes the plugin.
  */
 remoting.ClientPluginAsync.prototype.cleanup = function() {
   this.plugin.parentNode.removeChild(this.plugin);
 };
 
 /**
  * @return {HTMLEmbedElement} HTML element that correspods to the plugin.
@@ skipping 208 matching lines @@
  */
 remoting.ClientPluginAsync.prototype.pauseAudio =
     function(pause) {
   if (!this.hasFeature(remoting.ClientPlugin.Feature.PAUSE_AUDIO))
     return;
   this.plugin.postMessage(JSON.stringify(
       { method: 'pauseAudio', data: { pause: pause }}));
 };
 
 /**
+ * Called when a PIN is obtained from the user.
+ *
+ * @param {string} pin The PIN.
+ */
+remoting.ClientPluginAsync.prototype.onPinFetched =
+    function(pin) {
+  if (!this.hasFeature(remoting.ClientPlugin.Feature.ON_PIN_FETCHED)) {
+    return;
+  }
+  this.plugin.postMessage(JSON.stringify(
+      { method: 'onPinFetched', data: { pin: pin }}));
+};
+
+/**
+ * Tells the plugin to ask for the PIN asynchronously.
+ */
+remoting.ClientPluginAsync.prototype.useAsyncPinDialog =
+    function() {
+  if (!this.hasFeature(remoting.ClientPlugin.Feature.USE_ASYNC_PIN_DIALOG)) {
+    return;
+  }
+  this.plugin.postMessage(JSON.stringify(
+      { method: 'useAsyncPinDialog', data: {} }));
+};
+
+/**
  * If we haven't yet received a "hello" message from the plugin, change its
  * size so that the user can confirm it if click-to-play is enabled, or can
  * see the "this plugin is disabled" message if it is actually disabled.
  * @private
  */
 remoting.ClientPluginAsync.prototype.showPluginForClickToPlay_ = function() {
   if (!this.helloReceived_) {
     var width = 200;
     var height = 200;
     this.plugin.width = width;
     this.plugin.height = height;
     // Center the plugin just underneath the "Connnecting..." dialog.
     var parentNode = this.plugin.parentNode;
     var dialog = document.getElementById('client-dialog');
     var dialogRect = dialog.getBoundingClientRect();
     parentNode.style.top = (dialogRect.bottom + 16) + 'px';
     parentNode.style.left = (window.innerWidth - width) / 2 + 'px';
   }
 };