mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-28 21:22:30 +00:00
![Dan Brown](/assets/img/avatar_default.png)
- Updated UI with image form dropdown containing delete and replace image actions. - Adds new endpoint and service/repo handling for replacing existing image. - Includes tests to cover.
106 lines
5.0 KiB
PHP
106 lines
5.0 KiB
PHP
<div component="dropzone"
|
|
option:dropzone:url="{{ url("/images/{$image->id}/file") }}"
|
|
option:dropzone:method="PUT"
|
|
option:dropzone:success-message="{{ trans('components.image_update_success') }}"
|
|
option:dropzone:upload-limit="{{ config('app.upload_limit') }}"
|
|
option:dropzone:upload-limit-message="{{ trans('errors.server_upload_limit') }}"
|
|
option:dropzone:zone-text="{{ trans('entities.attachments_dropzone') }}"
|
|
option:dropzone:file-accept="image/*"
|
|
class="image-manager-details">
|
|
|
|
<div refs="dropzone@status-area dropzone@drop-target"></div>
|
|
|
|
<form component="ajax-form"
|
|
option:ajax-form:success-message="{{ trans('components.image_update_success') }}"
|
|
option:ajax-form:method="put"
|
|
option:ajax-form:response-container=".image-manager-details"
|
|
option:ajax-form:url="{{ url('images/' . $image->id) }}">
|
|
|
|
<div class="image-manager-viewer">
|
|
<a href="{{ $image->url }}" target="_blank" rel="noopener" class="block">
|
|
<img src="{{ $image->thumbs['display'] ?? $image->url }}"
|
|
alt="{{ $image->name }}"
|
|
class="anim fadeIn"
|
|
title="{{ $image->name }}">
|
|
</a>
|
|
</div>
|
|
<div class="form-group stretch-inputs">
|
|
<label for="name">{{ trans('components.image_image_name') }}</label>
|
|
<input id="name" class="input-base" type="text" name="name" value="{{ $image->name }}">
|
|
</div>
|
|
<div class="flex-container-row justify-space-between gap-m">
|
|
@if(userCan('image-delete', $image) || userCan('image-update', $image))
|
|
<div component="dropdown"
|
|
class="dropdown-container">
|
|
<button refs="dropdown@toggle" type="button" class="button icon outline">@icon('more')</button>
|
|
<div refs="dropdown@menu" class="dropdown-menu anchor-left">
|
|
@if(userCan('image-delete', $image))
|
|
<button type="button"
|
|
id="image-manager-delete"
|
|
class="text-item">{{ trans('common.delete') }}</button>
|
|
@endif
|
|
@if(userCan('image-update', $image))
|
|
<button type="button"
|
|
id="image-manager-replace"
|
|
refs="dropzone@select-button"
|
|
class="text-item">{{ trans('components.image_replace') }}</button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<button type="submit"
|
|
class="button icon outline">{{ trans('common.save') }}</button>
|
|
</div>
|
|
</form>
|
|
|
|
@if(!is_null($dependantPages))
|
|
<hr>
|
|
@if(count($dependantPages) > 0)
|
|
<p class="text-neg mb-xs mt-m">{{ trans('components.image_delete_used') }}</p>
|
|
<ul class="text-neg">
|
|
@foreach($dependantPages as $page)
|
|
<li>
|
|
<a href="{{ $page->url }}"
|
|
target="_blank"
|
|
rel="noopener"
|
|
class="text-neg">{{ $page->name }}</a>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
@endif
|
|
<p class="text-neg mb-xs">{{ trans('components.image_delete_confirm_text') }}</p>
|
|
<form component="ajax-form"
|
|
option:ajax-form:success-message="{{ trans('components.image_delete_success') }}"
|
|
option:ajax-form:method="delete"
|
|
option:ajax-form:response-container=".image-manager-details"
|
|
option:ajax-form:url="{{ url('images/' . $image->id) }}">
|
|
<button type="submit" class="button neg">
|
|
{{ trans('common.delete_confirm') }}
|
|
</button>
|
|
</form>
|
|
@endif
|
|
|
|
<div class="text-muted text-small">
|
|
<hr class="my-m">
|
|
<div title="{{ $image->created_at->format('Y-m-d H:i:s') }}">
|
|
@icon('star') {{ trans('components.image_uploaded', ['uploadedDate' => $image->created_at->diffForHumans()]) }}
|
|
</div>
|
|
@if($image->created_at->valueOf() !== $image->updated_at->valueOf())
|
|
<div title="{{ $image->updated_at->format('Y-m-d H:i:s') }}">
|
|
@icon('edit') {{ trans('components.image_updated', ['updateDate' => $image->updated_at->diffForHumans()]) }}
|
|
</div>
|
|
@endif
|
|
@if($image->createdBy)
|
|
<div>@icon('user') {{ trans('components.image_uploaded_by', ['userName' => $image->createdBy->name]) }}</div>
|
|
@endif
|
|
@if(($page = $image->getPage()) && userCan('view', $page))
|
|
<div>
|
|
@icon('page')
|
|
{!! trans('components.image_uploaded_to', [
|
|
'pageLink' => '<a class="text-page" href="' . e($page->getUrl()) . '" target="_blank">' . e($page->name) . '</a>'
|
|
]) !!}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
</div> |