Mobile dropdwon tab select works on scoring guide admin pages
This commit is contained in:
parent
ff184782fb
commit
c167fe35e3
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue