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>
|
||||||
<div class="sm:hidden">
|
<div class="sm:hidden">
|
||||||
<label for="tabs" class="sr-only">Select a tab</label>
|
<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"
|
||||||
<select id="tabs" name="tabs" class="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
name="tabs"
|
||||||
<option>Details</option>
|
x-on:change="window.location.href = event.target.value"
|
||||||
<option selected>Display Order</option>
|
class="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
||||||
<option>Tiebreak Order</option>
|
<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>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden sm:block">
|
<div class="hidden sm:block">
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,6 @@
|
||||||
<tr>
|
<tr>
|
||||||
<x-table.td>{{ $guide->name }} <span class="text-xs text-gray-400">{{ $guide->subscores->count() }} subscores</span></x-table.td>
|
<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>
|
<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>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
</x-table.body>
|
</x-table.body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue