Mobile dropdwon tab select works on scoring guide admin pages

This commit is contained in:
Matt Young 2024-06-27 16:17:17 -05:00
parent ff184782fb
commit c167fe35e3
2 changed files with 7 additions and 6 deletions

View File

@ -5,11 +5,13 @@
<div>
<div class="sm:hidden">
<label for="tabs" class="sr-only">Select a tab</label>
<!-- TODO Use an "onChange" listener to redirect the user to the selected tab URL. -->
<select id="tabs" name="tabs" class="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
<option>Details</option>
<option selected>Display Order</option>
<option>Tiebreak Order</option>
<select id="tabs"
name="tabs"
x-on:change="window.location.href = event.target.value"
class="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
<option value="{{ request()->getPathInfo() }}?tab=detail" {{ $tab == 'detail' ? 'selected':'' }}>Details</option>
<option value="{{ request()->getPathInfo() }}?tab=displayOrder" {{ $tab == 'displayOrder' ? 'selected':'' }}>Display Order</option>
<option value="{{ request()->getPathInfo() }}?tab=tiebreakOrder" {{ $tab == 'tiebreakOrder' ? 'selected':'' }}>Tiebreak Order</option>
</select>
</div>
<div class="hidden sm:block">

View File

@ -19,7 +19,6 @@
<tr>
<x-table.td>{{ $guide->name }} <span class="text-xs text-gray-400">{{ $guide->subscores->count() }} subscores</span></x-table.td>
<x-table.td class="text-right text-indigo-600"><a href="/admin/scoring/guides/{{ $guide->id }}/edit">Edit</a></x-table.td>
{{-- TODO add a link to delete if the guide is not in use--}}
</tr>
@endforeach
</x-table.body>