authCheck_iframe.js

/** Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License
 */

// This is alpha code for using OAuth2 in a Hangout.
// It is likely that we will replace some or all of this functionality, and it
// depends on the JavaScript API Client, which is currently in alpha as well.

// API key from the Google API Console
// You need this when not running directly in the gadget.
var apiKey = 'AIzaSyA9GZ8awW-vbrrFEUhSol8dkf5Co1i66Iw';

// Lay out whatever scopes you want here in an array
var scopes = ['https://www.googleapis.com/auth/plus.me'];

/** Run authorization call in either with or without popup
 * @param {boolean} isImmediate Use immedate mode for authorization.
 */
function checkAuth(isImmediate) {
  console.log('checking auth');
  gapi.auth.authorize({
          // Enter the client ID from the API Access that you created.
          // Don't forget to add https://[yoursite] to the
          // 'JavaScript origins' slot in the API Console
          'client_id': '542349482193.apps.googleusercontent.com',
          'scope': scopes,
          'immediate': isImmediate},
    handleAuthResult);
}

/** Callback from auth function
 * @param {object} authResult Return value from JS Client.
 */

function handleAuthResult(authResult) {
  var authorizeButton = document.getElementById('authorize-button');
  var tokenButton = document.getElementById('token-button');

  if (authResult) {
    authorizeButton.style.visibility = 'hidden';
    tokenButton.style.visibility = '';
    tokenButton.onclick = toggleTokenVisible;
    makeGPlusApiCall();
  } else {
    authorizeButton.style.visibility = '';
    tokenButton.style.visibility = 'hidden';
    authorizeButton.onclick = onAuthorizeClick;
  }
}

function onAuthorizeClick(event) {
  // non-immediate mode; i.e., pop up a dialog.
  checkAuth(false);
}

function toggleTokenVisible(event) {
  var tokenButton = document.getElementById('token-button');
  var tokenField = document.getElementById('token-field');

  if (tokenField.style.visibility == 'hidden') {
    tokenField.innerHTML = gapi.auth.getToken().access_token;
    tokenButton.innerHTML = 'Hide token';
    tokenField.style.visibility = '';
  } else {
    tokenButton.innerHTML = 'Show token';
    tokenField.style.visibility = 'hidden';
  }
}

function makeGPlusApiCall() {
  gapi.client.load('plus', 'v1', function() {
      var request = gapi.client.plus.people.get({
          'userId': 'me'
        });
      request.execute(function(resp) {
          var heading = document.createElement('h4');
          var nameHeading = document.createElement('h2');
          var image = document.createElement('img');
          image.src = resp.image.url;
          nameHeading.appendChild(document.createTextNode(resp.displayName));
          heading.appendChild(image);

          document.getElementById('content').appendChild(heading);
          document.getElementById('content').appendChild(nameHeading);

          document.getElementById('instructions').innerHTML = '';

        });
    });
}

/** Called when jsclient has fully loaded; sets API key */
function onClientReady() {
    gapi.client.setApiKey(apiKey);
    window.setTimeout(function() { checkAuth(true) }, 1);
}