lp2080899 Prevent payment when no charges selected

Adds code to disable the Submit Payment button if no checkboxes are
selected.

Release-note: Disables the Pay Selected Charges button when none are
selected.

Co-authored-by: Christine Morgan <[email protected]>
Signed-off-by: Michele Morgan <[email protected]>
Signed-off-by: Llewellyn Marshall <[email protected]>
Signed-off-by: Jane Sandberg <[email protected]>

Author: 2 people

Open-ILS/src/templates/opac/myopac/main.tt2

@@ -47,6 +47,7 @@
                     <th nowrap="nowrap" style="white-space:nowrap;">
                         <input id="pay_fines_box1" checked="checked"
                             type="checkbox" onclick="select_all_checkboxes('xact', this.checked)"
+                            onchange=canSubmitPayment(event)
                             title="[% l('Click to (un)select all charges') %]" />
                     </th>
                     [% END %]
@@ -73,7 +74,7 @@
                 <tr id='myopac_circ_trans_row'>
                     [% IF myopac_cc_allowed %]
                     <td>
-                        <input type="checkbox" checked="checked" 
+                        <input type="checkbox" checked="checked" onchange=canSubmitPayment(event)
                             title="[% l('Pay this fine') %]" name="xact"
                             value="[% f.xact.id %]" />
                     </td>
@@ -159,6 +160,7 @@
                     <th  nowrap="nowrap" style="white-space:nowrap;">
                         <input id="pay_fines_box2" checked="checked"
                             type="checkbox" onclick="select_all_checkboxes('xact_misc', this.checked)"
+                            onchange=canSubmitPayment(event)
                             title="[% l('Click to (un)select all fines') %]" />
                     </th>
                     [% END %]
@@ -177,7 +179,7 @@
                    [% IF myopac_cc_allowed %]
                     <td >
                         <input type="checkbox" title='[% l("Pay this fine") %]'
-                            name="xact_misc" value="[% f.xact.id %]"
+                            name="xact_misc" value="[% f.xact.id %]" onchange=canSubmitPayment(event)
                             checked="checked" />
                     </td>
                     [% END %]

Open-ILS/web/js/ui/default/opac/simple.js

@@ -361,4 +361,22 @@ function displayAlert(elementID) {
     el.classList.remove('d-none');
     // fade out after 8 seconds
     setTimeout(() => {document.getElementById(elementID).classList.add('d-none')}, 8000);
-}
+}
+
+function canSubmitPayment(evt){
+   // check that charges are selected in opac for payment
+   // enable the submit payment button if they are
+    var form = document.getElementById('selected_fines');
+    var submit = form.querySelector('input[type="submit"]');
+    if (!form || !submit) return;
+    var els = form.elements;
+    for (i = 0; i < els.length; i++){
+        var e = els[i];
+        if (e.type == "checkbox" && !e.hidden && e.checked){
+            submit.removeAttribute("disabled");
+            return;
+        }
+    }
+
+    submit.setAttribute("disabled","");
+}