lzstealth/pulse-signage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Release v2.11.1
Publish Docker Image / build-and-push-existing-registry (./build/Dockerfile, web, pulse-signage-web) (push) Successful in 1m47s
Details
Publish Docker Image / build-and-push-existing-registry (./build/Dockerfile.player, player, pulse-signage-player) (push) Successful in 31s
Details

Browse Source
This commit is contained in:
lzstealth
2026-09-04 15:43:55 +01:00
parent 2c150b5b2e
commit 98f969ca0f
104 changed files with 3559 additions and 447 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/views/signage/clients/list.hbs
+34 -6
View File
@@ -1,4 +1,4 @@
<div class="page-header">
<div class="page-header clients-page-header">
<div>
<h2>Connected clients</h2>
<p>Inspect live player connections and send commands to individual clients.</p>
@@ -6,7 +6,7 @@
</div>
{{#if (anyPermission currentUser 'clients.allow' 'pairing.allow')}}
<div class="card card-outline card-secondary mb-4 screen-command-card">
<div class="card card-outline card-secondary mb-4 screen-command-card clients-screen-command-card">
<div class="card-header">
<div class="dashboard-card-heading">
<h3 class="card-title">Screen Group controls</h3>
@@ -36,7 +36,7 @@
data-playlist-name="{{playlist_name}}"
>{{name}}</option>
{{/each}}
<option value="__all__" data-screen-name="All screens" data-screen-target-all="true">All Screens</option>
<option value="__all__" data-screen-name="All screen groups" data-screen-target-all="true">All screen groups</option>
</select>
</div>
</div>
@@ -82,12 +82,12 @@
</div>
{{/if}}
<div class="card card-outline card-primary" data-table-search-container data-table-pagination-card>
<div class="card card-outline card-primary clients-client-table-card" data-table-search-container data-table-pagination-card>
<div class="card-header">
<h3 class="card-title">Active connections</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>
<div class="input-group input-group-sm flex-shrink-1 table-search-group" style="width: min(14rem, 100%);">
<span class="input-group-text" role="button" tabindex="0" aria-label="Search" data-table-search-toggle><i class="bi bi-search"></i></span>
<input type="search" class="form-control" placeholder="Search clients" aria-label="Search clients" data-table-search />
</div>
</div>
@@ -186,6 +186,34 @@
{{> table-pagination pagination=pagination basePath="/clients" alwaysShow=true}}
</div>
<section class="clients-mobile-clients" aria-label="Active connections">
<div class="clients-mobile-client-tools mb-4 mt-0">
<div><h3>Active connections</h3></div>
<div class="clients-mobile-client-search input-group input-group-sm"><label for="clients-mobile-search">Search clients</label><span class="input-group-text" role="button" tabindex="0" aria-label="Search clients" data-mobile-client-search-toggle><i class="bi bi-search" aria-hidden="true"></i></span><input id="clients-mobile-search" class="form-control form-control-sm" type="search" placeholder="Search clients" /></div>
</div>
<div id="clients-mobile-client-list">
{{#if clients.length}}
{{#each clients}}
<article class="card card-outline {{#if paused}}card-warning{{else}}card-primary{{/if}} clients-mobile-client" data-mobile-client-id="{{id}}" data-mobile-client-client-id="{{clientId}}" data-mobile-client-key="{{id}}" data-client-id="{{id}}" data-client-client-id="{{clientId}}" data-client-screen-slug="{{screen_slug}}" data-client-player-base-url="{{player_url}}" data-mobile-client-search="{{client_name}} {{clientId}} {{screen_name}} {{screen_slug}}">
<div class="card-body">
<div class="clients-mobile-client-header"><div><h4 data-mobile-client-name>{{#if client_name}}{{client_name}}{{else}}Unknown{{/if}}</h4></div><span class="badge {{#if blackout}}text-bg-secondary{{else if paused}}text-bg-warning{{else}}text-bg-success{{/if}}">{{#if blackout}}Blackout{{else if paused}}Paused{{else}}Live{{/if}}</span></div>
<div class="clients-mobile-client-details"><div><small>Screen group</small><strong>{{#if screen_name}}{{screen_name}}{{else}}{{screen_slug}}{{/if}}</strong></div><div><small>Now showing</small><strong>{{#if currentSlideTitle}}{{currentSlideTitle}}{{else}}No slide currently showing{{/if}}</strong></div></div>
{{#if (hasPermission ../currentUser 'clients.allow')}}
<div class="clients-mobile-client-actions"><form method="post" action="/clients/{{screen_slug}}/commands" class="inline-form" data-async-command><input type="hidden" name="command" value="reload" /><input type="hidden" name="connectionId" value="{{id}}" /><input type="hidden" name="playerBaseUrl" value="{{player_url}}" /><button type="submit" class="btn btn-sm btn-danger" aria-label="Reload client" title="Reload client"><i class="bi bi-arrow-repeat" aria-hidden="true"></i></button></form><form method="post" action="/clients/{{screen_slug}}/commands" class="inline-form" data-async-command><input type="hidden" name="command" value="previous" /><input type="hidden" name="connectionId" value="{{id}}" /><input type="hidden" name="playerBaseUrl" value="{{player_url}}" /><button type="submit" class="btn btn-sm btn-warning" aria-label="Previous slide" title="Previous slide"><i class="bi bi-skip-backward-fill" aria-hidden="true"></i></button></form><form method="post" action="/clients/{{screen_slug}}/commands" class="inline-form" data-async-command><input type="hidden" name="command" value="next" /><input type="hidden" name="connectionId" value="{{id}}" /><input type="hidden" name="playerBaseUrl" value="{{player_url}}" /><button type="submit" class="btn btn-sm btn-warning" aria-label="Next slide" title="Next slide"><i class="bi bi-skip-forward-fill" aria-hidden="true"></i></button></form><form method="post" action="/clients/{{screen_slug}}/commands" class="inline-form wide" data-async-command><input type="hidden" name="command" value="pause" /><input type="hidden" name="connectionId" value="{{id}}" /><input type="hidden" name="playerBaseUrl" value="{{player_url}}" /><button type="submit" class="btn btn-sm btn-info w-100" aria-label="Pause client" title="Pause client"><i class="bi {{#if paused}}bi-play-fill{{else}}bi-pause-fill{{/if}} me-1" aria-hidden="true"></i>{{#if paused}}Resume{{else}}Pause{{/if}}</button></form><form method="post" action="/clients/{{screen_slug}}/commands" class="inline-form wide" data-async-command><input type="hidden" name="command" value="blackout" /><input type="hidden" name="blackout" value="{{#if blackout}}false{{else}}true{{/if}}" /><input type="hidden" name="connectionId" value="{{id}}" /><input type="hidden" name="playerBaseUrl" value="{{player_url}}" /><button type="submit" class="btn btn-sm {{#if blackout}}btn-success{{else}}btn-secondary{{/if}} w-100" aria-label="{{#if blackout}}Restore client{{else}}Blackout client{{/if}}" title="{{#if blackout}}Restore client{{else}}Blackout client{{/if}}"><i class="bi {{#if blackout}}bi-eye{{else}}bi-eye-slash{{/if}} me-1" aria-hidden="true"></i>{{#if blackout}}Restore{{else}}Blackout{{/if}}</button></form></div>
{{/if}}
</div>
</article>
{{/each}}
{{else}}<div class="alert alert-secondary">No connected clients yet.</div>{{/if}}
</div>
<div class="alert alert-secondary" id="clients-mobile-empty" hidden>No clients match that search.</div>
</section>
<script>
(function () { var input = document.getElementById('clients-mobile-search'); var toggle = document.querySelector('[data-mobile-client-search-toggle]'); if (input && toggle) { var focusInput = function (event) { if (event && event.preventDefault) { event.preventDefault(); } input.focus(); }; toggle.addEventListener('mousedown', focusInput); toggle.addEventListener('click', focusInput); toggle.addEventListener('keydown', function (event) { if (event.key === 'Enter' || event.key === ' ') { focusInput(event); } }); } }());
</script>
<script>
(function () { var input = document.getElementById('clients-mobile-search'); var empty = document.getElementById('clients-mobile-empty'); if (input) { input.addEventListener('input', function () { var query = input.value.trim().toLowerCase(); var visible = 0; document.querySelectorAll('[data-mobile-client-search]').forEach(function (card) { var matches = !query || card.getAttribute('data-mobile-client-search').toLowerCase().indexOf(query) !== -1; card.hidden = !matches; if (matches) visible += 1; }); if (empty) empty.hidden = visible > 0; }); } }());
</script>
{{#> modal-shell modalId="client-move-screen-modal" modalLabelId="client-move-screen-modal-label" modalDialogClass="modal-dialog-centered modal-dialog-scrollable modal-lg" modalBackdropStatic=true modalKeyboardDisabled=true}}
<form id="client-move-screen-form" method="post" action="#" class="d-flex flex-column">
<div class="modal-header">