15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)// Copyright (c) 2012 The Chromium Authors. All rights reserved.
25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)// Use of this source code is governed by a BSD-style license that can be
35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)// found in the LICENSE file.
45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/**
65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * @fileoverview Demo login UI.
75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */
85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/**
105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Handles a user clicking anywhere on the screen. This will log the demo user
115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * in. Yes, this actually _is the intention.
125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * @param {Event} e The click event that triggered this function.
135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */
145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)onClick = function(e) {
155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  document.removeEventListener('click', onClick);
165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  e.stopPropagation();
175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  showLoginSpinner();
185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  chrome.send('launchDemoUser');
195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)};
205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/**
225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Initializes the click handler.
235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */
245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)initialize = function() {
255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  $('page').style.opacity = 1;
265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  document.addEventListener('click', onClick);
275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  // Report back sign in UI being painted.
285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  window.webkitRequestAnimationFrame(function() {
295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)    chrome.send('loginVisible', ['demo']);
305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  });
315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)};
325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/**
345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Show the login spinner.
355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */
365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)showLoginSpinner = function() {
375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  // We're already logging in - don't login on click.
385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  document.removeEventListener('click', onClick);
395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
402a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)  // Hide the "Click to start" and show the spinner.
415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  $('demo-login-text').hidden = true;
425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  $('login-spinner').hidden = false;
435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)};
445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)disableTextSelectAndDrag();
465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)document.addEventListener('DOMContentLoaded', initialize);
47