import Ember from 'ember';
import BaseComponent from './base-component';

export default BaseComponent.extend({
    classNames: ['modal', 'fade'],
    initModal: true,
    transitionToParentRouteAfterClose: true,
    didInsertElement() {
        let me = this;
        if (me.get('initModal')) {
            me.$().modal().on('hidden.bs.modal', ()=> {
                me.$() && me.get('transitionToParentRouteAfterClose') && 
                me.get('router').transitionTo(
                    me.get('parentRouteName') || 
                    me.get('routeName').replace(/\.[^.]+$/, ''));
                let onClose = me.get('onClose');
                onClose && onClose();
            });
        }
    },
    willDestroyElement() {
        this.$().modal('hide');
    }
});