94 lines
4.2 KiB
JavaScript
94 lines
4.2 KiB
JavaScript
define(['js/views/baseview', 'underscore', 'jquery', 'js/views/edit_chapter', 'common/js/components/views/feedback_notification'],
|
|
function(BaseView, _, $, EditChapterView, NotificationView) {
|
|
var EditTextbook = BaseView.extend({
|
|
initialize: function() {
|
|
this.template = this.loadTemplate('edit-textbook');
|
|
this.listenTo(this.model, 'invalid', this.render);
|
|
var chapters = this.model.get('chapters');
|
|
this.listenTo(chapters, 'add', this.addOne);
|
|
this.listenTo(chapters, 'reset', this.addAll);
|
|
},
|
|
tagName: 'section',
|
|
className: 'textbook',
|
|
render: function() {
|
|
this.$el.html(this.template({ // xss-lint: disable=javascript-jquery-html
|
|
name: this.model.get('name'),
|
|
error: this.model.validationError
|
|
}));
|
|
this.addAll();
|
|
return this;
|
|
},
|
|
events: {
|
|
'change input[name=textbook-name]': 'setName',
|
|
submit: 'setAndClose',
|
|
'click .action-cancel': 'cancel',
|
|
'click .action-add-chapter': 'createChapter'
|
|
},
|
|
addOne: function(chapter) {
|
|
var view = new EditChapterView({model: chapter});
|
|
this.$('ol.chapters').append(view.render().el);
|
|
return this;
|
|
},
|
|
addAll: function() {
|
|
this.model.get('chapters').each(this.addOne, this);
|
|
},
|
|
createChapter: function(e) {
|
|
if (e && e.preventDefault) { e.preventDefault(); }
|
|
this.setValues();
|
|
this.model.get('chapters').add([{}]);
|
|
},
|
|
setName: function(e) {
|
|
if (e && e.preventDefault) { e.preventDefault(); }
|
|
this.model.set('name', this.$('#textbook-name-input').val(), {silent: true});
|
|
},
|
|
setValues: function() {
|
|
this.setName();
|
|
var that = this;
|
|
_.each(this.$('li'), function(li, i) {
|
|
var chapter = that.model.get('chapters').at(i);
|
|
if (!chapter) { return; }
|
|
chapter.set({
|
|
name: $('.chapter-name', li).val(),
|
|
asset_path: $('.chapter-asset-path', li).val()
|
|
});
|
|
});
|
|
return this;
|
|
},
|
|
setAndClose: function(e) {
|
|
if (e && e.preventDefault) { e.preventDefault(); }
|
|
this.setValues();
|
|
if (!this.model.isValid()) { return; }
|
|
var saving = new NotificationView.Mini({
|
|
title: gettext('Saving')
|
|
}).show();
|
|
var that = this;
|
|
this.model.save({}, {
|
|
success: function() {
|
|
that.model.setOriginalAttributes();
|
|
that.close();
|
|
},
|
|
complete: function() {
|
|
saving.hide();
|
|
}
|
|
});
|
|
},
|
|
cancel: function(e) {
|
|
if (e && e.preventDefault) { e.preventDefault(); }
|
|
this.model.reset();
|
|
return this.close();
|
|
},
|
|
close: function() {
|
|
var textbooks = this.model.collection;
|
|
this.remove();
|
|
if (this.model.isNew()) {
|
|
// if the textbook has never been saved, remove it
|
|
textbooks.remove(this.model);
|
|
}
|
|
// don't forget to tell the model that it's no longer being edited
|
|
this.model.set('editing', false);
|
|
return this;
|
|
}
|
|
});
|
|
return EditTextbook;
|
|
});
|