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

Updates to correct a header styling issue and to make the starting header level selectable

Browse Source
This commit is contained in:
Albert St. Aubin
2017-03-09 14:46:15 -05:00
parent bf08c6ed7c
commit 91fce2a92b
29 changed files with 77 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
common/lib/xmodule/xmodule/js/fixtures/jsinput_problem.html
View File

@@ -1,4 +1,4 @@
<h3 class="hd hd-2 problem-header">Custom Javascript Display and Grading</h3>
<h3 class="hd hd-3 problem-header">Custom Javascript Display and Grading</h3>
<div class="problem">
<div>

2
common/lib/xmodule/xmodule/js/fixtures/problem_content.html
View File

@@ -1,4 +1,4 @@
<h3 class="hd hd-2 problem-header">Problem Header</h3>
<h3 class="hd hd-3 problem-header">Problem Header</h3>
<div class='problem-progress'></div>

2
common/lib/xmodule/xmodule/js/fixtures/problem_content_1240.html
View File

@@ -1,4 +1,4 @@
<h3 class="hd hd-2 problem-header">Problem Header</h3>
<h3 class="hd hd-3 problem-header">Problem Header</h3>
<div class='problem-progress'></div>

10
common/static/common/js/discussion/views/discussion_inline_view.js
View File

@@ -24,7 +24,6 @@
initialize: function(options) {
var match;
this.$el = options.el;
this.readOnly = options.readOnly;
this.showByDefault = options.showByDefault || false;
@@ -32,6 +31,12 @@
this.listenTo(this.model, 'change', this.render);
this.escKey = 27;
if (options.startHeader !== undefined) {
this.startHeader = options.startHeader;
} else {
this.startHeader = 4; // Start the header levels at H<startHeader>
}
match = this.page_re.exec(window.location.href);
if (match) {
this.page = parseInt(match[1], 10);
@@ -73,7 +78,6 @@
var discussionHtml,
user = new DiscussionUser(response.user_info),
self = this;
$elem.focus();
window.user = user;
@@ -120,6 +124,7 @@
collection: this.discussion,
course_settings: this.courseSettings,
topicId: discussionId,
startHeader: this.startHeader,
is_commentable_cohorted: response.is_commentable_cohorted
});
@@ -146,6 +151,7 @@
el: this.$('.forum-content'),
model: thread,
mode: 'inline',
startHeader: this.startHeader,
courseSettings: this.courseSettings
});
this.threadView.render();

5
common/static/common/js/discussion/views/discussion_thread_edit_view.js
View File

