LSMA-9198 fix focus and add reset msg

indiana-university · Mar 25, 2024 · 9152314 · 9152314
1 parent 05e01d9
commit 9152314
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/main/resources/static/js/crosslisting.js b/src/main/resources/static/js/crosslisting.js
@@ -75,6 +75,10 @@ $(document).ready(function(){
         var submitButton = $('#continue-button');
         submitButton.attr("disabled", true);
         submitButton.attr("aria-disabled", true);
+
+        // move focus back to the reset button and announce reset
+        $(this).focus();
+        $('#resetMsg').text('Changes reset.');
     });
 
     /* Continue Button, submits the form */
@@ -251,6 +255,8 @@ jQuery.fn.preventDoubleSubmission = function() {
 
 function checkboxEventRegistration() {
     $('.sectionsList :checkbox').on('click', function(event) {
+        // make sure the "reset" msg is cleared out since there is a new change
+        $('#resetMsg').text('');
 
         var currentBox = $(this);
         var li = currentBox.parent().parent();

diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -131,7 +131,7 @@ <h2 class="rvt-sr-only">View additional terms</h2>
                 </div>
 
                 <div class="rvt-button-group rvt-button-group--right rvt-m-top-sm rvt-vertical-center">
-                    <button id="reset-button" class="rvt-button rvt-button--secondary" type="button" >Reset</button>
+                    <button id="reset-button" class="rvt-button rvt-button--secondary" type="button">Reset</button>
 
                     <button id="continue-button" class="rvt-button" type="submit" th:disabled="${editMode == null || !editMode}">
                         <span class="rvt-button__content">Continue</span>
@@ -140,7 +140,10 @@ <h2 class="rvt-sr-only">View additional terms</h2>
                             <span class="loading-text rvt-sr-only rvt-display-none">Loading summary of changes</span>
                         </span>
                     </button>
+                </div>
 
+                <div aria-live="polite">
+                    <span id="resetMsg" class="rvt-sr-only"></span>
                 </div>
             </form>
             <form id="show-crosslisted-in-other-sections-form" th:object="${impersonationModel}" th:action="@{|/app/${courseId}/selfimpersonate|}" method="post">