BookStack Code Mirror - bookstack/blob - resources/views/pages/parts/image-manager-list.blade.php

   1 @if($warning ?? '')
   2     <div class="image-manager-list-warning image-manager-warning px-m py-xs flex-container-row gap-xs items-center">
   3         <div>@icon('warning')</div>
   4         <div class="flex">{{ $warning }}</div>
   5     </div>
   6 @endif
   7 @foreach($images as $index => $image)
   8 <div>
   9     <button component="event-emit-select"
  10          option:event-emit-select:name="image"
  11          option:event-emit-select:data="{{ json_encode($image) }}"
  12          class="image anim fadeIn text-link"
  13          style="animation-delay: {{ min($index * 10, 260) . 'ms' }};">
  14         <img src="{{ $image->thumbs['gallery'] ?? '' }}"
  15              alt="{{ $image->name }}"
  16              role="none"
  17              width="150"
  18              height="150"
  19              loading="lazy">
  20         <div class="image-meta">
  21             <span class="name">{{ $image->name }}</span>
  22             <span class="date">{{ trans('components.image_uploaded', ['uploadedDate' => $image->created_at->format('Y-m-d')]) }}</span>
  23         </div>
  24     </button>
  25 </div>
  26 @endforeach
  27 @if(count($images) === 0)
  28     <p class="m-m text-bigger italic text-muted">{{ trans('common.no_items') }}</p>
  29 @endif
  30 @if($hasMore)
  31     <div class="load-more">
  32         <button type="button" class="button small outline">{{ trans('components.image_load_more') }}</button>
  33     </div>
  34 @endif