Don't enable delete button until some are selected

fasrc · Sep 3, 2024 · 7d57697 · 7d57697
1 parent 09c8e95
commit 7d57697
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/coldfront/plugins/ifx/templates/plugins/ifx/billing_records.html b/coldfront/plugins/ifx/templates/plugins/ifx/billing_records.html
@@ -305,7 +305,6 @@
                         alert(status + ' ' + error)
                     },
                 },
-                {% comment %}
                 footerCallback: function (row, data, start, end, display) {
                     // THIS DOES NOT WORK because the ajax call is not done yet
                     // Leaving it here, because I'd like to find a fix
@@ -338,7 +337,17 @@
                         api.column(4).footer().innerHTML =
                             '$' + pageTotal + ' ( $' + total + ' total)';
                     }
-                } {% endcomment %}
+                }
+            })
+            billingRecordsTable.on('select', function (e, dt, type, indexes) {
+                $('#delete-selected').prop('disabled', false)
+            })
+            billingRecordsTable.on('deselect', function (e, dt, type, indexes) {
+                if (type === 'row' && billingRecordsTable.rows({selected: true}).count() > 0) {
+                    $('#delete-selected').prop('disabled', false)
+                } else {
+                    $('#delete-selected').prop('disabled', true)
+                }
             })
 
         })
@@ -382,7 +391,7 @@ <h2>Billing Records</h2>
             <input id="start-notification" type="submit" value="Notify Lab Managers"></input>
         </div>
         <div class="righty">
-            <input id="delete-selected" type="submit" value="Delete Selected"></input>
+            <input id="delete-selected" type="submit" value="Delete Selected" disabled></input>
         </div>
         <div style="clear: both;"></div>
     </div>