import Component from '@ember/component';
import layout from './template';
import { get, set } from '@ember/object';
import { inject as service } from '@ember/service';
import { isEmpty } from '@ember/utils';
import { next } from '@ember/runloop';

const SCHEME = 'https://';

export default Component.extend({
  router:           service(),

  layout,
  serverUrl:        null,
  serverUrlSetting: null,
  setServerUrl:     false,
  showHeader:       true,
  urlInvalid:       false,
  urlWarning:       null,
  scheme:           SCHEME,


  init() {
    this._super(...arguments);
    if (isEmpty(get(this, 'serverUrl'))) {
      set(this, 'serverUrl', window.location.host);
    }
  },
  didInsertElement() {
    next(() => {
      if ( this.isDestroyed || this.isDestroying ) {
        return;
      }

      const elem = this.$('INPUT')[0]

      if ( elem ) {
        elem.focus();
      }
    });
  },

  actions: {
    saveServerUrl() {
      let setting = get(this, 'serverUrlSetting');

      set(setting, 'value', `${ SCHEME }${ get(this, 'serverUrl') }`);
      setting.save().then(() => {
        get(this, 'router').replaceWith('authenticated');
      });
    },
  },
});