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

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