2020-07-25 07:20:58 +08:00
|
|
|
<div class="image-manager-details">
|
|
|
|
|
|
|
|
<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">
|
2021-05-25 04:17:08 +08:00
|
|
|
<a href="{{ $image->url }}" target="_blank" rel="noopener" class="block">
|
2022-01-11 02:12:11 +08:00
|
|
|
<img src="{{ $image->thumbs['display'] ?? $image->url }}"
|
2020-07-25 07:20:58 +08:00
|
|
|
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>
|
2023-05-28 19:07:19 +08:00
|
|
|
<div class="flex-container-row justify-space-between gap-m">
|
2020-07-25 07:20:58 +08:00
|
|
|
<div>
|
2022-09-05 22:52:12 +08:00
|
|
|
@if(userCan('image-delete', $image))
|
|
|
|
<button type="button"
|
2020-07-25 07:20:58 +08:00
|
|
|
id="image-manager-delete"
|
|
|
|
title="{{ trans('common.delete') }}"
|
|
|
|
class="button icon outline">@icon('delete')</button>
|
2022-09-05 22:52:12 +08:00
|
|
|
@endif
|
2020-07-25 07:20:58 +08:00
|
|
|
</div>
|
2023-05-28 19:07:19 +08:00
|
|
|
<div>
|
2020-07-25 07:20:58 +08:00
|
|
|
<button type="submit"
|
|
|
|
class="button icon outline">{{ trans('common.save') }}</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
@if(!is_null($dependantPages))
|
|
|
|
@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"
|
2021-05-25 04:17:08 +08:00
|
|
|
rel="noopener"
|
2020-07-25 07:20:58 +08:00
|
|
|
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
|
|
|
|
|
2023-05-28 19:07:19 +08:00
|
|
|
<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>
|
|
|
|
|
2020-07-25 07:20:58 +08:00
|
|
|
</div>
|