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

Self/Peer assessment buttons enable/disable

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) {