Fix error table accordion

Author: adangel

resources/css/pmd-tester.css

@@ -84,16 +84,19 @@ div.section-content {
 /* Rule summary table */
 
 table.dataTable > tbody > tr.added,
+#error-table tr.added,
 #rule-summary td.added {
   background-color: #af8;
 }
 
 table.dataTable > tbody > tr.removed,
+#error-table tr.removed,
 #rule-summary td.removed {
   background-color: #fca;
 }
 
 table.dataTable > tbody > tr.changed,
+#error-table tr.changed,
 #rule-summary td.changed {
   background-color: #fef7bc;
 }

resources/project_diff_report.html

@@ -164,7 +164,7 @@ <h2>Errors</h2>
                 </thead>
                 <tbody>
                 {% for error in error_diffs %}
-                <tr id="error-{{forloop.index}}" class="accordion-toggle error-row {{error.change_type}}" data-toggle="collapse" data-target="#error-{{forloop.index}}-expanded">
+                <tr id="error-{{forloop.index}}" class="{{error.change_type}}" data-bs-toggle="collapse" data-bs-target="#error-{{forloop.index}}-expanded">
                     <td><a href="{{error.file_url}}"  target="_blank" rel="noopener noreferrer">{{error.short_filename}}</a></td>
                     <td>{{error.short_message | escape | replace: error.filename, "<span class='meta-var'>$FILE</span>" }}</td>
                 </tr>

resources/project_pmd_report.html

@@ -134,7 +134,7 @@ <h2>Errors</h2>
                 </thead>
                 <tbody>
                 {% for error in report.errors %}
-                <tr id="error-{{forloop.index}}" class="accordion-toggle error-row" data-toggle="collapse" data-target="#error-{{forloop.index}}-expanded">
+                <tr id="error-{{forloop.index}}" data-bs-toggle="collapse" data-bs-target="#error-{{forloop.index}}-expanded">
                     <td><a href="{{error.file_url}}"  target="_blank" rel="noopener noreferrer">{{error.short_filename}}</a></td>
                     <td>{{error.short_message | escape | replace: error.filename, "<span class='meta-var'>$FILE</span>" }}</td>
                 </tr>