1
0

auto-git:

[change] renderer.js
This commit is contained in:
2025-05-23 23:44:45 +02:00
parent 60466877f6
commit 04a802d47b

View File

@@ -81,26 +81,29 @@ window.addEventListener('DOMContentLoaded', async () => {
selected && folder === selected.path ? 'selected' : ''
].join(' ');
li.innerHTML = `
<div class="flex items-center space-x-2 overflow-hidden">
<svg xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 flex-shrink-0"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 7a2 2 0 012-2h4l2 2h6a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V7"/>
</svg>
<span class="truncate text-sm font-medium">${basename(folder)}</span>
</div>
<button class="remove-btn">
<svg xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
`;
li.innerHTML = `
<div class="flex items-center space-x-2 overflow-hidden">
<!-- links: Icon + Name -->
<svg …></svg>
<span class="truncate text-sm font-medium">${basename(folder)}</span>
</div>
<div class="flex items-center space-x-2">
<!-- Play/Pause -->
<button
class="pause-play-btn p-1 rounded"
title="${isMonitoring ? 'Monitoring pausieren' : 'Monitoring starten'}"
>
${isMonitoring
? `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" …>…</svg>`
: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" …>…</svg>`
}
</button>
<!-- Entfernen -->
<button class="remove-btn p-1 rounded">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" …>…</svg>
</button>
</div>
`;
// play/pause Button korrekt initialisieren
const pausePlayBtn = document.createElement('button');
pausePlayBtn.className = 'pause-play-btn ml-2 p-1 rounded';