chrome/browser/resources/chromeos/login/screen_app_launch_splash.js

// Copyright 2013 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.

/**
 * @fileoverview App install/launch splash screen implementation.
 */

login.createScreen('AppLaunchSplashScreen', 'app-launch-splash', function() {
  return {
    EXTERNAL_API: [
      'toggleNetworkConfig',
      'updateApp',
      'updateMessage',
    ],

    /** @override */
    decorate: function() {
      $('splash-config-network').addEventListener('click', function(e) {
        chrome.send('configureNetwork');
      });

      var networkContainer = $('splash-config-network-container');
      networkContainer.addEventListener(
          'webkitTransitionEnd',
          function(e) {
            if (this.classList.contains('faded'))
              $('splash-config-network').hidden = true;
          }.bind(networkContainer)
      );

      // Ensure the webkitTransitionEnd event gets called after a wait time.
      // The wait time should be inline with the transition duration time
      // defined in css file. The current value in css is 1000ms. To avoid
      // the emulated webkitTransitionEnd firing before real one, a 1050ms
      // delay is used.
      ensureTransitionEndEvent(networkContainer, 1050);
    },

    /**
     * Event handler that is invoked just before the frame is shown.
     * @param {string} data Screen init payload.
     */
    onBeforeShow: function(data) {
      $('splash-config-network').hidden = true;
      this.toggleNetworkConfig(false);
      this.updateApp(data['appInfo']);

      $('splash-shortcut-info').hidden = !data['shortcutEnabled'];

      Oobe.getInstance().headerHidden = true;
      Oobe.getInstance().solidBackground = true;
    },

    /**
     * Event handler that is invoked just before the frame is hidden.
     */
    onBeforeHide: function() {
    },

    /**
     * Toggles visibility of the network configuration option.
     * @param {boolean} visible Whether to show the option.
     */
    toggleNetworkConfig: function(visible) {
      var container = $('splash-config-network-container');
      var currVisible = !container.classList.contains('faded');
      if (currVisible == visible)
        return;

      if (visible) {
        $('splash-config-network').hidden = false;
        container.classList.remove('faded');
      } else {
        container.classList.add('faded');
      }
    },

    /**
     * Updates the app name and icon.
     * @param {Object} app Details of app being launched.
     */
    updateApp: function(app) {
      $('splash-header').textContent = app.name;
      $('splash-header').style.backgroundImage = 'url(' + app.iconURL + ')';
    },

    /**
     * Updates the message for the current launch state.
     * @param {string} message Description for current launch state.
     */
    updateMessage: function(message) {
      $('splash-launch-text').textContent = message;
    }
  };
});