src/chrome/browser/resources/extensions/chromeos/kiosk_app_list.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 cr.define('extensions', function() {
   6   /** @const */ var List = cr.ui.List;
   7   /** @const */ var ListItem = cr.ui.ListItem;
   8   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   9
  10   /**
  11    * Creates a list for showing kiosk apps.
  12    * @constructor
  13    * @extends {cr.ui.List}
  14    */
  15   var KioskAppList = cr.ui.define('list');
  16
  17   KioskAppList.prototype = {
  18     __proto__: List.prototype,
  19
  20     /** @override */
  21     createItem: function(app) {
  22       var item = new KioskAppListItem();
  23       item.data = app;
  24       return item;
  25     },
  26
  27     /**
  28      * Loads the given list of apps.
  29      * @param {!Array.<!Object>} apps An array of app info objects.
  30      */
  31     setApps: function(apps) {
  32       this.dataModel = new ArrayDataModel(apps);
  33     },
  34
  35     /**
  36      * Updates the given app.
  37      * @param {!Object} app An app info object.
  38      */
  39     updateApp: function(app) {
  40       for (var i = 0; i < this.items.length; ++i) {
  41         if (this.items[i].data.id == app.id) {
  42           this.items[i].data = app;
  43           break;
  44         }
  45       }
  46     }
  47   };
  48
  49   /**
  50    * Creates a list item for a kiosk app.
  51    * @constructor
  52    * @extends {cr.ui.ListItem}
  53    */
  54   var KioskAppListItem = cr.ui.define(function() {
  55     var el = $('kiosk-app-list-item-template').cloneNode(true);
  56     el.removeAttribute('id');
  57     el.hidden = false;
  58     return el;
  59   });
  60
  61   KioskAppListItem.prototype = {
  62     __proto__: ListItem.prototype,
  63
  64     /**
  65      * Data object to hold app info.
  66      * @type {Object}
  67      * @private
  68      */
  69     data_: null,
  70     get data() {
  71       assert(this.data_);
  72       return this.data_;
  73     },
  74     set data(data) {
  75       this.data_ = data;
  76       this.redraw();
  77     },
  78
  79     /**
  80      * Getter for the icon element.
  81      * @type {Element}
  82      */
  83     get icon() {
  84       return this.querySelector('.kiosk-app-icon');
  85     },
  86
  87     /**
  88      * Getter for the name element.
  89      * @type {Element}
  90      */
  91     get name() {
  92       return this.querySelector('.kiosk-app-name');
  93     },
  94
  95     /**
  96      * Getter for the status text element.
  97      * @type {Element}
  98      */
  99     get status() {
 100       return this.querySelector('.kiosk-app-status');
 101     },
 102
 103     /** @override */
 104     decorate: function() {
 105       ListItem.prototype.decorate.call(this);
 106
 107       var sendMessageWithId = function(msg) {
 108         return function() {
 109           chrome.send(msg, [this.data.id]);
 110         }.bind(this);
 111       }.bind(this);
 112
 113       this.querySelector('.enable-auto-launch-button').onclick =
 114           sendMessageWithId('enableKioskAutoLaunch');
 115       this.querySelector('.disable-auto-launch-button').onclick =
 116           sendMessageWithId('disableKioskAutoLaunch');
 117       this.querySelector('.row-delete-button').onclick =
 118           sendMessageWithId('removeKioskApp');
 119     },
 120
 121     /**
 122      * Updates UI from app info data.
 123      */
 124     redraw: function() {
 125       this.icon.classList.toggle('spinner', this.data.isLoading);
 126       this.icon.style.backgroundImage = 'url(' + this.data.iconURL + ')';
 127
 128       this.name.textContent = this.data.name || this.data.id;
 129       this.status.textContent = this.data.autoLaunch ?
 130           loadTimeData.getString('autoLaunch') : '';
 131
 132       this.autoLaunch = this.data.autoLaunch;
 133     }
 134   };
 135
 136   /*
 137    * True if the app represented by this item will auto launch.
 138    * @type {boolean}
 139    */
 140   cr.defineProperty(KioskAppListItem, 'autoLaunch', cr.PropertyKind.BOOL_ATTR);
 141
 142   // Export
 143   return {
 144     KioskAppList: KioskAppList
 145   };
 146 });