]> BookStack Code Mirror - bookstack/blob - resources/views/components/user-select.blade.php
Added user-select input
[bookstack] / resources / views / components / user-select.blade.php
1 <div class="dropdown-search custom-select-input" components="dropdown dropdown-search user-select"
2      option:dropdown-search:url="/search/users/select"
3 >
4     <input refs="user-select@input" type="hidden" name="{{ $name }}" value="{{ $user->id }}">
5     <div refs="dropdown@toggle"
6          class="dropdown-search-toggle flex-container-row items-center"
7          aria-haspopup="true" aria-expanded="false" tabindex="0">
8         <div refs="user-select@user-info" class="flex-container-row items-center px-s">
9             <img class="avatar mr-m" src="{{ $user->getAvatar(30) }}" alt="{{ $user->name }}">
10             <span>{{ $user->name }}</span>
11         </div>
12         <span style="font-size: 1.5rem; margin-left: auto;">
13             @icon('caret-down')
14         </span>
15     </div>
16     <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu">
17         <div class="dropdown-search-search">
18             @icon('search')
19             <input refs="dropdown-search@searchInput"
20                    aria-label="{{ trans('common.search') }}"
21                    autocomplete="off"
22                    placeholder="{{ trans('common.search') }}"
23                    type="text">
24         </div>
25         <div refs="dropdown-search@loading" class="text-center">
26             @include('partials.loading-icon')
27         </div>
28         <div refs="dropdown-search@listContainer" class="dropdown-search-list"></div>
29     </div>
30 </div>