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

   1 // Copyright 2013 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 /**
   6  * @fileoverview Kiosk apps menu implementation.
   7  */
   8
   9 cr.define('login', function() {
  10   'use strict';
  11
  12   var Menu = cr.ui.Menu;
  13   var MenuButton = cr.ui.MenuButton;
  14
  15   /**
  16    * Creates apps menu button.
  17    * @constructor
  18    * @extends {cr.ui.MenuButton}
  19    */
  20   var AppsMenuButton = cr.ui.define('button');
  21
  22   AppsMenuButton.prototype = {
  23     __proto__: MenuButton.prototype,
  24
  25     /**
  26      * Flag of whether to rebuild the menu.
  27      * @type {boolean}
  28      * @private
  29      */
  30     needsRebuild_: true,
  31
  32     /**
  33      * Array to hold apps info.
  34      * @type {Array}
  35      */
  36     data_: null,
  37     get data() {
  38       return this.data_;
  39     },
  40     set data(data) {
  41       this.data_ = data;
  42       this.needsRebuild_ = true;
  43     },
  44
  45     /** @override */
  46     decorate: function() {
  47       MenuButton.prototype.decorate.call(this);
  48       this.menu = new Menu;
  49       cr.ui.decorate(this.menu, Menu);
  50       document.body.appendChild(this.menu);
  51
  52       this.anchorType = cr.ui.AnchorType.ABOVE;
  53       chrome.send('initializeKioskApps');
  54     },
  55
  56     /** @override */
  57     showMenu: function(shouldSetFocus) {
  58       if (this.needsRebuild_) {
  59         this.menu.textContent = '';
  60         this.data_.forEach(this.addItem_, this);
  61         this.needsRebuild_ = false;
  62       }
  63
  64       if (this.data.length > 0)
  65         MenuButton.prototype.showMenu.apply(this, arguments);
  66     },
  67
  68     /**
  69      * Invoked when apps menu becomes visible.
  70      */
  71     didShow: function() {
  72       window.setTimeout(function() {
  73         if (!$('apps-header-bar-item').hidden)
  74           chrome.send('checkKioskAppLaunchError');
  75       }, 500);
  76     },
  77
  78     findAndRunAppForTesting: function(id, opt_diagnostic_mode) {
  79       this.showMenu(true);
  80       for (var i = 0; i < this.menu.menuItems.length; i++) {
  81         var menuNode = this.menu.menuItems[i];
  82         if (menuNode.appId == id) {
  83           var activationEvent = cr.doc.createEvent('Event');
  84           activationEvent.initEvent('activate', true, true);
  85
  86           if (opt_diagnostic_mode) {
  87             var fakeCtrlEnterEvent = cr.doc.createEvent('KeyboardEvent');
  88             fakeCtrlEnterEvent.initKeyboardEvent('keypress', true, true, null,
  89                                                  'Enter', 0,
  90                                                  true, false, false, false);
  91             activationEvent.originalEvent = fakeCtrlEnterEvent;
  92           }
  93
  94           menuNode.dispatchEvent(activationEvent);
  95           break;
  96         }
  97       }
  98     },
  99
 100     /**
 101      * Launch the app. If |diagnosticMode| is true, ask user to confirm.
 102      * @param {Object} app App data.
 103      * @param {boolean} diagnosticMode Whether to run the app in diagnostic
 104      *     mode.
 105      */
 106     launchApp_: function(app, diagnosticMode) {
 107       if (!diagnosticMode) {
 108         chrome.send('launchKioskApp', [app.id, false]);
 109         return;
 110       }
 111
 112       if (!this.confirmDiagnosticMode_) {
 113         this.confirmDiagnosticMode_ =
 114             new cr.ui.dialogs.ConfirmDialog(document.body);
 115         this.confirmDiagnosticMode_.setOkLabel(
 116             loadTimeData.getString('confirmKioskAppDiagnosticModeYes'));
 117         this.confirmDiagnosticMode_.setCancelLabel(
 118             loadTimeData.getString('confirmKioskAppDiagnosticModeNo'));
 119       }
 120
 121       this.confirmDiagnosticMode_.show(
 122           loadTimeData.getStringF('confirmKioskAppDiagnosticModeFormat',
 123                                   app.label),
 124           function() {
 125             chrome.send('launchKioskApp', [app.id, true]);
 126           });
 127     },
 128
 129     /**
 130      * Adds an app to the menu.
 131      * @param {Object} app An app info object.
 132      * @private
 133      */
 134     addItem_: function(app) {
 135       var menuItem = this.menu.addMenuItem(app);
 136       menuItem.classList.add('apps-menu-item');
 137       menuItem.appId = app.id;
 138       menuItem.addEventListener('activate', function(e) {
 139         var diagnosticMode = e.originalEvent && e.originalEvent.ctrlKey;
 140         this.launchApp_(app, diagnosticMode);
 141       }.bind(this));
 142     }
 143   };
 144
 145   /**
 146    * Sets apps to be displayed in the apps menu.
 147    * @param {!Array<!Object>} apps An array of app info objects.
 148    */
 149   AppsMenuButton.setApps = function(apps) {
 150     $('show-apps-button').data = apps;
 151     $('login-header-bar').hasApps =
 152         apps.length > 0 || loadTimeData.getBoolean('kioskAppHasLaunchError');
 153     chrome.send('kioskAppsLoaded');
 154   };
 155
 156   /**
 157    * Shows the given error message.
 158    * @param {!string} message Error message to show.
 159    */
 160   AppsMenuButton.showError = function(message) {
 161     /** @const */ var BUBBLE_OFFSET = 25;
 162     /** @const */ var BUBBLE_PADDING = 12;
 163     $('bubble').showTextForElement($('show-apps-button'),
 164                                    message,
 165                                    cr.ui.Bubble.Attachment.TOP,
 166                                    BUBBLE_OFFSET,
 167                                    BUBBLE_PADDING);
 168   };
 169
 170
 171   /**
 172    * Runs app with a given id from the list of loaded apps.
 173    * @param {!string} id of an app to run.
 174    * @param {boolean=} opt_diagnostic_mode Whether to run the app in diagnostic
 175    *     mode.  Default is false.
 176    */
 177   AppsMenuButton.runAppForTesting = function(id, opt_diagnostic_mode) {
 178     $('show-apps-button').findAndRunAppForTesting(id, opt_diagnostic_mode);
 179   };
 180
 181   return {
 182     AppsMenuButton: AppsMenuButton
 183   };
 184 });