85 lines
3.8 KiB
PHP
85 lines
3.8 KiB
PHP
<x-layout.app>
|
|
<script>
|
|
function sortTable(n) {
|
|
var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
|
|
table = document.getElementById("nominationTable");
|
|
switching = true;
|
|
// Set the sorting direction to ascending:
|
|
dir = "asc";
|
|
/* Make a loop that will continue until
|
|
no switching has been done: */
|
|
while (switching) {
|
|
// Start by saying: no switching is done:
|
|
switching = false;
|
|
rows = table.rows;
|
|
/* Loop through all table rows (except the
|
|
first, which contains table headers): */
|
|
for (i = 1; i < (rows.length - 1); i++) {
|
|
// Start by saying there should be no switching:
|
|
shouldSwitch = false;
|
|
/* Get the two elements you want to compare,
|
|
one from current row and one from the next: */
|
|
x = rows[i].getElementsByTagName("TD")[n];
|
|
y = rows[i + 1].getElementsByTagName("TD")[n];
|
|
/* Check if the two rows should switch place,
|
|
based on the direction, asc or desc: */
|
|
if (dir == "asc") {
|
|
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
|
|
// If so, mark as a switch and break the loop:
|
|
shouldSwitch = true;
|
|
break;
|
|
}
|
|
} else if (dir == "desc") {
|
|
if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
|
|
// If so, mark as a switch and break the loop:
|
|
shouldSwitch = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (shouldSwitch) {
|
|
/* If a switch has been marked, make the switch
|
|
and mark that a switch has been done: */
|
|
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
|
|
switching = true;
|
|
// Each time a switch is done, increase this count by 1:
|
|
switchcount ++;
|
|
} else {
|
|
/* If no switching has been done AND the direction is "asc",
|
|
set the direction to "desc" and run the while loop again. */
|
|
if (switchcount == 0 && dir == "asc") {
|
|
dir = "desc";
|
|
switching = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<x-slot:page_title>Nomination Administration</x-slot:page_title>
|
|
|
|
<x-table.table id="nominationTable">
|
|
<x-slot:title>Nominations</x-slot:title>
|
|
<thead>
|
|
<tr>
|
|
<x-table.th onclick="sortTable(0)">Name</x-table.th>
|
|
<x-table.th onclick="sortTable(1)">School</x-table.th>
|
|
<x-table.th onclick="sortTable(2)">Nomination</x-table.th>
|
|
<x-table.th onclick="sortTable(3)">Rank</x-table.th>
|
|
<x-table.th onclick="sortTable(4)">Instrument</x-table.th>
|
|
</tr>
|
|
</thead>
|
|
<x-table.body>
|
|
@foreach($nominations as $nomination)
|
|
<tr>
|
|
<x-table.td>{{ $nomination->student->full_name('lf') }}</x-table.td>
|
|
<x-table.td>{{ $nomination->student->school->name }}</x-table.td>
|
|
<x-table.td>{{ $nomination->ensemble->name }}</x-table.td>
|
|
<x-table.td>{{ $nomination->data['rank'] }}</x-table.td>
|
|
<x-table.td>{{ $nomination->data['instrument'] }}</x-table.td>
|
|
</tr>
|
|
@endforeach
|
|
</x-table.body>
|
|
</x-table.table>
|
|
|
|
</x-layout.app>
|