2018-12-08 02:33:32 +08:00
|
|
|
<?php
|
|
|
|
$selectedSort = (isset($sort) && array_key_exists($sort, $options)) ? $sort : array_keys($options)[0];
|
|
|
|
$order = (isset($order) && in_array($order, ['asc', 'desc'])) ? $order : 'asc';
|
|
|
|
?>
|
2022-10-31 04:24:08 +08:00
|
|
|
<div component="list-sort-control" class="list-sort-container">
|
2018-12-08 02:33:32 +08:00
|
|
|
<div class="list-sort-label">{{ trans('common.sort') }}</div>
|
2022-10-31 04:24:08 +08:00
|
|
|
<form refs="list-sort-control@form"
|
|
|
|
@if($useQuery ?? false)
|
|
|
|
action="{{ url()->current() }}"
|
|
|
|
method="get"
|
|
|
|
@else
|
2022-11-10 03:30:08 +08:00
|
|
|
action="{{ url("/preferences/change-sort/{$type}") }}"
|
2022-10-31 04:24:08 +08:00
|
|
|
method="post"
|
|
|
|
@endif
|
|
|
|
>
|
2023-12-10 20:37:21 +08:00
|
|
|
<input type="hidden" name="_return" value="{{ url()->current() }}">
|
2018-12-08 02:33:32 +08:00
|
|
|
|
2022-10-31 04:24:08 +08:00
|
|
|
@if($useQuery ?? false)
|
|
|
|
@foreach(array_filter(request()->except(['sort', 'order'])) as $key => $value)
|
|
|
|
<input type="hidden" name="{{ $key }}" value="{{ $value }}">
|
|
|
|
@endforeach
|
|
|
|
@else
|
|
|
|
{!! method_field('PATCH') !!}
|
|
|
|
{!! csrf_field() !!}
|
|
|
|
@endif
|
|
|
|
|
|
|
|
<input refs="list-sort-control@sort" type="hidden" value="{{ $selectedSort }}" name="sort">
|
|
|
|
<input refs="list-sort-control@order" type="hidden" value="{{ $order }}" name="order">
|
2018-12-08 02:33:32 +08:00
|
|
|
|
|
|
|
<div class="list-sort">
|
2020-06-25 03:38:08 +08:00
|
|
|
<div component="dropdown" class="list-sort-type dropdown-container">
|
|
|
|
<div refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" aria-label="{{ trans('common.sort_options') }}" tabindex="0">{{ $options[$selectedSort] }}</div>
|
2022-10-31 04:24:08 +08:00
|
|
|
<ul refs="dropdown@menu list-sort-control@menu" class="dropdown-menu">
|
2018-12-08 02:33:32 +08:00
|
|
|
@foreach($options as $key => $label)
|
2022-04-20 21:03:47 +08:00
|
|
|
<li @if($key === $selectedSort) class="active" @endif><a href="#" data-sort-value="{{$key}}" class="text-item">{{ $label }}</a></li>
|
2018-12-08 02:33:32 +08:00
|
|
|
@endforeach
|
|
|
|
</ul>
|
|
|
|
</div>
|
2022-10-31 04:24:08 +08:00
|
|
|
<button class="list-sort-dir" type="button" data-sort-dir
|
2019-08-25 01:26:28 +08:00
|
|
|
aria-label="{{ trans('common.sort_direction_toggle') }} - {{ $order === 'asc' ? trans('common.sort_ascending') : trans('common.sort_descending') }}" tabindex="0">
|
2019-05-05 21:43:26 +08:00
|
|
|
@icon($order === 'desc' ? 'sort-up' : 'sort-down')
|
2019-08-25 01:26:28 +08:00
|
|
|
</button>
|
2018-12-08 02:33:32 +08:00
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|