81 lines
2.8 KiB
JavaScript
81 lines
2.8 KiB
JavaScript
(function(define, undefined) {
|
|
'use strict';
|
|
define([
|
|
'jquery', 'underscore', 'backbone', 'js/edxnotes/utils/template',
|
|
'js/edxnotes/utils/logger', 'edx-ui-toolkit/js/utils/html-utils'
|
|
], function($, _, Backbone, templateUtils, NotesLogger, HtmlUtils) {
|
|
var NoteItemView = Backbone.View.extend({
|
|
tagName: 'article',
|
|
className: 'note',
|
|
id: function() {
|
|
return 'note-' + _.uniqueId();
|
|
},
|
|
events: {
|
|
'click .note-excerpt-more-link': 'moreHandler',
|
|
'click .reference-unit-link': 'unitLinkHandler',
|
|
'click .reference-tags': 'tagHandler'
|
|
},
|
|
|
|
initialize: function(options) {
|
|
this.options = _.extend({}, options);
|
|
this.template = templateUtils.loadTemplate('note-item');
|
|
this.logger = NotesLogger.getLogger('note_item', options.debug);
|
|
this.listenTo(this.model, 'change:is_expanded', this.render);
|
|
},
|
|
|
|
render: function() {
|
|
var context = this.getContext();
|
|
this.$el.html(HtmlUtils.HTML(this.template(context)).toString());
|
|
return this;
|
|
},
|
|
|
|
getContext: function() {
|
|
return $.extend({}, this.model.toJSON(), {
|
|
message: this.model.getQuote()
|
|
});
|
|
},
|
|
|
|
toggleNote: function() {
|
|
var value = !this.model.get('is_expanded');
|
|
this.model.set('is_expanded', value);
|
|
},
|
|
|
|
moreHandler: function(event) {
|
|
event.preventDefault();
|
|
this.toggleNote();
|
|
},
|
|
|
|
unitLinkHandler: function(event) {
|
|
var REQUEST_TIMEOUT = 2000;
|
|
event.preventDefault();
|
|
this.logger.emit('edx.course.student_notes.used_unit_link', {
|
|
note_id: this.model.get('id'),
|
|
component_usage_id: this.model.get('usage_id'),
|
|
view: this.options.view
|
|
}, REQUEST_TIMEOUT).always(_.bind(function() {
|
|
this.redirectTo(event.target.href);
|
|
}, this));
|
|
},
|
|
|
|
tagHandler: function(event) {
|
|
event.preventDefault();
|
|
if (!_.isUndefined(this.options.scrollToTag)) {
|
|
this.options.scrollToTag(event.currentTarget.text);
|
|
}
|
|
},
|
|
|
|
redirectTo: function(uri) {
|
|
window.location = uri;
|
|
},
|
|
|
|
remove: function() {
|
|
this.logger.destroy();
|
|
Backbone.View.prototype.remove.call(this);
|
|
return this;
|
|
}
|
|
});
|
|
|
|
return NoteItemView;
|
|
});
|
|
}).call(this, define || RequireJS.define);
|