From 119a88ad1e6b036773e384794f48d686cf0e28d9 Mon Sep 17 00:00:00 2001
From: Mathieu Lu <mathieu@symbiotic.coop>
Date: Wed, 18 Dec 2024 21:47:36 -0500
Subject: [PATCH] WordPress Permissions: code cleanup, use cycle and odd-row
 css classes

---
 .../CRM/ACL/Form/WordPress/Permissions.tpl    | 37 +++++++------------
 1 file changed, 14 insertions(+), 23 deletions(-)

diff --git a/templates/CRM/ACL/Form/WordPress/Permissions.tpl b/templates/CRM/ACL/Form/WordPress/Permissions.tpl
index d094105695a0..8c6eebe249cc 100644
--- a/templates/CRM/ACL/Form/WordPress/Permissions.tpl
+++ b/templates/CRM/ACL/Form/WordPress/Permissions.tpl
@@ -12,42 +12,33 @@
   <p>{ts}Use this form to Grant access to CiviCRM components and other CiviCRM permissions to WordPress roles.{/ts}</p>
   <p>{ts}<strong>NOTE: Super Admin</strong> and <strong>Administrator</strong> roles will have all permissions in CiviCRM.{/ts}</p>
 </div>
-<div class="crm-block crm-form-block crm-export-form-block crm-sticky">
-  <table>
+<div class="crm-block crm-sticky">
+  <table class="table-striped">
     <thead>
       <tr>
         <th class="label">&nbsp;</th>
         {assign var="num" value=0}
         {foreach from=$roles key=role_name item=role_value}
-          <th align="center"><strong>{$role_value}</strong></th>
+          <th align="center">{$role_value}</th>
           {assign var="num" value=$num+1}
         {/foreach}
       </tr>
     </thead>
     <tbody>
-      {assign var="x" value=0}
       {foreach from=$table key=perm_name item=row}
-        {if $x mod 2 eq 1}
-          <tr style="background-color: #E6E6DC;">
-        {else}
-          <tr style="background-color: #FFFFFF;">
-        {/if}
-
-       <td style="height: 2.6em;">
-           {$row.label}
-          {if !empty($row.desc)}
-            <br/><span class="description">{$row.desc}</span>
-          {/if}
-        </td>
-
-        {foreach from=$row.roles key=index item=role_name}
-          <td align="center" style="padding-top: 0.6em;">
-            {$form.$role_name.$perm_name.html}
+        <tr class="{cycle values="odd-row,even-row"}">
+          <td style="height: 2.6em;">
+            {$row.label}
+            {if !empty($row.desc)}
+              <br/><span class="description">{$row.desc}</span>
+            {/if}
           </td>
-        {/foreach}
-
+          {foreach from=$row.roles key=index item=role_name}
+            <td align="center" style="padding-top: 0.6em;">
+              {$form.$role_name.$perm_name.html}
+            </td>
+          {/foreach}
         </tr>
-        {assign var="x" value=$x+1}
       {/foreach}
     </tbody>
   </table>