]> BookStack Code Mirror - bookstack/blob - resources/views/partials/sort.blade.php
Added labels and tweaked muted colors for accessibility
[bookstack] / resources / views / partials / 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 class="list-sort-container" list-sort-control>
6     <div class="list-sort-label">{{ trans('common.sort') }}</div>
7     <form action="{{ url("/settings/users/{$currentUser->id}/change-sort/{$type}") }}" method="post">
8
9         {!! csrf_field() !!}
10         {!! method_field('PATCH') !!}
11         <input type="hidden" value="{{ $selectedSort }}" name="sort">
12         <input type="hidden" value="{{ $order }}" name="order">
13
14         <div class="list-sort">
15             <div class="list-sort-type dropdown-container" dropdown>
16                 <div dropdown-toggle>{{ $options[$selectedSort] }}</div>
17                 <ul class="dropdown-menu">
18                     @foreach($options as $key => $label)
19                         <li @if($key === $selectedSort) class="active" @endif><a href="#" data-sort-value="{{$key}}">{{ $label }}</a></li>
20                     @endforeach
21                 </ul>
22             </div>
23             <div class="list-sort-dir" data-sort-dir>
24                 @icon($order === 'desc' ? 'sort-up' : 'sort-down')
25             </div>
26         </div>
27     </form>
28 </div>