Index: openacs-4/packages/acs-automated-testing/www/admin/index.adp
===================================================================
RCS file: /usr/local/cvsroot/openacs-4/packages/acs-automated-testing/www/admin/index.adp,v
diff -u -r1.21 -r1.22
--- openacs-4/packages/acs-automated-testing/www/admin/index.adp	14 Sep 2018 09:39:45 -0000	1.21
+++ openacs-4/packages/acs-automated-testing/www/admin/index.adp	3 Sep 2024 15:37:30 -0000	1.22
@@ -1,18 +1,19 @@
 <master>
-<property name="doc(title)">@title;literal@</property>
-  <table border="0" cellspacing="0" cellpadding="3" width="100%">
+<property name="&doc">doc</property>
+<property name="context">@context;literal@</property>
+  <table class="main-table">
     <tr>
-      <th style="background-color:#ECECEC">Category</th>
-      <th style="background-color:#ECECEC">Mode</th>
-      <th style="background-color:#ECECEC">View by</th>
+      <th class="main-table-header">Category</th>
+      <th class="main-table-header">Mode</th>
+      <th class="main-table-header">View by</th>
     </tr>
     <tr>
 
       <td> [
       <if @by_category@ eq "">
          <strong> all </strong>
       </if><else>
-         <a href="index?stress=@stress@&amp;security_risk=@security_risk@&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;quiet=@quiet@">all</a>
+         <a href="@all_url@">all</a>
       </else>
       <multiple name="main_categories">
         |
@@ -23,128 +24,224 @@
         </else>
       </multiple> ]
  <div class="form-help-text">
-                  <img src="/shared/images/info.gif" width="12" height="9" alt="[i]" title="Help text" style="border:0">
+                  <img src="/shared/images/info.gif" width="12" height="9" alt="[i]" title="Help text" class="info-icon">
                   View and run only tests in this category.  Tests can
       have more than one category.  (<a
       href="/api-doc/proc-view?proc=aa%5fregister%5fcase">more info</a>)
                 </div>
 
-<p><if @stress;literal@ true>                
-      <a href="index?stress=0&amp;security_risk=@security_risk@&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;by_category=@by_category@&amp;quiet=0" style="padding-top: 2px; padding-bottom: -2px;">
-        <img src="/resources/acs-subsite/checkboxchecked.gif" style="border:0" height="13" width="13">
+<p><if @stress;literal@ true>
+      <a href="@stress_url@" class="checkbox-on">
+        <img src="/resources/acs-subsite/checkboxchecked.gif" class="checkbox-icon">
       </a>
     </if>
     <else>
-      <a href="index?stress=1&amp;security_risk=@security_risk@&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;by_category=@by_category@&amp;quiet=0" style="padding: 0px;">
-        <img src="/resources/acs-subsite/checkbox.gif" alt="checkbox" style="border:0" height="13" width="13">
+      <a href="@stress_url@" class="checkbox-off">
+        <img src="/resources/acs-subsite/checkbox.gif" alt="checkbox" class="checkbox-icon">
       </a>
     </else>
     Include Stress tests
 </p>
-<p><if @security_risk;literal@ true>                
-      <a href="index?stress=@stress@&amp;security_risk=0&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;by_category=@by_category@&amp;quiet=0" style="padding-top: 2px; padding-bottom: -2px;">
-        <img src="/resources/acs-subsite/checkboxchecked.gif" style="border:0" height="13" width="13">
+
+<p><if @security_risk;literal@ true>
+      <a href="@security_risk_url@" class="checkbox-on">
+        <img src="/resources/acs-subsite/checkboxchecked.gif" class="checkbox-icon">
       </a>
     </if>
     <else>
-      <a href="index?stress=@stress@&amp;security_risk=1&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;by_category=@by_category@&amp;quiet=0" style="padding: 0px;">
-        <img src="/resources/acs-subsite/checkbox.gif" alt="checkbox" style="border:0" height="13" width="13">
+      <a href="@security_risk_url@" class="checkbox-off">
+        <img src="/resources/acs-subsite/checkbox.gif" alt="checkbox" class="checkbox-icon">
       </a>
     </else>
     Include tests that may compromise security
 </p>
     </td>
 
