vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' of github.com:SamidyFR/monochrome

Browse source
This commit is contained in:
Samidy 2025-12-31 12:26:09 +03:00
commit c31684ecf2
2 changed files with 110 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
js/side-panel.js
View file

@ -44,6 +44,19 @@ export class SidePanelManager {
return this.currentView === view && this.panel.classList.contains('active');
}
refresh(view, renderControlsCallback, renderContentCallback) {
if (this.isActive(view)) {
if (renderControlsCallback) {
this.controlsElement.innerHTML = '';
renderControlsCallback(this.controlsElement);
}
if (renderContentCallback) {
this.contentElement.innerHTML = '';
renderContentCallback(this.contentElement);
}
}
}
updateContent(view, renderContentCallback) {
if (this.isActive(view)) {
this.contentElement.innerHTML = '';

22
js/ui-interactions.js
View file

@ -30,8 +30,7 @@ export function initializeUIInteractions(player, api) {
});
// Queue panel
const openQueuePanel = () => {
const renderControls = (container) => {
const renderQueueControls = (container) => {
const currentQueue = player.getCurrentQueue();
const showClearBtn = currentQueue.length > 0;
@ -52,12 +51,12 @@ export function initializeUIInteractions(player, api) {
if (clearBtn) {
clearBtn.addEventListener('click', () => {
player.clearQueue();
openQueuePanel(); // Re-render to update state
refreshQueuePanel();
});
}
};
const renderContent = (container) => {
const renderQueueContent = (container) => {
const currentQueue = player.getCurrentQueue();
if (currentQueue.length === 0) {
@ -104,11 +103,11 @@ export function initializeUIInteractions(player, api) {
if (removeBtn) {
e.stopPropagation();
player.removeFromQueue(index);
openQueuePanel(); // Re-render
refreshQueuePanel();
return;
}
player.playAtIndex(index);
openQueuePanel(); // Re-render to update playing state
refreshQueuePanel();
});
item.addEventListener('dragstart', (e) => {
@ -128,13 +127,18 @@ export function initializeUIInteractions(player, api) {
e.preventDefault();
if (draggedQueueIndex !== null && draggedQueueIndex !== index) {
player.moveInQueue(draggedQueueIndex, index);
openQueuePanel(); // Re-render
refreshQueuePanel();
}
});
});
};
sidePanelManager.open('queue', 'Queue', renderControls, renderContent);
const refreshQueuePanel = () => {
sidePanelManager.refresh('queue', renderQueueControls, renderQueueContent);
};
const openQueuePanel = () => {
sidePanelManager.open('queue', 'Queue', renderQueueControls, renderQueueContent);
};
queueBtn.addEventListener('click', openQueuePanel);
@ -142,7 +146,7 @@ export function initializeUIInteractions(player, api) {
// Expose renderQueue for external updates (e.g. shuffle, add to queue)
window.renderQueueFunction = () => {
if (sidePanelManager.isActive('queue')) {
openQueuePanel(); // Re-open acts as update if active
refreshQueuePanel();
}
};