Source: panels/root/themes_item.js

  1. /**
  2.  * This module is used to show/hide themes menuItem based on the number of
  3.  * current installed themes.
  4.  *
  5.  * @module ThemesItem
  6.  */
  7. define(function(require) {
  8.   'use strict';
  10.   var AppsCache = require('modules/apps_cache');
  12.   function ThemesItem(element) {
  13.     this._enabled = false;
  14.     this._element = element; 
  15.     this._themeCount = 0;
  16.     this._boundUpdateThemes = this._updateThemes.bind(this);
  17.     this.init();
  18.   }
  20.   ThemesItem.prototype = {
  21.     /**
  22.      * Set current status of themesItem
  23.      *
  24.      * @access public
  25.      * @param {Boolean} enabled
  26.      * @memberOf ThemesItem
  27.      */
  28.     set enabled(enabled) {
  29.       if (this._enabled === enabled) {
  30.         return;
  31.       } else {
  32.         this._enabled = enabled;
  33.         if (this._enabled) {
  34.           this._updateThemeSectionVisibility();
  35.         }
  36.       }
  37.     },
  39.     /**
  40.      * Get current status of themesItem
  41.      *
  42.      * @access public
  43.      * @memberOf ThemesItem
  44.      */
  45.     get enabled() {
  46.       return this._enabled;
  47.     },
  49.     /**
  50.      * Initialization
  51.      *
  52.      * @access private
  53.      * @memberOf ThemesItem
  54.      * @return {Promise}
  55.      */
  56.     init: function() {
  57.       var self = this;
  58.       AppsCache.addEventListener('install', this._boundUpdateThemes);
  59.       AppsCache.addEventListener('uninstall', this._boundUpdateThemes);
  60.       return AppsCache.apps().then(function(apps) {
  61.         apps.some(function(app) {
  62.           if (self._isThemeApp(app)) {
  63.             self._themeCount += 1;
  64.           }
  65.         });
  66.         self._updateThemeSectionVisibility();
  67.       });
  68.     },
  70.     /**
  71.      * Check whether this app is theme app
  72.      *
  73.      * @param {Object} app
  74.      * @returns {Boolean}
  75.      * @memberOf ThemesItem
  76.      */
  77.     _isThemeApp: function(app) {
  78.       var manifest = app.manifest || app.updateManifest;
  79.       return manifest.role === 'theme';
  80.     },
  82.     /**
  83.      * We have to update theme count based on incoming evt and
  84.      * decide to show/hide or not.
  85.      *
  86.      * @param {Object} evt
  87.      * @memberOf ThemesItem
  88.      */
  89.     _updateThemes: function(evt) {
  90.       var app = evt && evt.application;
  91.       var type = evt.type;
  93.       if (this._isThemeApp(app)) {
  94.         if (type === 'install') {
  95.           this._themeCount += 1;
  96.         } else if (type === 'uninstall') {
  97.           this._themeCount -= 1;
  98.         }
  99.         this._updateThemeSectionVisibility();
  100.       }
  101.     },
  103.     /**
  104.      * Update theme section visibility based on _themeCount
  105.      *
  106.      * @memberOf ThemesItem
  107.      */
  108.     _updateThemeSectionVisibility: function() {
  109.       this._element.hidden = (this._themeCount < 2);
  110.     }
  111.   };
  113.   return function ctor_themesItem(element) {
  114.     return new ThemesItem(element);
  115.   };
  116. });