Home | History | Annotate | Download | only in webapp
      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 (!remoting.isAppsV2) {
     43       remoting.oauth2.doAuthRedirect();
     44     }
     45   };
     46   var fixAuthError = function() {
     47     if (remoting.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: 'token-refresh-error-ok', fn: goHome },
    109       { event: 'click', id: 'token-refresh-error-sign-in', fn: fixAuthError }
    110   ];
    111   registerEventListeners(it2me_actions);
    112   registerEventListeners(me2me_actions);
    113   registerEventListeners(host_actions);
    114   registerEventListeners(auth_actions);
    115   remoting.init();
    116 
    117   window.addEventListener('resize', remoting.onResize, false);
    118   // When a window goes full-screen, a resize event is triggered, but the
    119   // Fullscreen.isActive call is not guaranteed to return true until the
    120   // full-screen event is triggered. In apps v2, the size of the window's
    121   // client area is calculated differently in full-screen mode, so register
    122   // for both events.
    123   remoting.fullscreen.addListener(remoting.onResize);
    124   if (!remoting.isAppsV2) {
    125     window.addEventListener('beforeunload', remoting.promptClose, false);
    126     window.addEventListener('unload', remoting.disconnect, false);
    127   }
    128 }
    129 
    130 /**
    131  * @param {Array.<{event: string, id: string,
    132  *     fn: function(Event):void}>} actions Array of actions to register.
    133  */
    134 function registerEventListeners(actions) {
    135   for (var i = 0; i < actions.length; ++i) {
    136     var action = actions[i];
    137     registerEventListener(action.id, action.event, action.fn);
    138   }
    139 }
    140 
    141 /**
    142  * Add an event listener to the specified element.
    143  * @param {string} id Id of element.
    144  * @param {string} eventname Event name.
    145  * @param {function(Event):void} fn Event handler.
    146  */
    147 function registerEventListener(id, eventname, fn) {
    148   var element = document.getElementById(id);
    149   if (element) {
    150     element.addEventListener(eventname, fn, false);
    151   } else {
    152     console.error('Could not set ' + eventname +
    153         ' event handler on element ' + id +
    154         ': element not found.');
    155   }
    156 }
    157 
    158 window.addEventListener('load', onLoad, false);
    159