How to achieve this interface using EmberJS?

I have been working on a new emberjs and trying to create the interface below. I have the list and item view but I struggling to understand how to structure the router so I can get sub-items to appear.

Is this something a component could handle or do I setup the controller to generate the view when an item is clicked?

Fairly new to ember so excuse me if it is obvious.

Thanks!

Router.map(function() {
  this.route('login');
  this.route('admin', function() {
    this.route('list', function() {
      this.route('new');
      this.route('view', { path: '/:item_id/view'});
    });
  });
});