mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 12:21:36 +03:00
5c9a824d53
no issue
- drops the `var Foo = Ember.Thing.extend({}); export default Foo;` syntax in favour of exporting directly, eg: `export default Ember.Thing.extend({})`
- discussion on this change [here](https://github.com/TryGhost/Ghost/pull/5340#issuecomment-105828423) and [here](https://github.com/TryGhost/Ghost/pull/5694#discussion-diff-37511606)
47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
/* global CodeMirror */
|
|
import Ember from 'ember';
|
|
|
|
export default Ember.Component.extend({
|
|
|
|
// DOM stuff
|
|
classNameBindings: ['isFocused:focused'],
|
|
isFocused: false,
|
|
|
|
value: '', // make sure a value exists
|
|
editor: null, // reference to CodeMirror editor
|
|
|
|
// options for the editor
|
|
lineNumbers: true,
|
|
indentUnit: 4,
|
|
mode: 'htmlmixed',
|
|
theme: 'xq-light',
|
|
|
|
didInsertElement: function () {
|
|
var options = this.getProperties('lineNumbers', 'indentUnit', 'mode', 'theme'),
|
|
self = this,
|
|
editor;
|
|
editor = new CodeMirror(this.get('element'), options);
|
|
editor.getDoc().setValue(this.get('value'));
|
|
|
|
// events
|
|
editor.on('focus', function () {
|
|
self.set('isFocused', true);
|
|
});
|
|
editor.on('blur', function () {
|
|
self.set('isFocused', false);
|
|
});
|
|
editor.on('change', function () {
|
|
self.set('value', editor.getDoc().getValue());
|
|
});
|
|
|
|
this.set('editor', editor);
|
|
},
|
|
|
|
willDestroyElement: function () {
|
|
var editor = this.get('editor').getWrapperElement();
|
|
editor.parentNode.removeChild(editor);
|
|
this.set('editor', null);
|
|
}
|
|
|
|
});
|