Enable/disable submit button for self-assessment

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

@@ -151,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) {