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:
@@ -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">등록 & 다운로드 시작</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>
|
||||
|
||||
<!-- 항목 우클릭 메뉴 -->
|
||||
|
||||
Reference in New Issue
Block a user