remoting/webapp/event_handlers.js

   1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 'use strict';
   6
   7 /** @suppress {duplicate} */
   8 var remoting = remoting || {};
   9
  10 function onLoad() {
  11   var goHome = function() {
  12     remoting.setMode(remoting.AppMode.HOME);
  13   };
  14   var goEnterAccessCode = function() {
  15     // We don't need a token until we authenticate, but asking for one here
  16     // handles the token-expired case earlier, avoiding asking the user for
  17     // the access code both before and after re-authentication.
  18     remoting.identity.callWithToken(
  19         /** @param {string} token */
  20         function(token) {
  21           remoting.setMode(remoting.AppMode.CLIENT_UNCONNECTED);
  22         },
  23         remoting.showErrorMessage);
  24   };
  25   var goFinishedIT2Me = function() {
  26     if (remoting.currentMode == remoting.AppMode.CLIENT_CONNECT_FAILED_IT2ME) {
  27       remoting.setMode(remoting.AppMode.CLIENT_UNCONNECTED);
  28     } else {
  29       goHome();
  30     }
  31   };
  32   /** @param {Event} event The event. */
  33   var sendAccessCode = function(event) {
  34     remoting.connectIT2Me();
  35     event.preventDefault();
  36   };
  37   var reconnect = function() {
  38     remoting.setMode(remoting.AppMode.CLIENT_CONNECTING);
  39     remoting.connector.reconnect();
  40   };
  41   var doAuthRedirect = function() {
  42     if (!base.isAppsV2()) {
  43       remoting.oauth2.doAuthRedirect();
  44     }
  45   };
  46   var fixAuthError = function() {
  47     if (base.isAppsV2()) {
  48       var onRefresh = function() {
  49         remoting.hostList.display();
  50       };
  51       var refreshHostList = function() {
  52         goHome();
  53         remoting.hostList.refresh(onRefresh);
  54       };
  55       remoting.identity.removeCachedAuthToken(refreshHostList);
  56     } else {
  57       doAuthRedirect();
  58     }
  59   };
  60   /** @param {Event} event The event. */
  61   var stopDaemon = function(event) {
  62     remoting.hostSetupDialog.showForStop();
  63     event.stopPropagation();
  64   };
  65   var cancelAccessCode = function() {
  66     remoting.setMode(remoting.AppMode.HOME);
  67     document.getElementById('access-code-entry').value = '';
  68   };
  69   /** @type {Array.<{event: string, id: string, fn: function(Event):void}>} */
  70   var it2me_actions = [
  71       { event: 'click', id: 'access-mode-button', fn: goEnterAccessCode },
  72       { event: 'submit', id: 'access-code-form', fn: sendAccessCode },
  73       { event: 'click', id: 'cancel-access-code-button', fn: cancelAccessCode},
  74       { event: 'click', id: 'cancel-share-button', fn: remoting.cancelShare },
  75       { event: 'click', id: 'client-finished-it2me-button', fn: goHome },
  76       { event: 'click', id: 'get-started-it2me',
  77         fn: remoting.showIT2MeUiAndSave },
  78       { event: 'click', id: 'host-finished-button', fn: goHome },
  79       { event: 'click', id: 'share-button', fn: remoting.tryShare }
  80   ];
  81   /** @type {Array.<{event: string, id: string, fn: function(Event):void}>} */
  82   var me2me_actions = [
  83       { event: 'click', id: 'change-daemon-pin',
  84         fn: function() { remoting.hostSetupDialog.showForPin(); } },
  85       { event: 'click', id: 'client-finished-me2me-button', fn: goHome },
  86       { event: 'click', id: 'client-reconnect-button', fn: reconnect },
  87       { event: 'click', id: 'daemon-pin-cancel', fn: goHome },
  88       { event: 'click', id: 'get-started-me2me',
  89         fn: remoting.showMe2MeUiAndSave },
  90       { event: 'click', id: 'start-daemon',
  91         fn: function() { remoting.hostSetupDialog.showForStart(); } },
  92       { event: 'click', id: 'stop-daemon', fn: stopDaemon }
  93   ];
  94   /** @type {Array.<{event: string, id: string, fn: function(Event):void}>} */
  95   var host_actions = [
  96       { event: 'click', id: 'close-paired-client-manager-dialog', fn: goHome },
  97       { event: 'click', id: 'host-config-done-dismiss', fn: goHome },
  98       { event: 'click', id: 'host-config-error-dismiss', fn: goHome },
  99       { event: 'click', id: 'open-paired-client-manager-dialog',
 100         fn: remoting.setMode.bind(null,
 101                                   remoting.AppMode.HOME_MANAGE_PAIRINGS) },
 102       { event: 'click', id: 'stop-sharing-button', fn: remoting.cancelShare }
 103   ];
 104   /** @type {Array.<{event: string, id: string, fn: function(Event):void}>} */
 105   var auth_actions = [
 106       { event: 'click', id: 'auth-button', fn: doAuthRedirect },
 107       { event: 'click', id: 'cancel-connect-button', fn: goHome },
 108       { event: 'click', id: 'sign-out', fn:remoting.signOut },
 109       { event: 'click', id: 'token-refresh-error-ok', fn: goHome },
 110       { event: 'click', id: 'token-refresh-error-sign-in', fn: fixAuthError }
 111   ];
 112   registerEventListeners(it2me_actions);
 113   registerEventListeners(me2me_actions);
 114   registerEventListeners(host_actions);
 115   registerEventListeners(auth_actions);
 116   remoting.init();
 117
 118   window.addEventListener('resize', remoting.onResize, false);
 119   // When a window goes full-screen, a resize event is triggered, but the
 120   // Fullscreen.isActive call is not guaranteed to return true until the
 121   // full-screen event is triggered. In apps v2, the size of the window's
 122   // client area is calculated differently in full-screen mode, so register
 123   // for both events.
 124   remoting.fullscreen.addListener(remoting.onResize);
 125   if (!base.isAppsV2()) {
 126     window.addEventListener('beforeunload', remoting.promptClose, false);
 127     window.addEventListener('unload', remoting.disconnect, false);
 128   }
 129 }
 130
 131 /**
 132  * @param {Array.<{event: string, id: string,
 133  *     fn: function(Event):void}>} actions Array of actions to register.
 134  */
 135 function registerEventListeners(actions) {
 136   for (var i = 0; i < actions.length; ++i) {
 137     var action = actions[i];
 138     registerEventListener(action.id, action.event, action.fn);
 139   }
 140 }
 141
 142 /**
 143  * Add an event listener to the specified element.
 144  * @param {string} id Id of element.
 145  * @param {string} eventname Event name.
 146  * @param {function(Event):void} fn Event handler.
 147  */
 148 function registerEventListener(id, eventname, fn) {
 149   var element = document.getElementById(id);
 150   if (element) {
 151     element.addEventListener(eventname, fn, false);
 152   } else {
 153     console.error('Could not set ' + eventname +
 154         ' event handler on element ' + id +
 155         ': element not found.');
 156   }
 157 }
 158
 159 window.addEventListener('load', onLoad, false);