Use toolbar checkbox to select/deselect testcases

kiwitcms · Aug 17, 2020 · fb6f4de · fb6f4de
1 parent dedffff
commit fb6f4de
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/tcms/testplans/static/testplans/js/get.js b/tcms/testplans/static/testplans/js/get.js
@@ -31,7 +31,8 @@ $(document).ready(function() {
         drawTestCases(allTestCases.confirmed, testPlanId, permissions);
         treeViewBind();
     });
-
+
+    toolbarEvents();
 });
 
 function drawTestCases(testCases, testPlanId, permissions) {
@@ -192,3 +193,18 @@ function attachEvents(testCases, testPlanId, permissions) {
         return $(ev.target).closest('.js-testcase-row').data('testcase-pk');
     }
 }
+
+function toolbarEvents() {
+    $('.js-checkbox-toolbar').click(function(ev){
+        const isChecked = ev.target.checked,
+            testCaseRows = $('.js-testcase-row').find('input');
+
+        testCaseRows.each(function(index, tc) {
+            tc.checked = isChecked;
+        });
+
+        testCaseRows.click(function() {
+            ev.target.checked = false;
+        });
+    });
+}
diff --git a/tcms/testplans/templates/testplans/get.html b/tcms/testplans/templates/testplans/get.html
@@ -94,7 +94,7 @@ <h2 class="card-pf-title">
                             <div class="col-sm-12 toolbar-pf-filter">
                                 <form class="toolbar-pf-actions">
                                     <div class="form-group" style="margin-right:15px; padding-right: 15px;">
-                                        <input type="checkbox">
+                                        <input type="checkbox" class="js-checkbox-toolbar">
                                     </div>
                                     <div class="form-group toolbar-pf-filter">
                                         <label class="sr-only" for="filter">{% trans 'Name' %}</label>