import Controller from '@ember/controller';
import { alias } from '@ember/object/computed';
import { observer } from '@ember/object';
import { inject as service } from '@ember/service';

export default Controller.extend({
  settings: service(),

  queryParams:             ['provider', 'importProvider', 'clusterTemplateRevision', 'scrollTo'],
  provider:                null,
  clusterTemplateRevision: null,
  importProvider:          null,

  cluster: alias('model.cluster'),

  actions: {
    close() {
      this.transitionToRoute('authenticated.cluster');
    },
  },

  scrolling: observer('model.activated', function() {
    const intervalId = setInterval(() => {
      const element = $(`#${ this.scrollTo }`); // eslint-disable-line

      if (element.length > 0 && element.get(0).getBoundingClientRect().top !== 0) {
        element.get(0).scrollIntoView(true);
        clearInterval(intervalId);
      }
    }, 10);
  })
});