Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

studio - resolving merge

Browse Source
This commit is contained in:
Brian Talbot
2013-02-11 15:28:38 -05:00
parent 707e781148 437c806fce
commit 2478178237
1 changed files with 42 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
cms/static/js/views/settings/advanced_view.js
View File

@@ -14,8 +14,9 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
'click .cancel-button' : "revertView",
'click .new-button' : "addEntry",
// update model on changes
'change #course-advanced-policy-key' : "updateKey"
// TODO enable/disable save (add disabled class) based on validation & dirty
'change #course-advanced-policy-key' : "updateKey",
'keydown #course-advanced-policy-key' : "enableSaveCancelButtons"
// TODO enable/disable save based on validation (currently enabled whenever there are changes)
// TODO enable/disable new button?
},
initialize : function() {
@@ -56,6 +57,9 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
var self = this;
CodeMirror.fromTextArea(textarea, {
mode: "application/json", lineNumbers: false, lineWrapping: true,
onChange: function() {
self.enableSaveCancelButtons();
},
onBlur: function (mirror) {
var key = $(mirror.getWrapperElement()).closest('.row').children('.key').attr('id');
var quotedValue = mirror.getValue();
@@ -69,21 +73,45 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
showMessage: function (type) {
this.$el.find(".message-status").removeClass("is-shown");
var saveButton = this.$el.find(".save-button").addClass('disabled');
var cancelButton = this.$el.find(".cancel-button").addClass('disabled');
if (type) {
if (type === this.error_saving) {
this.$el.find(".message-status.error").addClass("is-shown");
saveButton.removeClass("disabled");
cancelButton.removeClass("disabled");
}
else if (type === this.unsaved_changes) {
this.$el.find(".message-status.warning").addClass("is-shown");
saveButton.removeClass("disabled");
cancelButton.removeClass("disabled");
}
else if (type === this.successful_changes)
else if (type === this.successful_changes) {
this.$el.find(".message-status.confirm").addClass("is-shown");
this.disableSaveCancelButtons();
}
}
else {
// This is the case of the page first rendering.
this.disableSaveCancelButtons();
}
},
enableSaveCancelButtons: function() {
if (!this.buttonsEnabled) {
this.$el.find(".save-button").removeClass('disabled');
this.$el.find(".cancel-button").show();
this.buttonsEnabled = true;
}
},
disableSaveCancelButtons: function() {
this.$el.find(".save-button").addClass('disabled');
this.$el.find(".cancel-button").hide();
this.buttonsEnabled = false;
},
toggleNewButton: function (enable) {
var newButton = this.$el.find(".new-button");
if (enable) {
newButton.removeClass('disabled');
}
else {
newButton.addClass('disabled');
}
},
@@ -136,6 +164,7 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
var policyValueDivs = this.$el.find('#' + this.new_key).closest('li').find('.json');
// only 1 but hey, let's take advantage of the context mechanism
_.each(policyValueDivs, this.attachJSONEditor, this);
this.toggleNewButton(false);
this.showMessage(this.unsaved_changes);
},
updateKey : function(event) {
@@ -187,6 +216,10 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
this.model.deleteKeys.push(oldKey);
this.model.unset(oldKey) ;
}
else {
// id for the new entry will now be the key value. Enable new entry button.
this.toggleNewButton(true);
}
// check for newkey being the name of one which was previously deleted in this session
var wasDeleting = this.model.deleteKeys.indexOf(newKey);