[Webapp Refactor] Implements remoting.MessageDialog

remoting/webapp/crd/js/me2me_activity.js

 // Copyright 2015 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.
 
 /** @suppress {duplicate} */
 var remoting = remoting || {};
 
 (function() {
 
 'use strict';
 
 /**
  * @param {remoting.SessionConnector} sessionConnector
  * @param {remoting.Host} host
  *
  * @constructor
  * @implements {remoting.Activity}
  */
 remoting.Me2MeActivity = function(sessionConnector, host) {
   /** @private */
   this.host_ = host;
   /** @private */
   this.connector_ = sessionConnector;
   /** @private */
   this.pinDialog_ =
       new remoting.PinDialog(document.getElementById('pin-dialog'), host);
   /** @private */
   this.hostUpdateDialog_ = new remoting.HostNeedsUpdateDialog(
       document.getElementById('host-needs-update-dialog'), this.host_);
+
   /** @private */
   this.retryOnHostOffline_ = true;
 };
 
 remoting.Me2MeActivity.prototype.dispose = function() {};
 
 remoting.Me2MeActivity.prototype.start = function() {
   var webappVersion = chrome.runtime.getManifest().version;
   var that = this;
 
@@ skipping 83 matching lines @@
   var plugin = connectionInfo.plugin();
   if (remoting.app.hasCapability(remoting.ClientSession.Capability.CAST)) {
     plugin.extensions().register(new remoting.CastExtensionHandler());
   }
   plugin.extensions().register(new remoting.GnubbyAuthHandler());
   this.pinDialog_.requestPairingIfNecessary(connectionInfo.plugin(),
                                             this.connector_);
 };
 
 remoting.Me2MeActivity.prototype.onDisconnected = function() {
-  remoting.setMode(remoting.AppMode.CLIENT_SESSION_FINISHED_ME2ME);
+  this.showFinishDialog_(remoting.AppMode.CLIENT_SESSION_FINISHED_ME2ME);
 };
 
 /**
  * @param {!remoting.Error} error
  */
 remoting.Me2MeActivity.prototype.onError = function(error) {
-  this.retryOnHostOffline_ = true;
   var errorDiv = document.getElementById('connect-error-message');
   l10n.localizeElementFromTag(errorDiv, error.getTag());
-  remoting.setMode(remoting.AppMode.CLIENT_CONNECT_FAILED_ME2ME);
+  this.showFinishDialog_(remoting.AppMode.CLIENT_CONNECT_FAILED_ME2ME);
 };
 
 /**
+ * @param {remoting.AppMode} mode
+ * @private
+ */
+remoting.Me2MeActivity.prototype.showFinishDialog_ = function(mode) {
+  var dialog = new remoting.MessageDialog(
+      mode,
+      document.getElementById('client-finished-me2me-button'),
+      document.getElementById('client-reconnect-button'));
+
+  /** @typedef {remoting.MessageDialog.Result} */
+  var Result = remoting.MessageDialog.Result;
+  var that = this;
+
+  dialog.show().then(function(/** Result */result) {
+    if (result === Result.PRIMARY) {
+      remoting.setMode(remoting.AppMode.HOME);
+    } else {
+      that.connector_.reconnect();
+      remoting.setMode(remoting.AppMode.CLIENT_CONNECTING);
+    }
+  });
+};
+
+/**
  * @param {HTMLElement} rootElement
  * @param {remoting.Host} host
  * @constructor
  */
 remoting.HostNeedsUpdateDialog = function(rootElement, host) {
   /** @private */
   this.host_ = host;
   /** @private */
-  this.rootElement_ = rootElement;
-  /** @private {base.Deferred} */
-  this.deferred_ = null;
-  /** @private {base.Disposables} */
-  this.eventHooks_ = null;
+  this.dialog_ = new remoting.MessageDialog(
+      remoting.AppMode.CLIENT_HOST_NEEDS_UPGRADE,
+      rootElement.querySelector('.connect-button'),
+      rootElement.querySelector('.cancel-button'));
 
   l10n.localizeElementFromTag(
       rootElement.querySelector('.host-needs-update-message'),
       /*i18n-content*/'HOST_NEEDS_UPDATE_TITLE', host.hostName);
 };
 
 /**
  * Shows the HostNeedsUpdateDialog if the user is trying to connect to a legacy
  * host.
  *
  * @param {string} webappVersion
  * @return {Promise}  Promise that resolves when no update is required or
  *    when the user ignores the update warning.  Rejects with
  *    |remoting.Error.CANCELLED| if the user cancels the connection.
  */
 remoting.HostNeedsUpdateDialog.prototype.showIfNecessary =
     function(webappVersion) {
   if (!remoting.Host.needsUpdate(this.host_, webappVersion)) {
     return Promise.resolve();
   }
-
-  this.eventHooks_ = new base.Disposables(
-    new base.DomEventHook(this.rootElement_.querySelector('.connect-button'),
-                         'click', this.onOK_.bind(this), false),
-    new base.DomEventHook(this.rootElement_.querySelector('.cancel-button'),
-                          'click', this.onCancel_.bind(this), false));
-
-  base.debug.assert(this.deferred_ === null);
-  this.deferred_ = new base.Deferred();
-
-  remoting.setMode(remoting.AppMode.CLIENT_HOST_NEEDS_UPGRADE);
-
-  return this.deferred_.promise();
-};
-
-/** @private */
-remoting.HostNeedsUpdateDialog.prototype.cleanup_ = function() {
-  base.dispose(this.eventHooks_);
-  this.eventHooks_ = null;
-  this.deferred_ = null;
-};
-
-
-/** @private */
-remoting.HostNeedsUpdateDialog.prototype.onOK_ = function() {
-  this.deferred_.resolve();
-  this.cleanup_();
-};
-
-/** @private */
-remoting.HostNeedsUpdateDialog.prototype.onCancel_ = function() {
-  this.deferred_.reject(new remoting.Error(remoting.Error.Tag.CANCELLED));
-  this.cleanup_();
+  /** @typedef {remoting.MessageDialog.Result} */
+  var Result = remoting.MessageDialog.Result;
+  return this.dialog_.show().then(function(/** Result */ result) {
+    if (result === Result.SECONDARY) {
+      return Promise.reject(new remoting.Error(remoting.Error.Tag.CANCELLED));
+    }
+  });
 };
 
 /**
  * @param {HTMLElement} rootElement
  * @param {remoting.Host} host
  * @constructor
  */
 remoting.PinDialog = function(rootElement, host) {
   /** @private */
   this.rootElement_ = rootElement;
@@ skipping 60 matching lines @@
       clientName = 'Linux';
     } else {
       console.log('Unrecognized client platform. Using navigator.platform.');
       clientName = navigator.platform;
     }
     plugin.requestPairing(clientName, onPairingComplete);
   }
 };
 
 })();