Skip to content

Commit 726674c

Browse files
kirankotarikirankotari
committed
fix: Place pagination controls next to Items per page selector
- Moved pagination div to be inline with page size selector for all tabs - Pagination now appears on the same row as 'Items per page:' control - Improved UI layout with flex display and 20px gap - Fixed for exact duplicates, similar tests, and subset duplicates tabs - All tests passing (190/190)
1 parent 84d70bc commit 726674c

1 file changed

Lines changed: 36 additions & 36 deletions

File tree

‎src/testiq/reporting.py‎

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -651,63 +651,63 @@ def _generate_html(
651651
<div id="exact-content" class="tab-content active">
652652
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
653653
<h2 style="margin: 0;">🎯 Exact Duplicates</h2>
654-
<div class="page-size-selector">
655-
<label for="exact-page-size">Items per page:</label>
656-
<select id="exact-page-size" onchange="changePageSize('exact', parseInt(this.value))">
657-
<option value="10">10</option>
658-
<option value="20" selected>20</option>
659-
<option value="50">50</option>
660-
<option value="100">100</option>
661-
<option value="999999">All</option>
662-
</select>
654+
<div style="display: flex; align-items: center; gap: 20px;">
655+
<div class="page-size-selector">
656+
<label for="exact-page-size">Items per page:</label>
657+
<select id="exact-page-size" onchange="changePageSize('exact', parseInt(this.value))">
658+
<option value="10">10</option>
659+
<option value="20" selected>20</option>
660+
<option value="50">50</option>
661+
<option value="100">100</option>
662+
<option value="999999">All</option>
663+
</select>
664+
</div>
665+
<div id="exact-pagination" class="pagination"></div>
663666
</div>
664667
</div>
665668
<p>Tests with identical code coverage that can be safely removed.</p>
666-
<div class="pagination-controls">
667-
<div id="exact-pagination" class="pagination"></div>
668-
</div>
669669
<div id="exact-table"></div>
670670
</div>
671671
672672
<div id="similar-content" class="tab-content">
673673
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
674674
<h2 style="margin: 0;">🔍 Similar Tests (≥{threshold:.0%} overlap)</h2>
675-
<div class="page-size-selector">
676-
<label for="similar-page-size">Items per page:</label>
677-
<select id="similar-page-size" onchange="changePageSize('similar', parseInt(this.value))">
678-
<option value="10">10</option>
679-
<option value="20" selected>20</option>
680-
<option value="50">50</option>
681-
<option value="100">100</option>
682-
<option value="999999">All</option>
683-
</select>
675+
<div style="display: flex; align-items: center; gap: 20px;">
676+
<div class="page-size-selector">
677+
<label for="similar-page-size">Items per page:</label>
678+
<select id="similar-page-size" onchange="changePageSize('similar', parseInt(this.value))">
679+
<option value="10">10</option>
680+
<option value="20" selected>20</option>
681+
<option value="50">50</option>
682+
<option value="100">100</option>
683+
<option value="999999">All</option>
684+
</select>
685+
</div>
686+
<div id="similar-pagination" class="pagination"></div>
684687
</div>
685688
</div>
686689
<p>Test pairs with significant code coverage overlap that may indicate redundancy.</p>
687-
<div class="pagination-controls">
688-
<div id="similar-pagination" class="pagination"></div>
689-
</div>
690690
<div id="similar-table"></div>
691691
</div>
692692
693693
<div id="subset-content" class="tab-content">
694694
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
695695
<h2 style="margin: 0;">📊 Subset Duplicates</h2>
696-
<div class="page-size-selector">
697-
<label for="subset-page-size">Items per page:</label>
698-
<select id="subset-page-size" onchange="changePageSize('subset', parseInt(this.value))">
699-
<option value="10">10</option>
700-
<option value="20" selected>20</option>
701-
<option value="50">50</option>
702-
<option value="100">100</option>
703-
<option value="999999">All</option>
704-
</select>
696+
<div style="display: flex; align-items: center; gap: 20px;">
697+
<div class="page-size-selector">
698+
<label for="subset-page-size">Items per page:</label>
699+
<select id="subset-page-size" onchange="changePageSize('subset', parseInt(this.value))">
700+
<option value="10">10</option>
701+
<option value="20" selected>20</option>
702+
<option value="50">50</option>
703+
<option value="100">100</option>
704+
<option value="999999">All</option>
705+
</select>
706+
</div>
707+
<div id="subset-pagination" class="pagination"></div>
705708
</div>
706709
</div>
707710
<p>Tests that are subsets of other tests and may be redundant.</p>
708-
<div class="pagination-controls">
709-
<div id="subset-pagination" class="pagination"></div>
710-
</div>
711711
<div id="subset-table"></div>
712712
</div>
713713

0 commit comments

Comments
 (0)