Webapp changes to support asking for a PIN

remoting/webapp/client_screen.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
  * Functions related to the 'client screen' for Chromoting.
  */
 
 'use strict';
@@ skipping 227 matching lines @@
  * a host-specific one-shot event handler for the form submission.
  *
  * @param {remoting.Host} host The Me2Me host to which to connect.
  * @return {void} Nothing.
  */
 remoting.connectMe2MeHostVersionAcknowledged_ = function(host) {
   remoting.connector = new remoting.SessionConnector(
       document.getElementById('session-mode'),
       remoting.onConnected,
       showConnectError_);
-  /** @type {Element} */
-  var pinForm = document.getElementById('pin-form');
-  /** @param {Event} event */
-  var onSubmit = function(event) {
-    pinForm.removeEventListener('submit', onSubmit, false);
-    var pin = document.getElementById('pin-entry').value;
-    remoting.connector.connectMe2Me(host, pin);
-    remoting.setMode(remoting.AppMode.CLIENT_CONNECTING);
-    event.preventDefault();
+  remoting.setMode(remoting.AppMode.CLIENT_CONNECTING);
+
+  /** @param {function(string):void} onPinFetched */
+  var requestPin = function(onPinFetched) {
+    /** @type {Element} */
+    var pinForm = document.getElementById('pin-form');
+    /** @param {Event} event */
+    var onSubmit = function(event) {
+      event.preventDefault();
+      pinForm.removeEventListener('submit', onSubmit, false);
+      var pin = document.getElementById('pin-entry').value;
+      remoting.setMode(remoting.AppMode.CLIENT_CONNECTING);
+      onPinFetched(pin);
+    };
+    pinForm.addEventListener('submit', onSubmit, false);
+
+    var message = document.getElementById('pin-message');
+    l10n.localizeElement(message, host.hostName);
+    remoting.setMode(remoting.AppMode.CLIENT_PIN_PROMPT);
   };
-  pinForm.addEventListener('submit', onSubmit, false);
-
-  var message = document.getElementById('pin-message');
-  l10n.localizeElement(message, host.hostName);
-  remoting.setMode(remoting.AppMode.CLIENT_PIN_PROMPT);
+  remoting.connector.connectMe2Me(host, requestPin);
 };
 
 /** @param {remoting.ClientSession} clientSession */
 remoting.onConnected = function(clientSession) {
   remoting.connector = null;
   remoting.clientSession = clientSession;
   remoting.clientSession.setOnStateChange(onClientStateChange_);
   setConnectionInterruptedButtonsText_();
   remoting.setMode(remoting.AppMode.IN_SESSION);
   remoting.toolbar.center();
   remoting.toolbar.preview();
   remoting.clipboard.startSession();
   updateStatistics_();
 };