BookStack Code Mirror - bookstack/blob - resources/views/form/user-select.blade.php

   1 <div class="dropdown-search" 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-select  input-base"
   7          aria-haspopup="true" aria-expanded="false" tabindex="0">
   8         <div refs="user-select@user-info" class="dropdown-search-toggle-select-label flex-container-row items-center">
   9             @if($user)
  10                 <img class="avatar small mr-m" src="{{ $user->getAvatar(30) }}" width="30" height="30" alt="{{ $user->name }}">
  11                 <span>{{ $user->name }}</span>
  12             @else
  13                 <span>{{ trans('settings.users_none_selected') }}</span>
  14             @endif
  15         </div>
  16         <span class="dropdown-search-toggle-select-caret">
  17             @icon('caret-down')
  18         </span>
  19     </div>
  20     <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu">
  21         <div class="dropdown-search-search">
  22             @icon('search')
  23             <input refs="dropdown-search@searchInput"
  24                    aria-label="{{ trans('common.search') }}"
  25                    autocomplete="off"
  26                    placeholder="{{ trans('common.search') }}"
  27                    type="text">
  28         </div>
  29         <div refs="dropdown-search@loading" class="text-center">
  30             @include('common.loading-icon')
  31         </div>
  32         <div refs="dropdown-search@listContainer" class="dropdown-search-list"></div>
  33     </div>
  34 </div>