@@ -16,6 +16,7 @@
initialize: function(options) {
this.container = options.container || $('.thread-content-wrapper');
this.mode = options.mode || 'inline';
this.startHeader = options.startHeader;
this.course_settings = options.course_settings;
this.threadType = this.model.get('thread_type');
this.topicId = this.model.get('commentable_id');
@@ -28,8 +29,10 @@
var formId = _.uniqueId('form-'),
threadTypeTemplate = edx.HtmlUtils.template($('#thread-type-template').html()),
$threadTypeSelector = $(threadTypeTemplate({form_id: formId}).toString()),
context,
mainTemplate = edx.HtmlUtils.template($('#thread-edit-template').html());
edx.HtmlUtils.setHtml(this.$el, mainTemplate(this.model.toJSON()));
context = $.extend({mode: this.mode, startHeader: this.startHeader}, this.model.attributes);
edx.HtmlUtils.setHtml(this.$el, mainTemplate(context));
this.container.append(this.$el);
this.$submitBtn = this.$('.post-update');
this.addField($threadTypeSelector);

5
common/static/common/js/discussion/views/discussion_thread_show_view.js
View File

@@ -30,15 +30,16 @@
var _ref;
DiscussionThreadShowView.__super__.initialize.call(this);
this.mode = options.mode || 'inline';
this.startHeader = options.startHeader;
if ((_ref = this.mode) !== 'tab' && _ref !== 'inline') {
throw new Error('invalid mode: ' + this.mode);
}
};
DiscussionThreadShowView.prototype.renderTemplate = function() {
var context;
context = $.extend({
var context = $.extend({
mode: this.mode,
startHeader: this.startHeader,
flagged: this.model.isFlagged(),
author_display: this.getAuthorDisplay(),
cid: this.model.cid,

13
common/static/common/js/discussion/views/discussion_thread_view.js
View File

@@ -80,6 +80,7 @@
this.mode = options.mode || 'inline';
this.context = options.context || 'course';
this.options = _.extend({}, options);
this.startHeader = options.startHeader;
if ((_ref = this.mode) !== 'tab' && _ref !== 'inline') {
throw new Error('invalid mode: ' + this.mode);
}
@@ -91,6 +92,7 @@
self.model = collection.get(id);
}
});
this.createShowView();
this.responses = new Comments();
this.loadedResponses = false;
@@ -116,7 +118,8 @@
};
DiscussionThreadView.prototype.renderTemplate = function() {
var container, templateData;
var container,
templateData;
this.template = _.template($('#thread-template').html());
container = $('#discussion-container');
if (!container.length) {
@@ -124,6 +127,7 @@
}
templateData = _.extend(this.model.toJSON(), {
readOnly: this.readOnly,
startHeader: this.startHeader + 1, // this is a child so headers should be increased
can_create_comment: container.data('user-create-comment')
});
return this.template(templateData);
@@ -299,7 +303,8 @@
var view;
response.set('thread', this.model);
view = new ThreadResponseView($.extend({
model: response
model: response,
startHeader: this.startHeader + 1 // this is a child so headers should be increased
}, options));
view.on('comment:add', this.addComment);
view.on('comment:endorse', this.endorseThread);
@@ -396,6 +401,7 @@
model: this.model,
mode: this.mode,
context: this.context,
startHeader: this.startHeader,
course_settings: this.options.courseSettings
});
this.editView.bind('thread:updated thread:cancel_edit', this.closeEditView);
@@ -415,7 +421,8 @@
DiscussionThreadView.prototype.createShowView = function() {
this.showView = new DiscussionThreadShowView({
model: this.model,
mode: this.mode
mode: this.mode,
startHeader: this.startHeader
});
this.showView.bind('thread:_delete', this._delete);
return this.showView.bind('thread:edit', this.edit);

5
common/static/common/js/discussion/views/new_post_view.js
View File

@@ -36,6 +36,7 @@
NewPostView.prototype.initialize = function(options) {
var _ref;
this.mode = options.mode || 'inline';
this.startHeader = options.startHeader;
if ((_ref = this.mode) !== 'tab' && _ref !== 'inline') {
throw new Error('invalid mode: ' + this.mode);
}
@@ -45,12 +46,14 @@
};
NewPostView.prototype.render = function() {
var context, threadTypeTemplate;
var context,
threadTypeTemplate;
context = _.clone(this.course_settings.attributes);
_.extend(context, {
cohort_options: this.getCohortOptions(),
is_commentable_cohorted: this.is_commentable_cohorted,
mode: this.mode,
startHeader: this.startHeader,
form_id: this.mode + (this.topicId ? '-' + this.topicId : '')
});
this.$el.html(_.template($('#new-post-template').html())(context));

7
common/static/common/js/discussion/views/response_comment_edit_view.js
View File

@@ -22,7 +22,8 @@
this.ResponseCommentEditView = (function(_super) {
__extends(ResponseCommentEditView, _super);
function ResponseCommentEditView() {
function ResponseCommentEditView(options) {
this.options = options;
return ResponseCommentEditView.__super__.constructor.apply(this, arguments);
}
@@ -40,8 +41,10 @@
};
ResponseCommentEditView.prototype.render = function() {
var context = $.extend({mode: this.options.mode, startHeader: this.options.startHeader},
this.model.attributes);
this.template = _.template($('#response-comment-edit-template').html());
this.$el.html(this.template(this.model.toJSON()));
this.$el.html(this.template(context));
this.delegateEvents();
DiscussionUtil.makeWmdEditor(this.$el, $.proxy(this.$, this), 'edit-comment-body');
return this;

6
common/static/common/js/discussion/views/response_comment_view.js
View File

@@ -45,7 +45,8 @@
return this.$el.find(selector);
};
ResponseCommentView.prototype.initialize = function() {
ResponseCommentView.prototype.initialize = function(options) {
this.startHeader = options.startHeader;
return ResponseCommentView.__super__.initialize.call(this);
};
@@ -84,7 +85,8 @@
this.showView = null;
}
this.editView = new ResponseCommentEditView({
model: this.model
model: this.model,
startHeader: this.startHeader
});
this.editView.bind('comment:update', this.update);
this.editView.bind('comment:cancel_edit', this.cancelEdit);

7
common/static/common/js/discussion/views/thread_response_edit_view.js
View File

@@ -35,13 +35,16 @@
return this.$el.find(selector);
};
ThreadResponseEditView.prototype.initialize = function() {
ThreadResponseEditView.prototype.initialize = function(options) {
this.options = options;
return ThreadResponseEditView.__super__.initialize.call(this);
};
ThreadResponseEditView.prototype.render = function() {
var context = $.extend({mode: this.options.mode, startHeader: this.options.startHeader},
this.model.attributes);
this.template = _.template($('#thread-response-edit-template').html());
this.$el.html(this.template(this.model.toJSON()));
this.$el.html(this.template(context));
this.delegateEvents();
DiscussionUtil.makeWmdEditor(this.$el, $.proxy(this.$, this), 'edit-post-body');
return this;

7
common/static/common/js/discussion/views/thread_response_view.js
View File

@@ -59,6 +59,7 @@
};
ThreadResponseView.prototype.initialize = function(options) {
this.startHeader = options.startHeader;
this.collapseComments = options.collapseComments;
this.createShowView();
this.readOnly = $('.discussion-module').data('read-only');
@@ -155,7 +156,8 @@
self = this;
comment.set('thread', this.model.get('thread'));
view = new ResponseCommentView({
model: comment
model: comment,
startHeader: this.startHeader
});
view.render();
if (this.readOnly) {
@@ -246,7 +248,8 @@
this.editView.model = this.model;
} else {
this.editView = new ThreadResponseEditView({
model: this.model
model: this.model,
startHeader: this.startHeader
});
this.editView.bind('response:update', this.update);
return this.editView.bind('response:cancel_edit', this.cancelEdit);

2
common/static/common/templates/components/paging-header.underscore
View File

@@ -1,5 +1,5 @@
<% if (!_.isUndefined(srInfo)) { %>
<h2 class="sr" id="<%- srInfo.id %>"><%- srInfo.text %></h2>
<h3 class="sr" id="<%- srInfo.id %>"><%- srInfo.text %></h3>
<% } %>
<div class="search-tools listing-tools">
<span class="search-count listing-count">

3
common/static/common/templates/discussion/new-post.underscore
View File

@@ -1,5 +1,6 @@
<form class="forum-new-post-form">
<h2 class="thread-title"><%- gettext("Add a Post") %></h2>
<h<%- startHeader %> class="thread-title"><%- gettext("Add a Post") %></h<%- startHeader %>>
<% if (mode === 'inline') { %>
<button class="btn-default add-post-cancel">
<span class="sr"><%- gettext('Cancel') %></span>

2
common/static/common/templates/discussion/response-comment-edit.underscore
View File

@@ -1,5 +1,5 @@
<div class="edit-post-form" id="comment_<%- id %>">
<h1><%- gettext("Editing comment") %></h1>
<h<%- startHeader %> ><%- gettext("Editing comment") %></h<%- startHeader%>>
<ul class="edit-comment-form-errors"></ul>
<div class="form-row">
<div class="edit-comment-body" name="body" data-id="<%- id %>"><%- body %></div>

2
common/static/common/templates/discussion/thread-edit.underscore
View File

@@ -1,4 +1,4 @@
<h2 class="thread-title"><%- gettext("Editing post") %></h2>
<h<%- startHeader%> class="thread-title"><%- gettext("Editing post") %></h<%- startHeader%>>
<ul class="post-errors"></ul>
<div class="forum-edit-post-form-wrapper"></div>
<div class="post-field">

2
common/static/common/templates/discussion/thread-response-edit.underscore
View File

@@ -1,5 +1,5 @@
<div class="edit-post-form">
<h1><%- gettext("Editing response") %></h1>
<h<%- startHeader %>><%- gettext("Editing response") %></h<%- startHeader %>>
<ul class="edit-post-form-errors"></ul>
<div class="form-row">
<div class="edit-post-body" name="body" data-id="<%- id %>"><%- body %></div>

2
common/static/common/templates/discussion/thread-show.underscore
View File

@@ -17,7 +17,7 @@
</div>
<% } %>
<div class="post-header-content">
<h2 class="post-title"><%- title %></h2>
<h<%- startHeader %> class="post-title"><%- title %></h<%- startHeader%>>
<p class="posted-details">
<%
var timeAgoHtml = interpolate(

3
common/static/common/templates/discussion/thread.underscore
View File

@@ -24,7 +24,8 @@
</div>
<% if (can_create_comment && !readOnly) { %>
<form class="discussion-reply-new" data-id="<%- id %>">
<h3><%- gettext("Add a response:") %></h3>
<h<%- startHeader %> class="add-response"><%- gettext("Add a response:") %></h<%- startHeader %> >
<ul class="discussion-errors"></ul>
<div class="reply-body" data-id="<%- id %>"></div>
<div class="reply-post-control">