feat(playlist): show download progress page after import instead of navigating away

플레이리스트 등록 후 폴더로 바로 나가지 않고, 각 다운로드 잡을 폴링하며
항목별/전체 진행률을 보여주는 진행 화면을 추가. 단일 영상 추가 흐름과 동일하게
/op/job/:id 를 폴링하고, 모두 끝나면 "폴더로 이동" 버튼을 노출한다.

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
This commit is contained in:
Claude (owner)
2026-06-05 02:26:05 +09:00
parent e9924805cf
commit f9a26aaa86
3 changed files with 177 additions and 8 deletions

View File

@@ -20,7 +20,7 @@
</header>
<main class="editorMain">
<section class="playlistProbeSection">
<section class="playlistProbeSection" id="probeSection">
<p class="muted">유튜브 플레이리스트 주소를 입력하면 항목 목록을 불러옵니다.</p>
<div class="playlistProbeRow">
<input type="text" id="playlistUrl" placeholder="https://www.youtube.com/playlist?list=..." />
@@ -58,6 +58,18 @@
<button type="button" class="primaryButton" id="registerBtn">등록 &amp; 다운로드 시작</button>
</div>
</section>
<section class="playlistProgressSection" id="progressSection" hidden>
<div class="progressHeader">
<span class="idModeLabel" id="progressSummary">다운로드 진행 중…</span>
<progress id="progressOverall" value="0" max="100"></progress>
</div>
<ol class="progressList" id="progressList"></ol>
<div class="playlistFooter">
<p id="progressStatus" class="muted">페이지를 닫아도 다운로드는 백그라운드에서 계속됩니다.</p>
<a class="primaryButton" id="progressDoneBtn" href="<%= folderHref %>" hidden>폴더로 이동</a>
</div>
</section>
</main>
<!-- 항목 우클릭 메뉴 -->