North-Hackathon/silent-auction
2
0
Fork 0
forked from TFMM/silent-auction
Code Pull Requests Activity

feat: make winnersbyitem table sortable using list.js

Browse Source
This commit is contained in:
Russ Long
2026-05-01 14:10:42 -04:00
parent b6ed1e8325
commit 2cd8feb19d
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/winnersbyitem.blade.php
+17 -10
View File
@@ -15,24 +15,24 @@
<div class="container-xl">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card" id="winners-by-item-table">
<div class="table-responsive">
<table class="table table-vcenter card-table">
<thead>
<tr>
<th>Item Number</th>
<th>Item Description</th>
<th>Winner</th>
<th>Winning Bid</th>
<th class="sort" data-sort="item-num">Item Number</th>
<th class="sort" data-sort="item-desc">Item Description</th>
<th class="sort" data-sort="winner">Winner</th>
<th class="sort" data-sort="bid">Winning Bid</th>
</tr>
</thead>
<tbody>
<tbody class="list">
@foreach($winnersbyitem_results as $winner)
<tr>
<td>{{ $winner->items->item_assigned_num }}</td>
<td>{{ $winner->items->item_desc }}</td>
<td>{{ $winner->bidders->bidder_fname }} {{ $winner->bidders->bidder_lname }}</td>
<td>${{ number_format($winner->winning_cost, 2) }}</td>
<td class="item-num">{{ $winner->items->item_assigned_num }}</td>
<td class="item-desc">{{ $winner->items->item_desc }}</td>
<td class="winner">{{ $winner->bidders->bidder_fname }} {{ $winner->bidders->bidder_lname }}</td>
<td class="bid">${{ number_format($winner->winning_cost, 2) }}</td>
</tr>
@endforeach
</tbody>
@@ -44,6 +44,13 @@
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>
<script>
new List('winners-by-item-table', {
valueNames: ['item-num', 'item-desc', 'winner', 'bid']
});
</script>
@include('components.tomselect')
@endpush