83 lines
2.7 KiB
JavaScript
83 lines
2.7 KiB
JavaScript
/**
|
|
* This class defines a simple display view for a content group.
|
|
* It is expected to be backed by a Group model.
|
|
*/
|
|
define([
|
|
'js/views/baseview', 'underscore', 'gettext', 'underscore.string',
|
|
'edx-ui-toolkit/js/utils/string-utils', 'edx-ui-toolkit/js/utils/html-utils'
|
|
], function(BaseView, _, gettext, str, StringUtils, HtmlUtils) {
|
|
'use strict';
|
|
|
|
var ContentGroupDetailsView = BaseView.extend({
|
|
tagName: 'div',
|
|
events: {
|
|
'click .edit': 'editGroup',
|
|
'click .show-groups': 'showContentGroupUsages',
|
|
'click .hide-groups': 'hideContentGroupUsages'
|
|
},
|
|
|
|
className: function() {
|
|
var index = this.model.collection.indexOf(this.model);
|
|
|
|
return [
|
|
'collection',
|
|
'content-group-details',
|
|
'content-group-details-' + index
|
|
].join(' ');
|
|
},
|
|
|
|
editGroup: function() {
|
|
this.model.set({'editing': true});
|
|
},
|
|
|
|
initialize: function() {
|
|
this.template = this.loadTemplate('content-group-details');
|
|
this.listenTo(this.model, 'change', this.render);
|
|
},
|
|
|
|
render: function(showContentGroupUsages) {
|
|
var attrs = $.extend({}, this.model.attributes, {
|
|
usageCountMessage: this.getUsageCountTitle(),
|
|
courseOutlineUrl: this.model.collection.parents[0].outlineUrl,
|
|
index: this.model.collection.indexOf(this.model),
|
|
showContentGroupUsages: showContentGroupUsages || false,
|
|
HtmlUtils: HtmlUtils
|
|
});
|
|
this.$el.html(this.template(attrs));
|
|
return this;
|
|
},
|
|
|
|
showContentGroupUsages: function(event) {
|
|
if (event && event.preventDefault) { event.preventDefault(); }
|
|
this.render(true);
|
|
},
|
|
|
|
hideContentGroupUsages: function(event) {
|
|
if (event && event.preventDefault) { event.preventDefault(); }
|
|
this.render(false);
|
|
},
|
|
|
|
getUsageCountTitle: function() {
|
|
var count = this.model.get('usage').length;
|
|
|
|
if (count === 0) {
|
|
return gettext('Not in Use');
|
|
} else {
|
|
/* globals ngettext */
|
|
return StringUtils.interpolate(ngettext(
|
|
/*
|
|
Translators: 'count' is number of units that the group
|
|
configuration is used in.
|
|
*/
|
|
'Used in {count} unit', 'Used in {count} units',
|
|
count
|
|
),
|
|
{count: count}
|
|
);
|
|
}
|
|
}
|
|
});
|
|
|
|
return ContentGroupDetailsView;
|
|
});
|