]> BookStack Code Mirror - bookstack/blob - resources/views/common/sort.blade.php
Aligned user preference endpoints in style and behaviour
[bookstack] / resources / views / common / sort.blade.php
1 <?php
2     $selectedSort = (isset($sort) && array_key_exists($sort, $options)) ? $sort : array_keys($options)[0];
3     $order = (isset($order) && in_array($order, ['asc', 'desc'])) ? $order : 'asc';
4 ?>
5 <div component="list-sort-control" class="list-sort-container">
6     <div class="list-sort-label">{{ trans('common.sort') }}</div>
7     <form refs="list-sort-control@form"
8           @if($useQuery ?? false)
9               action="{{ url()->current() }}"
10               method="get"
11           @else
12               action="{{ url("/preferences/change-sort/{$type}") }}"
13               method="post"
14           @endif
15     >
16
17         @if($useQuery ?? false)
18             @foreach(array_filter(request()->except(['sort', 'order'])) as $key => $value)
19                 <input type="hidden" name="{{ $key }}" value="{{ $value }}">
20             @endforeach
21         @else
22             {!! method_field('PATCH') !!}
23             {!! csrf_field() !!}
24         @endif
25
26         <input refs="list-sort-control@sort" type="hidden" value="{{ $selectedSort }}" name="sort">
27         <input refs="list-sort-control@order" type="hidden" value="{{ $order }}" name="order">
28
29         <div class="list-sort">
30             <div component="dropdown" class="list-sort-type dropdown-container">
31                 <div refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" aria-label="{{ trans('common.sort_options') }}" tabindex="0">{{ $options[$selectedSort] }}</div>
32                 <ul refs="dropdown@menu list-sort-control@menu" class="dropdown-menu">
33                     @foreach($options as $key => $label)
34                         <li @if($key === $selectedSort) class="active" @endif><a href="#" data-sort-value="{{$key}}" class="text-item">{{ $label }}</a></li>
35                     @endforeach
36                 </ul>
37             </div>
38             <button class="list-sort-dir" type="button" data-sort-dir
39                     aria-label="{{ trans('common.sort_direction_toggle') }} - {{ $order === 'asc' ? trans('common.sort_ascending') : trans('common.sort_descending') }}" tabindex="0">
40                 @icon($order === 'desc' ? 'sort-up' : 'sort-down')
41             </button>
42         </div>
43     </form>
44 </div>