import Controller from '@ember/controller';
import { get, set, observer, computed } from '@ember/object';
import { once } from '@ember/runloop';

export default Controller.extend({
  selectedContainer: null,

  containerDidChange: observer('model.containers.[]', function () {
    once(() => set(this, 'selectedContainer', get(this, 'model.containers.firstObject')));
  }),

  actions: {
    select(container) {
      set(this, 'selectedContainer', container);
    }
  },

  displayEnvironmentVars: computed('selectedContainer', function() {
    var envs = [];
    var environment = this.get('selectedContainer.environment')||{};
    Object.keys(environment).forEach((key) => {
      envs.pushObject({key: key, value: environment[key]})
    });
    return envs;
  }),
});