53 lines
2.7 KiB
Handlebars
53 lines
2.7 KiB
Handlebars
<div class="page-header">
|
|
<div>
|
|
<h2>{{#if isEdit}}Edit screen group - {{screen.name}}{{else}}Add screen group{{/if}}</h2>
|
|
<p>{{#if isEdit}}Update the display name and assigned playlist.{{else}}Create a screen group and connect it to a playlist.{{/if}}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
<div class="col-12">
|
|
<div class="card card-outline card-primary admin-form-card h-100">
|
|
<div class="card-header bg-body-tertiary">
|
|
<h3 class="card-title">Screen group details</h3>
|
|
</div>
|
|
<form id="screen-form" method="post" action="{{formAction}}" {{{formAttrs}}}>
|
|
<div class="card-body">
|
|
<div class="row g-3">
|
|
<div class="col-12 col-md-6">
|
|
<label for="screen-name" class="form-label">Name</label>
|
|
<input id="screen-name" name="name" class="form-control" value="{{screen.name}}" maxlength="128" data-limit-text-length placeholder="Front desk TV" required />
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<label for="screen-slug" class="form-label">Slug</label>
|
|
<input id="screen-slug" name="slug" class="form-control" value="{{screen.slug}}" maxlength="128" data-limit-text-length placeholder="front-desk-tv" {{#if isEdit}}disabled aria-disabled="true" title="Slug cannot be changed after creation"{{/if}} />
|
|
</div>
|
|
<div class="col-12">
|
|
<label for="screen-playlist" class="form-label">Playlist</label>
|
|
<select id="screen-playlist" name="playlist_id" class="form-select">
|
|
<option value="">-- not assigned --</option>
|
|
{{#each playlists}}
|
|
<option value="{{id}}" {{#if (eq ../screen.playlist_id id)}}selected{{/if}}>{{name}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer d-flex align-items-center gap-2">
|
|
{{#if screen.canForceDelete}}
|
|
<button type="submit" form="screen-force-delete-form" class="btn btn-outline-danger">Force delete</button>
|
|
{{/if}}
|
|
<div class="ms-auto">
|
|
{{{saveActionButtons formId="screen-form" saveUrl=formAction cancelUrl=cancelUrl deleteUrl=deleteUrl deleteConfirmMessage=deleteConfirmMessage deleteDisabled=deleteDisabled showSaveAndClose=showSaveSecondaryActions showSaveAndNew=showSaveSecondaryActions}}}
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{{#if screen.canForceDelete}}
|
|
<form id="screen-force-delete-form" method="post" action="{{forceDeleteUrl}}" data-confirm-message="Force delete this screen group and unlink its onboarding devices?" data-native-submit>
|
|
<input type="hidden" name="force_delete" value="1" />
|
|
</form>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
|
|
</div> |