import { schedule } from '@ember/runloop';
import { alias, gt } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import Controller, { inject as controller } from '@ember/controller';
import C from 'ui/utils/constants';
import { on } from '@ember/object/evented';
import { isEmbedded } from 'shared/utils/util';

export default Controller.extend({
  settings:    service(),
  prefs:       service(),
  scope:       service(),
  application: controller(),
  error:       null,

  isPopup:     alias('application.isPopup'),
  pageScope:   alias('scope.currentPageScope'),

  hasHosts: gt('model.hosts.length', 0),

  bootstrap: on('init', function() {
    schedule('afterRender', this, () => {
      this.application.setProperties({
        error:             null,
        error_description: null,
        state:             null,
      });

      let bg = this.get(`prefs.${ C.PREFS.BODY_BACKGROUND }`);

      if ( bg ) {
        $('BODY').css('background', bg); // eslint-disable-line
      }

      // Add class to hide Page Header and Footer when embedded
      if (isEmbedded()) {
        $('BODY').addClass('embedded'); // eslint-disable-line
      }
    });
  }),

});