Skip to content

E
edx-ora2
Commit e8ebf79b by Brian Talbot
Options

Merge pull request #125 from edx/will/peer-enable-disable-button 

Self/Peer assessment buttons enable/disable
parents eab29bc5 32596ffa
Showing with 24 additions and 2 deletions
apps/openassessment/templates/openassessmentblock/peer/oa_peer_assessment.html
......@@ -108,7 +108,7 @@
<div class="peer-assessment__actions">
<ul class="list list--actions">
<li class="list--actions__item">
<button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit">
<button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit is--disabled">
<span class="copy">{{ submit_button_text }}</span>
<i class="ico icon-caret-right"></i>
</button>
......
apps/openassessment/templates/openassessmentblock/self/oa_self_assessment.html
......@@ -78,7 +78,7 @@
<div class="self-assessment__actions">
<ul class="list list--actions">
<li class="list--actions__item">
<button type="submit" id="self-assessment--001__assessment__submit" class="action action--submit">
<button type="submit" id="self-assessment--001__assessment__submit" class="action action--submit is--disabled">
<span class="copy">{% trans "Submit Your Assessment" %}</span>
<i class="ico icon-caret-right"></i>
</button>
......
apps/openassessment/xblock/static/js/src/oa_base.js
......@@ -111,6 +111,17 @@ OpenAssessment.BaseUI.prototype = {
var sel = $('#openassessment__peer-assessment', ui.element);
sel.replaceWith(html);
// Install a change handler for rubric options to enable/disable the submit button
$("#peer-assessment--001__assessment", ui.element).change(
function() {
var numChecked = $('input[type=radio]:checked', this).length;
var numAvailable = $('.field--radio.assessment__rubric__question', this).length;
$("#peer-assessment--001__assessment__submit", ui.element).toggleClass(
'is--disabled', numChecked != numAvailable
);
}
);
// Install a click handler for assessment
$('#peer-assessment--001__assessment__submit', ui.element).click(
function(eventObject) {
......@@ -140,6 +151,17 @@ OpenAssessment.BaseUI.prototype = {
function(html) {
$('#openassessment__self-assessment', ui.element).replaceWith(html);
// Install a change handler for rubric options to enable/disable the submit button
$("#self-assessment--001__assessment", ui.element).change(
function() {
var numChecked = $('input[type=radio]:checked', this).length;
var numAvailable = $('.field--radio.assessment__rubric__question', this).length;
$("#self-assessment--001__assessment__submit", ui.element).toggleClass(
'is--disabled', numChecked != numAvailable
);
}
);
// Install a click handler for the submit button
$('#self-assessment--001__assessment__submit', ui.element).click(
function(eventObject) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment