import { scrollTop } from 'discourse/mixins/scroll-top';

// Can add a body class from within a component, also will scroll to the top automatically.
export default Ember.Component.extend({
  tagName: 'section',

  didInsertElement() {
    this._super();

    const pageClass = this.get('pageClass');
    if (pageClass) {
      $('body').addClass(`${pageClass}-page`);
    }

    const bodyClass = this.get('bodyClass');
    if (bodyClass) {
      $('body').addClass(bodyClass);
    }

    if (this.get('scrollTop') === "false") {
      return;
    }

    scrollTop();
  },

  willDestroyElement() {
    this._super();
    const pageClass = this.get('pageClass');
    if (pageClass) {
      $('body').removeClass(`${pageClass}-page`);
    }

    const bodyClass = this.get('bodyClass');
    if (bodyClass) {
      $('body').removeClass(bodyClass);
    }
  }
});