BookStack Code Mirror - bookstack/blob - 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 {{ $compact ? 'compact' : '' }} 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             @if($user)
  10                 <img class="avatar small mr-m" src="{{ $user->getAvatar($compact ? 22 : 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 style="font-size: {{ $compact ? '1.15rem' : '1.5rem' }}; margin-left: auto;">
  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('partials.loading-icon')
  31         </div>
  32         <div refs="dropdown-search@listContainer" class="dropdown-search-list"></div>
  33     </div>
  34 </div>