63 lines
2.5 KiB
Handlebars
63 lines
2.5 KiB
Handlebars
<div class="page-header">
|
|
<div>
|
|
<h2>Playlists</h2>
|
|
<p>Organize slide rotations and manage scheduled playback.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card card-outline card-primary" data-table-search-container>
|
|
<div class="card-header">
|
|
<h3 class="card-title">Existing playlists</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 playlists" aria-label="Search playlists" data-table-search />
|
|
</div>
|
|
{{#if (hasPermission currentUser 'playlists.create')}}
|
|
<a class="btn btn-primary btn-sm" href="/playlists/new">Create playlist</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-table-sort-key="name">Name</th>
|
|
<th data-table-sort-key="slides">Slides</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#if playlists.length}}
|
|
{{#each playlists}}
|
|
<tr data-table-search-row>
|
|
<td data-label="Name">{{name}}</td>
|
|
<td data-label="Slides"><span class="chip">{{slideCount}} slide{{#unless slideCountIsOne}}s{{/unless}}</span></td>
|
|
<td data-label="Actions">
|
|
{{#if (anyPermission ../currentUser 'playlists.update' 'playlists.delete')}}
|
|
<div class="actions">
|
|
{{#if (hasPermission ../currentUser 'playlists.update')}}
|
|
<a class="btn btn-sm btn-primary" href="/playlists/{{id}}/edit">Edit</a>
|
|
{{/if}}
|
|
{{#if (hasPermission ../currentUser 'playlists.delete')}}
|
|
<form class="inline-form" method="post" action="/playlists/{{id}}/delete" data-confirm-message="Delete this playlist?">
|
|
<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="3" class="empty">No playlists yet.</td></tr>
|
|
{{/if}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{> table-pagination pagination=pagination basePath="/playlists"}}
|
|
</div>
|
|
|