danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Video get-modal: use the standard SoulSync buttons (discog-submit/cancel)

Browse source 
The footer's 'Add to Wishlist' + 'Full page' now use the same buttons as the
artist-detail / Download-Discography modal — .discog-submit-btn (primary, ⬇ +
label) and .discog-cancel-btn (secondary) — instead of the custom vgm buttons,
for consistency across the app. updateFooter sets the label span (keeps the
icon). Per-title hue glows stay on the hero/title/ambient.
This commit is contained in:
BoulderBadgeDad 2026-06-16 12:19:21 -07:00
parent 02e3b9d2e4
commit d722224b26
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
webui/static/video/video-get-modal.js
View file

@ -98,8 +98,11 @@
'</div>' + '</div>' +
'<div class="vgm-actions">' + '<div class="vgm-actions">' +
'<span class="vgm-sel-count" data-vgm-count></span>' + '<span class="vgm-sel-count" data-vgm-count></span>' +
'<button class="vgm-btn vgm-btn--text" type="button" data-vgm-open>Full page &rarr;</button>' + '<button class="discog-cancel-btn" type="button" data-vgm-open>Full page &rarr;</button>' +
'<button class="vgm-btn vgm-btn--primary" type="button" data-vgm-wishlist>+ Add to Wishlist</button>' + '<button class="discog-submit-btn" type="button" data-vgm-wishlist>' +
'<span class="discog-submit-icon">⬇</span>' +
'<span class="discog-submit-text" data-vgm-add-label>+ Add to Wishlist</span>' +
'</button>' +
'</div>' + '</div>' +
'</div>'; '</div>';
document.body.appendChild(ov); document.body.appendChild(ov);
@ -201,12 +204,15 @@
var n = modalState ? modalState.sel.size : 0; var n = modalState ? modalState.sel.size : 0;
var cnt = modalEl.querySelector('[data-vgm-count]'); var cnt = modalEl.querySelector('[data-vgm-count]');
var add = modalEl.querySelector('[data-vgm-wishlist]'); var add = modalEl.querySelector('[data-vgm-wishlist]');
var addLbl = modalEl.querySelector('[data-vgm-add-label]'); // set label only (keep the icon)
if (modalState && modalState.kind === 'show') { if (modalState && modalState.kind === 'show') {
if (cnt) cnt.textContent = n + ' episode' + (n === 1 ? '' : 's') + ' selected'; if (cnt) cnt.textContent = n + ' episode' + (n === 1 ? '' : 's') + ' selected';
if (add) { add.textContent = '+ Add ' + n + ' to Wishlist'; add.disabled = n === 0; } if (addLbl) addLbl.textContent = '+ Add ' + n + ' to Wishlist';
if (add) add.disabled = n === 0;
} else { } else {
if (cnt) cnt.textContent = ''; if (cnt) cnt.textContent = '';
if (add) { add.textContent = '+ Add to Wishlist'; add.disabled = false; } if (addLbl) addLbl.textContent = '+ Add to Wishlist';
if (add) add.disabled = false;
} }
} }