group and sub group promises Ember routes

route.js

import Ember from 'ember';
import RSVP from 'rsvp';

const { set, get } = Ember;

export default Ember.Route.extend({

  model(params) {
    let store = get(this, 'store');
    let groupCollection = store.query('groupCollection', {
      id: params.group_id,
      sideload: [
        "subgroupSelection",
        "subGroupOne",
        "subGroupTwo",
      ]
    });

    let subgroupSelections = groupCollection.then((groupCollectionResolved) => {
      return groupCollectionResolved.get('subgroupSelections'); // a hasMany
    });

    let subGroupOne = subgroupSelections.then((subgroupSelectionsResolved) => {
      return subgroupSelectionsResolved.get('subGroupOne'); // a belongsTo
    });    

    let subGroupTwo = subgroupSelections.then((subgroupSelectionsResolved) => {
      return subgroupSelectionsResolved.get('subGroupTwo'); // a belongsTo
    });    

    return Ember.RSVP.hash({
      groupCollection: groupCollection,
      subgroupSelections: subgroupSelections,
      subGroupOne: subGroupOne,
      subGroupTwo: subGroupTwo
    });
  },

  setupController(controller, hash) {
    set(controller, 'groupCollection', hash.groupCollection);
    set(controller, 'subgroupSelections', hash.subgroupSelections);
    set(controller, 'subGroupOne', hash.subGroupOne);
    set(controller, 'subGroupTwo', hash.subGroupTwo);
  }

});


/*

Model Hierarchy looks likes this with a nested hierarchy three layers deep

groupCollection
groupCollection -> subgroupSelections
groupCollection -> subgroupSelections -> subGroupOne
groupCollection -> subgroupSelections -> subGroupTwo

- groupCollection
- -- hasMany subgroupSelections
- -- -- belongsTo subGroupOne     
- -- -- belongsTo subGroupTwo     

*/