-    <td align="center" valign="top"> [
+    <td class="main-table-modes"> [
       <if @quiet;literal@ true>
-         <strong> quiet </strong> | 
-         <a href="index?stress=@stress@&amp;security_risk=@security_risk@&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;by_category=@by_category@&amp;quiet=0">verbose</a>
+         <strong> quiet </strong> |
+         <a href="@quiet_url@">verbose</a>
       </if><else>
-         <a href="index?stress=@stress@&amp;security_risk=@security_risk@&amp;by_package_key=@by_package_key@&amp;view_by=@view_by@&amp;by_category=@by_category@&amp;quiet=1">quiet</a>
+         <a href="@quiet_url@">quiet</a>
          | <strong> verbose </strong>
       </else>  ]
  <div class="form-help-text">
-                  <img src="/shared/images/info.gif" width="12" height="9" alt="[i]" title="Help text" style="border:0">
+                  <img src="/shared/images/info.gif" width="12" height="9" alt="[i]" title="Help text" class="info-icon">
                   Quiet mode shows only test failures.
                 </div>
     </td>
 
-    <td align="center" valign="top"> [
+    <td class="main-table-modes"> [
       <if @view_by@ eq "" or @view_by@ eq "package">
-         <strong> package </strong> | 
-         <a href="index?stress=@stress@&amp;security_risk=@security_risk@&amp;by_package_key=@by_package_key@&amp;view_by=testcase&amp;by_category=@by_category@&amp;quiet=@quiet@">testcase</a>
+         <strong> package </strong> |
+         <a href="@view_by_testcase_url@">testcase</a>
       </if><else>
-         <a href="index?stress=@stress@&amp;security_risk=@security_risk@&amp;view_by=package&amp;by_category=@by_category@&amp;quiet=@quiet@">package</a>
+         <a href="@view_by_package_url@">package</a>
          | <strong> testcase </strong>
       </else>  ]
     </td>
 
     </tr>
   </table>
-
-  <blockquote>
-    <div><strong>&raquo;</strong>
-    <a href="rerun?package_key=@by_package_key@&amp;category=@by_category@&amp;view_by=@view_by@&amp;quiet=@quiet@&amp;stress=@stress@&amp;security_risk=@security_risk@"> Rerun displayed test cases</a>
-    </div>
-    <div>
-    <strong>&raquo;</strong>
-    <a href="clear?package_key=@by_package_key@&amp;category=@by_category@&amp;view_by=@view_by@&amp;quiet=@quiet@&amp;stress=@stress@&amp;security_risk=@security_risk@"> Clear test result data</a>
-    </div>
-    <if @by_package_key@ ne "">
+  <if @view_by@ eq "package">
+    <blockquote>
+      <div><strong>&raquo;</strong>
+        <a href="#" data-action="rerun" class="bulk-action"> Rerun selected test cases</a>
+      </div>
       <div>
-      <strong>&raquo;</strong>
-      <a href="@record_url@"> Record a test</a>
+        <strong>&raquo;</strong>
+        <a href="@clear_url@"> Clear test result data</a>
       </div>
-    </if>
+      <if @by_package_key@ ne "" and @multiple_packages_p@ false>
+        <div>
+          <strong>&raquo;</strong>
+          <a href="@record_url@"> Record a test</a>
+        </div>
+        <div>
+          <strong>&raquo;</strong>
+          <a href="@coverage_url@">Coverage of package @by_package_key@</a>
+        </div>
+      </if>
+    </blockquote>
 
- </blockquote>
-  <if @view_by@ eq "package">
-    <table cellpadding="2px">
-    <tr style="background-color:#c0c0c0">
+    <form id="bulk-actions-form" action="">
+      @bulk_actions_vars;literal@
+    <table class="package-table">
+    <thead>
+    <tr class="package-table-header">
+        <th>
+          <input data-toggle="true" type="checkbox" checked="true" id="toggle-all"/>
+          <script <if @::__csp_nonce@ not nil> nonce="@::__csp_nonce;literal@"</if>>
+            document.getElementById('toggle-all').addEventListener('click', function (e) {
+                var toggle = this.getAttribute('data-toggle') == 'false' ? 'true' : 'false';
+                this.setAttribute('data-toggle', toggle);
+                var bulkActions = document.getElementsByName('package_key');
+                for (var i = 0; i < bulkActions.length; i++) {
+                    bulkActions[i].checked = toggle == 'true';
+                }
+            });
+          </script>
+        </th>
         <th>Package key</th>
-        <th>Testcases run</th>
-        <th>Passes</th>
-        <th>Fails</th>
-        <th>Warnings</th>
-        <th>Result</th>
+        <th class="package-table-cell">Executed Testcases</th>
+        <th class="package-table-cell">Passes</th>
+        <th class="package-table-cell">Fails</th>
+        <th class="package-table-cell">Warnings</th>
+        <th class="package-table-cell">Result</th>
+        <th class="proc_coverage_cell">Test coverage</th>
     </tr>
+      <tr><td></td><th>Totals:</th>
+         <td class="package-table-cell"><strong>@::total.cases@</strong></td>
+         <td class="package-table-cell"><strong>@::total.passes@</strong></td>
+         <td class="package-table-cell"><strong>@::total.fails@</strong>
+         <td class="package-table-cell"><strong>@::total.warnings@</strong></td>
+         <td></td>
+         <td class="proc_coverage_cell @global_test_coverage_level@"
+          style="background: @global_test_coverage_color.background@; 
+                 color: @global_test_coverage_color.foreground@;">
+          <a href=proc-coverage><strong>@global_test_coverage_percent@%</a></strong></td>
+      </tr>
+    </thead>
     <multiple name="packageinfo">
         <if @packageinfo.rownum@ odd>
           <tr class="odd">
         </if>
         <else>
           <tr class="even">
         </else>
-        <td> <a href="index?stress=@stress@&amp;security_risk=@security_risk@&amp;by_package_key=@packageinfo.key@&amp;view_by=testcase&amp;quiet=@quiet@">@packageinfo.key@</a></td>
+        <td><input type="checkbox" checked="true" name="package_key" value="@packageinfo.key@"/></td>
+        <td> <a href="@packageinfo.url@">@packageinfo.key@</a></td>
         <if @packageinfo.total;literal@ eq 0>
-          <td align="right">No data</td>
-          <td align="right">-</td>
-          <td align="right">-</td>
-          <td align="right">-</td>
-          <td align="right">-</td>
+          <td class="package-table-cell">No data</td>
+          <td class="package-table-cell">-</td>
+          <td class="package-table-cell">-</td>
+          <td class="package-table-cell">-</td>
+          <td class="package-table-cell">-</td>
+          <td class="proc_coverage_cell @packageinfo.proc_coverage_level@"
+              style="background: @packageinfo.background@; color: @packageinfo.foreground@;" >
+            <a href=proc-coverage?package_key=@packageinfo.key@>@packageinfo.proc_coverage@%</a></td>
         </if><else>
-          <td align="right"> @packageinfo.total@ </td>
-          <td align="right"> @packageinfo.passes@ </td>
-          <td align="right"> @packageinfo.fails@ </td>
-          <td align="right"> @packageinfo.warnings@ </td>
-          <td align="right">
+          <td class="package-table-cell"> @packageinfo.total@ </td>
+          <td class="package-table-cell"> @packageinfo.passes@ </td>
+          <td class="package-table-cell"> @packageinfo.fails@ </td>
+          <td class="package-table-cell"> @packageinfo.warnings@ </td>
+          <td class="package-table-cell">
             <if @packageinfo.fails@ gt 0>
-               <span style="background-color: red; color: white; font-weight: bold;">FAILED</span>
+               <span class="result-failed">FAILED</span>
             </if>
             <elseif @packageinfo.warnings@ gt 0>
-              <span style="background-color: yellow; font-weight: bold;">WARNING</span>
+              <span class="result-warning">WARNING</span>
             </elseif>
             <else>
               OK
             </else>
           </td>
+          <td class="proc_coverage_cell @packageinfo.proc_coverage_level@"
+              style="background: @packageinfo.background@; color: @packageinfo.foreground@;">
+          <a href=proc-coverage?package_key=@packageinfo.key@>@packageinfo.proc_coverage@%</a></td>
         </else>
       </tr>
+      
     </multiple>
+
+    <tfoot>
+      <tr><td></td><th>Totals:</th>
+         <td class="package-table-cell"><strong>@::total.cases@</strong></td>
+         <td class="package-table-cell"><strong>@::total.passes@</strong></td>
+         <td class="package-table-cell"><strong>@::total.fails@</strong>
+         <td class="package-table-cell"><strong>@::total.warnings@</strong></td>
+         <td></td>
+         <td class="proc_coverage_cell @global_test_coverage_level@"
+          style="background: @global_test_coverage_color.background@; 
+                 color: @global_test_coverage_color.foreground@;">
+          <a href=proc-coverage><strong>@global_test_coverage_percent@%</a></strong></td>
+      </tr>
+    </tfoot>    
     </table>
-  </if><else>
+    </form>
+    <blockquote>
+      <div>
+        <strong>&raquo;</strong>
+        <a href="#" data-action="rerun" class="bulk-action"> Rerun selected test cases</a>
+      </div>
+      <div>
+        <strong>&raquo;</strong>
+        <a href="@clear_url@"> Clear test result data</a>
+      </div>
+      <if @by_package_key@ ne "" and @multiple_packages_p@ false>
+        <div>
+          <strong>&raquo;</strong>
+          <a href="@record_url@"> Record a test</a>
+        </div>
+        <div>
+          <strong>&raquo;</strong>
+          <a href="@coverage_url@">Coverage of package @by_package_key@</a>
+        </div>
+      </if>
+    </blockquote>
+</if>
+<else>
+   <blockquote>
+     <div><strong>&raquo;</strong>
+       <a href="@rerun_url@"> Rerun displayed test cases</a>
+     </div>
+     <div>
+       <strong>&raquo;</strong>
+       <a href="@clear_url@"> Clear test result data</a>
+     </div>
+     <if @by_package_key@ ne "" and @multiple_packages_p@ false>
+       <div>
+         <strong>&raquo;</strong>
+         <a href="@record_url@"> Record a test</a>
+       </div>
+       <div>
+          <strong>&raquo;</strong>
+          <a href="@coverage_url@">Coverage of package @by_package_key@</a>
+       </div>       
+     </if>
+   </blockquote>
     <table width="100%">
-    <tr  style="background-color:#c0c0c0">
+    <tr class="package-table-header">
         <th>Package key</th>
         <th>Testcase id</th>
         <th>Categories</th>
@@ -157,61 +254,75 @@
     </tr>
     <multiple name="tests">
       <if @tests.marker;literal@ true>
-        <tr><td colspan="9" align="center" bgcolor="#c0f0c0"><strong>@tests.package_key@</strong></td></tr>
+        <tr><td colspan="9" class="package-table-header-package-key"><strong>@tests.package_key@</strong></td></tr>
       </if>
         <if @tests.rownum@ odd>
           <tr class="odd">
         </if>
         <else>
           <tr class="even">
         </else>
-        <td> @tests.package_key@ </td>
+        <td style="white-space: nowrap;"> @tests.package_key@ </td>
         <td><a href="@tests.url@">@tests.id@</a></td>
         <td> @tests.categories@ </td>
         <td> @tests.description@ </td>
         <if @tests.timestamp@ eq "">
           <td>No data</td>
           <td>-</td>
-          <td align="right">-</td>
-          <td align="right">-</td>
+          <td class="package-table-cell">-</td>
+          <td class="package-table-cell">-</td>
+          <td class="package-table-cell">-</td>
         </if><else>
           <td>
             <if @tests.fails@ gt 0>
-               <span style="background-color: red; color: white; font-weight: bold; padding: 4px;">FAILED</span>
+               <span class="result-failed">FAILED</span>
             </if>
             <elseif @tests.warnings@ gt 0>
-               <span style="background-color: yellow; font-weight: bold; padding: 4px;">WARNING</span>
+               <span class="result-warning">WARNING</span>
             </elseif>
             <else>
               OK
             </else>
           </td>
           <td> @tests.timestamp@ </td>
-          <td align="right"> @tests.passes@ </td>
-          <td align="right"> @tests.fails@ </td>
-          <td align="right"> @tests.warnings@ </td>
+          <td class="package-table-cell"> @tests.passes@ </td>
+          <td class="package-table-cell"> @tests.fails@ </td>
+          <td class="package-table-cell"> @tests.warnings@ </td>
         </else>
       </tr>
     </multiple>
     </table>
+   <blockquote>
+     <div><strong>&raquo;</strong>
+       <a href="@rerun_url@"> Rerun displayed test cases</a>
+     </div>
+     <div>
+       <strong>&raquo;</strong>
+       <a href="@clear_url@"> Clear test result data</a>
+     </div>
+     <if @by_package_key@ ne "" and @multiple_packages_p@ false>
+       <div>
+         <strong>&raquo;</strong>
+         <a href="@record_url@"> Record a test</a>
+       </div>
+       <div>
+         <strong>&raquo;</strong>
+         <a href="@coverage_url@">Coverage of package @by_package_key@</a>
+       </div>
+      </if>
+   </blockquote>
   </else>
 
-  <blockquote>
-    <div>
-    <strong>&raquo;</strong>
-    <a href="rerun?package_key=@by_package_key@&amp;category=@by_category@&amp;view_by=@view_by@&amp;quiet=@quiet@&amp;stress=@stress@&amp;security_risk=@security_risk@"> Rerun displayed test cases</a>
-    </div>
-    <div>
-    <strong>&raquo;</strong>
-    <a href="clear?package_key=@by_package_key@&amp;category=@by_category@&amp;view_by=@view_by@&amp;quiet=@quiet@&amp;stress=@stress@&amp;security_risk=@security_risk@"> Clear test result data</a> 
-    </div>
-    <if @by_package_key@ ne "">
-      <div>
-      <strong>&raquo;</strong>
-      <a href="@record_url@"> Record a test</a>
-      </div>
-    </if>
-    
-  </blockquote>
-<p><a href="doc/">Documentation</a>
+<p><a href="../doc/">Documentation</a>
 
+<script <if @::__csp_nonce@ not nil> nonce="@::__csp_nonce;literal@"</if>>
+  var bulkActions = document.getElementsByClassName('bulk-action');
+  for (var i = 0; i < bulkActions.length; i++) {
+     bulkActions[i].addEventListener('click', function(e) {
+        e.preventDefault();
+        var form = document.getElementById('bulk-actions-form');
+        form.setAttribute('action', this.getAttribute('data-action'));
+        form.submit();
+     });
+  }
+</script>