Ember Simple Bootstrap Modal Component

bootstrap-modal.js

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement: function() {
    var self = this;
    this.$('.modal')
      .modal('show')
      .on('hide.bs.modal', function() {
        self.sendAction('onModalClose');
      });
  }
});

modal.emblem

= bootstrap-modal onModalClose="closeModal"
  .modal.fade role='dialog'
    .modal-dialog
    ...

modal.js

import Ember from 'ember';

export default Ember.Route.extend({
  model(params) {
    return {};
  },

  actions: {
    closeModal: function() {
      this.transitionTo('application');
    }
  }
});