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

   1 <div class="image-manager-details">
   2
   3     <form component="ajax-form"
   4           option:ajax-form:success-message="{{ trans('components.image_update_success') }}"
   5           option:ajax-form:method="put"
   6           option:ajax-form:response-container=".image-manager-details"
   7           option:ajax-form:url="{{ url('images/' . $image->id) }}">
   8
   9         <div class="image-manager-viewer">
  10             <a href="{{ $image->url }}" target="_blank" rel="noopener" class="block">
  11                 <img src="{{ $image->thumbs['display'] ?? $image->url }}"
  12                      alt="{{ $image->name }}"
  13                      class="anim fadeIn"
  14                      title="{{ $image->name }}">
  15             </a>
  16         </div>
  17         <div>
  18             <p class="text-muted text-small">
  19                 <span class="date">{{ trans('components.image_uploaded', ['uploadedDate' => $image->created_at->format('Y-m-d H:i:s')]) }}</span>
  20             </p>
  21         </div>
  22         <div class="form-group stretch-inputs">
  23             <label for="name">{{ trans('components.image_image_name') }}</label>
  24             <input id="name" class="input-base" type="text" name="name" value="{{ $image->name }}">
  25         </div>
  26         <div class="grid half">
  27             <div>
  28                 @if(userCan('image-delete', $image))
  29                     <button type="button"
  30                         id="image-manager-delete"
  31                         title="{{ trans('common.delete') }}"
  32                         class="button icon outline">@icon('delete')</button>
  33                 @endif
  34             </div>
  35             <div class="text-right">
  36                 <button type="submit"
  37                         class="button icon outline">{{ trans('common.save') }}</button>
  38             </div>
  39         </div>
  40     </form>
  41
  42     @if(!is_null($dependantPages))
  43         @if(count($dependantPages) > 0)
  44             <p class="text-neg mb-xs mt-m">{{ trans('components.image_delete_used') }}</p>
  45             <ul class="text-neg">
  46                 @foreach($dependantPages as $page)
  47                     <li>
  48                         <a href="{{ $page->url }}"
  49                            target="_blank"
  50                            rel="noopener"
  51                            class="text-neg">{{ $page->name }}</a>
  52                     </li>
  53                 @endforeach
  54             </ul>
  55         @endif
  56         <p class="text-neg mb-xs">{{ trans('components.image_delete_confirm_text') }}</p>
  57         <form component="ajax-form"
  58               option:ajax-form:success-message="{{ trans('components.image_delete_success') }}"
  59               option:ajax-form:method="delete"
  60               option:ajax-form:response-container=".image-manager-details"
  61               option:ajax-form:url="{{ url('images/' . $image->id) }}">
  62             <button type="submit" class="button neg">
  63                 {{ trans('common.delete_confirm') }}
  64             </button>
  65         </form>
  66     @endif
  67
  68 </div>