79 lines
3.2 KiB
Handlebars
79 lines
3.2 KiB
Handlebars
<div class="page-header">
|
|
<div>
|
|
<h2>Slides</h2>
|
|
<p>Manage individual slide content and template assignments.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card card-outline card-primary" data-table-search-container>
|
|
<div class="card-header">
|
|
<h3 class="card-title">Existing slides</h3>
|
|
<div class="card-tools d-flex flex-nowrap align-items-center gap-2">
|
|
<div class="input-group input-group-sm flex-shrink-1" style="width: min(14rem, 100%);">
|
|
<span class="input-group-text" aria-hidden="true"><i class="bi bi-search"></i></span>
|
|
<input type="search" class="form-control" placeholder="Search slides" aria-label="Search slides" data-table-search />
|
|
</div>
|
|
{{#if (hasPermission currentUser 'slides.create')}}
|
|
<a class="btn btn-primary btn-sm" href="/slides/new">Create slide</a>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<div class="card-body table-responsive p-0">
|
|
<table class="table table-striped w-100 mb-0" data-table-searchable>
|
|
<thead>
|
|
<tr>
|
|
<th data-sortable="false">Thumbnail</th>
|
|
<th data-table-sort-key="title">Title</th>
|
|
<th data-table-sort-key="template">Template</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#if slides.length}}
|
|
{{#each slides}}
|
|
<tr data-table-search-row data-search-text="{{title}} {{template_name}}">
|
|
<td data-label="Thumbnail">
|
|
<div class="playlist-slide-thumb" aria-hidden="true" {{#if canvas_width}}style="--playlist-slide-thumb-aspect-ratio: {{canvas_width}} / {{canvas_height}};"{{/if}}>
|
|
{{#if thumbnail_path}}
|
|
<img class="playlist-slide-thumb-image" src="{{thumbnail_path}}" alt="" loading="lazy" />
|
|
{{else}}
|
|
<span class="playlist-slide-thumb-placeholder"><i class="bi bi-image" aria-hidden="true"></i></span>
|
|
{{/if}}
|
|
</div>
|
|
</td>
|
|
<td data-label="Title">{{title}}</td>
|
|
<td data-label="Template">{{template_name}}</td>
|
|
<td data-label="Actions">
|
|
{{#if (anyPermission ../currentUser 'slides.update' 'slides.delete')}}
|
|
<div class="actions">
|
|
{{#if (hasPermission ../currentUser 'slides.update')}}
|
|
<a class="btn btn-sm btn-primary" href="/slides/{{id}}/edit">Edit</a>
|
|
{{/if}}
|
|
{{#if (hasPermission ../currentUser 'slides.delete')}}
|
|
<form class="inline-form" method="post" action="/slides/{{id}}/delete" data-confirm-message="Delete this slide?">
|
|
<button class="btn btn-sm btn-danger" type="submit">Delete</button>
|
|
</form>
|
|
{{/if}}
|
|
</div>
|
|
{{else}}
|
|
<span class="empty">-</span>
|
|
{{/if}}
|
|
</td>
|
|
</tr>
|
|
{{/each}}
|
|
{{else}}
|
|
<tr data-table-search-empty-default><td colspan="4" class="empty">No slides yet.</td></tr>
|
|
{{/if}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{> table-pagination pagination=pagination basePath="/slides"}}
|
|
</div>
|
|
|
|
<script>
|
|
if (typeof window.attachSlideThumbFallbacks === 'function') {
|
|
window.attachSlideThumbFallbacks(document);
|
|
}
|
|
</script>
|
|
|