import Ember from 'ember';
import BaseFormInput from './base-form-input';

export default BaseFormInput.extend({
    didInsertElement() {
        let me = this;
        me._super(...arguments);
        //intialize wysiwyg editor
        me.$('.wysiwyg-editor').ace_wysiwyg({
            toolbar: [
                'bold',
                'italic',
                'strikethrough',
                'underline',
                null,
                'justifyleft',
                'justifycenter',
                'justifyright',
                null,
                'createLink',
                'unlink',
                null,
                'undo',
                'redo'
        ]}).on('DOMSubtreeModified propertychange', function() {
            me.setVal(Ember.$(this).html());
        }).html(me.getVal()).prev().addClass('wysiwyg-style1');
    }
});