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       MenuButton.prototype.showMenu.apply(this, arguments);
  65     },
  66
  67     /**
  68      * Invoked when apps menu becomes visible.
  69      */
  70     didShow: function() {
  71       window.setTimeout(function() {
  72         if (!$('apps-header-bar-item').hidden)
  73           chrome.send('checkKioskAppLaunchError');
  74       }, 500);
  75     },
  76
  77     findAndRunAppForTesting: function(id) {
  78       this.showMenu(true);
  79       for (var i = 0; i < this.menu.menuItems.length; i++) {
  80         var menuNode = this.menu.menuItems[i];
  81         if (menuNode.appId == id) {
  82           var activationEvent = cr.doc.createEvent('Event');
  83           activationEvent.initEvent('activate', true, true);
  84           menuNode.dispatchEvent(activationEvent);
  85           break;
  86         }
  87       }
  88     },
  89
  90     /**
  91      * Adds an app to the menu.
  92      * @param {Object} app An app info object.
  93      * @private
  94      */
  95     addItem_: function(app) {
  96       var menuItem = this.menu.addMenuItem(app);
  97       menuItem.classList.add('apps-menu-item');
  98       menuItem.appId = app.id;
  99       menuItem.addEventListener('activate', function() {
 100         chrome.send('launchKioskApp', [app.id]);
 101       });
 102     }
 103   };
 104
 105   /**
 106    * Sets apps to be displayed in the apps menu.
 107    * @param {!Array.<!Object>} apps An array of app info objects.
 108    */
 109   AppsMenuButton.setApps = function(apps) {
 110     $('show-apps-button').data = apps;
 111     $('login-header-bar').hasApps = apps.length > 0;
 112     chrome.send('kioskAppsLoaded');
 113   };
 114
 115   /**
 116    * Shows the given error message.
 117    * @param {!string} message Error message to show.
 118    */
 119   AppsMenuButton.showError = function(message) {
 120     /** @const */ var BUBBLE_OFFSET = 25;
 121     /** @const */ var BUBBLE_PADDING = 12;
 122     $('bubble').showTextForElement($('show-apps-button'),
 123                                    message,
 124                                    cr.ui.Bubble.Attachment.TOP,
 125                                    BUBBLE_OFFSET,
 126                                    BUBBLE_PADDING);
 127   };
 128
 129
 130   /**
 131    * Runs app with a given id from the list of loaded apps.
 132    * @param {!string} id of an app to run.
 133    */
 134   AppsMenuButton.runAppForTesting = function(id) {
 135     $('show-apps-button').findAndRunAppForTesting(id);
 136   };
 137
 138   return {
 139     AppsMenuButton: AppsMenuButton
 140   };
 141 });