Files
edx-platform/cms/static/js/views/pages/group_configurations.js

112 lines
4.1 KiB
JavaScript

define([
'jquery', 'underscore', 'gettext', 'js/views/pages/base_page',
'js/views/group_configurations_list', 'js/views/partition_group_list'
],
function($, _, gettext, BasePage, GroupConfigurationsListView, PartitionGroupListView) {
'use strict';
var GroupConfigurationsPage = BasePage.extend({
initialize: function(options) {
var currentScheme,
i;
BasePage.prototype.initialize.call(this);
this.experimentsEnabled = options.experimentsEnabled;
if (this.experimentsEnabled) {
this.experimentGroupConfigurations = options.experimentGroupConfigurations;
this.experimentGroupsListView = new GroupConfigurationsListView({
collection: this.experimentGroupConfigurations
});
}
this.allGroupConfigurations = options.allGroupConfigurations || [];
this.allGroupViewList = [];
for (i = 0; i < this.allGroupConfigurations.length; i++) {
currentScheme = this.allGroupConfigurations[i].get('scheme');
this.allGroupViewList.push(
new PartitionGroupListView({
collection: this.allGroupConfigurations[i].get('groups'),
restrictEditing: this.allGroupConfigurations[i].get('read_only'),
scheme: currentScheme
})
);
}
},
renderPage: function() {
var hash = this.getLocationHash(),
i,
currentClass;
if (this.experimentsEnabled) {
this.$('.wrapper-groups.experiment-groups').append(this.experimentGroupsListView.render().el);
}
// Render the remaining Configuration groups
for (i = 0; i < this.allGroupViewList.length; i++) {
currentClass = '.wrapper-groups.content-groups.' + this.allGroupViewList[i].scheme;
this.$(currentClass).append(this.allGroupViewList[i].render().el);
}
this.addWindowActions();
if (hash) {
// Strip leading '#' to get id string to match
this.expandConfiguration(hash.replace('#', ''));
}
return $.Deferred().resolve().promise();
},
addWindowActions: function() {
$(window).on('beforeunload', this.onBeforeUnload.bind(this));
},
/**
* Checks the Partition Group Configurations to see if the isDirty bit is set
* @returns {boolean} True if any partition group has the dirty bit set.
*/
areAnyConfigurationsDirty: function() {
var i;
for (i = 0; i < this.allGroupConfigurations.length; i++) {
if (this.allGroupConfigurations[i].isDirty()) {
return true;
}
}
return false;
},
onBeforeUnload: function() {
var dirty = this.areAnyConfigurationsDirty() ||
(this.experimentsEnabled && this.experimentGroupConfigurations.find(function(configuration) {
return configuration.isDirty();
}));
if (dirty) {
return gettext('You have unsaved changes. Do you really want to leave this page?');
}
},
/**
* Helper method that returns url hash.
* @return {String} Returns anchor part of current url.
*/
getLocationHash: function() {
return window.location.hash;
},
/**
* Focus on and expand group configuration with peculiar id.
* @param {String|Number} Id of the group configuration.
*/
expandConfiguration: function(id) {
var groupConfig = this.experimentsEnabled && this.experimentGroupConfigurations.findWhere({
id: parseInt(id)
});
if (groupConfig) {
groupConfig.set('showGroups', true);
this.$('#' + id).focus();
}
}
});
return GroupConfigurationsPage;
}); // end define();