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