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

CodeMirror.

Browse Source
This commit is contained in:
cahrens
2013-02-11 12:37:31 -05:00
parent 039160f50c
commit 044a8a5cf6
3 changed files with 382 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,36 +55,32 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
attachJSONEditor : function (textarea) {
var self = this;
CodeMirror.fromTextArea(textarea, {
mode: "text/html", lineNumbers: true, lineWrapping: true,
mode: "application/json", lineNumbers: false, lineWrapping: true,
onBlur: function (mirror) {
var key = $(mirror.getWrapperElement()).closest('.row').children('.key').attr('id');
mirror.save();
var quotedValue = mirror.getValue();
// TODO: error checking
var JSONValue = JSON.parse(quotedValue);
self.model.set(key, JSONValue, {validate: true});
self.showMessage(self.unsaved_changes);
// cachethis.clearValidationErrors();
// var newVal = mirror.getValue();
// if (cachethis.model.get(field) != newVal) cachethis.model.save(field, newVal,
// { error: CMS.ServerError});
}
});
},
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');
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");
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");
saveButton.removeClass("disabled");
cancelButton.removeClass("disabled");
}
else if (type === this.successful_changes)
this.$el.find(".message-status.confirm").addClass("is-shown");
@@ -136,8 +132,8 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
// disable the value entry until there's an acceptable key
$(newEle).find('.course-advanced-policy-value').addClass('disabled');
this.fieldToSelectorMap[this.new_key] = this.new_key;
// need to refind b/c replaceWith seems to copy rather than use the specific ele instance
var policyValueDivs = this.$el.find('#' + this.new_key).closest('li').find('.ace');
// need to re-find b/c replaceWith seems to copy rather than use the specific ele instance
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.showMessage(this.unsaved_changes);
@@ -201,8 +197,8 @@ CMS.Views.Settings.Advanced = CMS.Views.ValidatingView.extend({
// update gui (sets all the ids etc)
var newEle = this.template({key : newKey, value : JSON.stringify(this.model.get(newKey)) });
$(event.currentTarget).closest('li').replaceWith(newEle);
// need to refind b/c replaceWith seems to copy rather than use the specific ele instance
var policyValueDivs = this.$el.find('#' + newKey).closest('li').find('.ace');
// need to re-find b/c replaceWith seems to copy rather than use the specific ele instance
var policyValueDivs = this.$el.find('#' + newKey).closest('li').find('.json');
// only 1 but hey, let's take advantage of the context mechanism
_.each(policyValueDivs, this.attachJSONEditor, this);

14
cms/static/sass/_settings.scss
View File

@@ -550,10 +550,16 @@
}
.settings-advanced {
.ace {
height: 80px;
border: 1px solid #DDD;
}
//.CodeMirror {
// border: 1px solid #eee;
// height: auto;
//}
//.CodeMirror-scroll {
// overflow-y: hidden;
// overflow-x: auto;
//}
// messages - should be synced up with global messages in the future
.message {