/* global BaseIcon, Service */
'use strict';

(function(exports) {
  var PlayingIcon = function(manager, index) {
    BaseIcon.call(this, manager, index);
  };
  PlayingIcon.prototype = Object.create(BaseIcon.prototype);
  PlayingIcon.prototype.name = 'PlayingIcon';
  PlayingIcon.prototype.shouldDisplay = function() {
    // The camera recording fires a audio-channel-changed event to kill
    // existing "content" audio channels, in this case we don't show the
    // playing icon.
    return this.manager.currentChannel === 'content' &&
           !Service.query('RecordingIcon.isVisible');
  };

  PlayingIcon.prototype.view = function view() {
    return `<div id="statusbar-playing"
              class="sb-icon sb-icon-playing"
              hidden role="listitem"
              data-l10n-id="statusbarPlaying">
            </div>`;
  };

  exports.PlayingIcon = PlayingIcon;
}(window));