Ghost/core/client/app/components/gh-uploader.js

81 lines
2.1 KiB
JavaScript
Raw Normal View History

2015-02-13 07:22:32 +03:00
import Ember from 'ember';
2014-09-16 02:46:40 +04:00
import uploader from 'ghost/assets/lib/uploader';
export default Ember.Component.extend({
2014-09-16 02:46:40 +04:00
classNames: ['image-uploader', 'js-post-image-upload'],
config: Ember.inject.service(),
imageSource: Ember.computed('image', function () {
return this.get('image') || '';
}),
/**
* Sets up the uploader on render
*/
2014-09-16 02:46:40 +04:00
setup: function () {
var $this = this.$(),
self = this;
// this.set('uploaderReference', uploader.call($this, {
// editor: true,
// fileStorage: this.get('config.fileStorage')
// }));
2014-09-16 02:46:40 +04:00
$this.on('uploadsuccess', function (event, result) {
if (result && result !== '' && result !== 'http://') {
self.sendAction('uploaded', result);
}
});
$this.on('imagecleared', function () {
2014-09-16 02:46:40 +04:00
self.sendAction('canceled');
});
},
2014-09-16 02:46:40 +04:00
// removes event listeners from the uploader
2014-09-16 02:46:40 +04:00
removeListeners: function () {
var $this = this.$();
2014-09-16 02:46:40 +04:00
$this.off();
$this.find('.js-cancel').off();
},
// didInsertElement: function () {
// Ember.run.scheduleOnce('afterRender', this, this.setup());
// },
didInsertElement: function () {
this.send('initUploader');
},
willDestroyElement: function () {
this.removeListeners();
},
actions: {
initUploader: function () {
var ref,
el,
self = this;
el = this.$();
ref = uploader.call(el, {
editor: true,
fileStorage: this.get('config.fileStorage')
});
el.on('uploadsuccess', function (event, result) {
if (result && result !== '' && result !== 'http://') {
self.sendAction('uploaded', result);
}
});
el.on('imagecleared', function () {
self.sendAction('canceled');
});
this.sendAction('initUploader', this.get('uploaderReference'));
}
}
2014-09-16 02:46:40 +04:00
});