import Component from '@ember/component';
import $ from 'jquery'

export default Component.extend({
    classNames: ['issue-cell'],
    didReceiveAttrs() {
        const me = this;
        me._super(...arguments);
        const issue = me.get('issue').replace(/\r?\n/g, '<br />');
        me.set('issuePopover', issue);
        me.set('issueHtml', Ember.String.htmlSafe(issue));
    },
    didInsertElement() {
        const me = this;
        me._super(...arguments);
        $('[data-rel=popover]', me.element).popover({
            html: true,
            trigger: 'hover',
            delay: { show: 300, hide: 100 }
        });
    }
});