Administrator/Twitch-VOD-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 212 Wiki Activity

feat(merge-split): add Merge & Split button and queue checkbox/merge-group styles

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-03-19 17:55:14 +01:00
parent 409c976df0
commit c1a72ebd66
2 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/index.html
View File

@ -213,6 +213,7 @@
<div class="queue-list" id="queueList"></div>
<div class="queue-actions">
<button class="btn btn-start" id="btnStart" onclick="toggleDownload()">Start</button>
<button class="btn btn-merge-group" id="btnMergeGroup" onclick="createMergeGroupFromSelection()" style="display:none">Merge &amp; Split</button>
<button class="btn btn-retry" id="btnRetryFailed" onclick="retryFailedDownloads()" title="Nur fehlgeschlagene Downloads erneut starten">Wiederholen</button>
<button class="btn btn-clear" id="btnClear" onclick="clearCompleted()">Leeren</button>
</div>

28
src/styles.css
View File

@ -329,6 +329,34 @@ body {
opacity: 1;
}
.queue-checkbox {
width: 14px;
height: 14px;
margin-top: 2px;
cursor: pointer;
accent-color: var(--accent);
flex-shrink: 0;
}
.queue-item.merge-group {
border-left: 3px solid var(--accent);
}
.merge-group-icon {
vertical-align: middle;
margin-right: 2px;
opacity: 0.8;
}
.btn-merge-group {
background: var(--accent);
color: var(--bg-primary);
}
.btn-merge-group:hover {
opacity: 0.9;
}
.queue-actions {
display: flex;
gap: 8px;