import Ember from 'ember';
import computed from 'ember-computed-decorators';

export default Ember.Controller.extend({
  selectedOrgId: null,
  shouldRenderSites: true,

  @computed('selectedOrgId')
  sitesInOrg(selectedOrgId) {
    if (selectedOrgId) {
      return this.store.query('site', { orgId: selectedOrgId }).then((sites) => {
        return Ember.RSVP.hashSettled({ sites }).then((settledSites) => {
          this.toggleProperty('shouldRenderSites');
          this.toggleProperty('shouldRenderSites');
          return settledSites.sites.value;
        });
      }).catch((error) => {
        console.log(error)
      });
    } else {
      return Ember.A([]);
    }
  },

  actions: {
    setOrgId(org) {
      this.set('selectedOrgId', org.id);
    }
  }
});