mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-12-15 23:53:38 +08:00
c1552fb799
Supports dragging and dropping video attahchments to embed them in the editor as HTML video tags.
43 lines
2.3 KiB
PHP
43 lines
2.3 KiB
PHP
<div component="sortable-list"
|
|
option:sortable-list:handle-selector=".handle, a">
|
|
@foreach($attachments as $attachment)
|
|
<div component="ajax-delete-row"
|
|
option:ajax-delete-row:url="{{ url('/attachments/' . $attachment->id) }}"
|
|
data-id="{{ $attachment->id }}"
|
|
data-drag-content="{{ json_encode($attachment->editorContent()) }}"
|
|
class="card drag-card">
|
|
<div class="handle">@icon('grip')</div>
|
|
<div class="py-s">
|
|
<a href="{{ $attachment->getUrl() }}" target="_blank" rel="noopener">{{ $attachment->name }}</a>
|
|
</div>
|
|
<div class="flex-fill justify-flex-end">
|
|
<button component="event-emit-select"
|
|
option:event-emit-select:name="insert"
|
|
type="button"
|
|
title="{{ trans('entities.attachments_insert_link') }}"
|
|
class="drag-card-action text-center text-link">@icon('link') </button>
|
|
<button component="event-emit-select"
|
|
option:event-emit-select:name="edit"
|
|
option:event-emit-select:id="{{ $attachment->id }}"
|
|
type="button"
|
|
title="{{ trans('common.edit') }}"
|
|
class="drag-card-action text-center text-link">@icon('edit')</button>
|
|
<div component="dropdown" class="flex-fill relative">
|
|
<button refs="dropdown@toggle"
|
|
type="button"
|
|
title="{{ trans('common.delete') }}"
|
|
class="drag-card-action text-center text-neg">@icon('close')</button>
|
|
<div refs="dropdown@menu" class="dropdown-menu">
|
|
<p class="text-neg small px-m mb-xs">{{ trans('entities.attachments_delete') }}</p>
|
|
<button refs="ajax-delete-row@delete" type="button" class="text-link small delete text-item">{{ trans('common.confirm') }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@if (count($attachments) === 0)
|
|
<p class="small text-muted">
|
|
{{ trans('entities.attachments_no_files') }}
|
|
</p>
|
|
@endif
|
|
</div> |